From 911182628db434efb7ad6e1358ffabefd6826d99 Mon Sep 17 00:00:00 2001 From: thomas Date: Sun, 3 May 2026 14:50:27 +0100 Subject: [PATCH] added themes folder --- dotfiles/.themes/HyprFlux-Compact/COPYING | 674 + .../cinnamon/assets/add-workspace-active.svg | 12 + .../cinnamon/assets/add-workspace-hover.svg | 112 + .../cinnamon/assets/add-workspace.svg | 113 + .../cinnamon/assets/calendar-arrow-left.svg | 56 + .../cinnamon/assets/calendar-arrow-right.svg | 56 + .../cinnamon/assets/checkbox-off.svg | 4 + .../cinnamon/assets/checkbox.svg | 4 + .../cinnamon/assets/close-active.svg | 10 + .../cinnamon/assets/close-hover.svg | 10 + .../cinnamon/assets/close.svg | 10 + .../cinnamon/assets/corner-ripple.svg | 5 + .../cinnamon/assets/menu-toggle-off.svg | 126 + .../cinnamon/assets/radiobutton-off.svg | 3 + .../cinnamon/assets/radiobutton.svg | 3 + .../cinnamon/assets/toggle-off.svg | 126 + .../cinnamon/assets/toggle-on.svg | 75 + .../cinnamon/assets/trash-icon.svg | 6 + .../HyprFlux-Compact/cinnamon/cinnamon.css | 2420 ++++ .../HyprFlux-Compact/cinnamon/thumbnail.png | Bin 0 -> 4574 bytes .../gnome-shell/assets/activities.svg | 5 + .../assets/calendar-arrow-left.svg | 3 + .../assets/calendar-arrow-right.svg | 3 + .../gnome-shell/assets/calendar-today.svg | 178 + .../gnome-shell/assets/checkbox-off.svg | 4 + .../gnome-shell/assets/checkbox.svg | 4 + .../gnome-shell/assets/dash-placeholder.svg | 4 + .../gnome-shell/assets/menu-toggle-off.svg | 97 + .../gnome-shell/assets/more-results.svg | 6 + .../gnome-shell/assets/no-events.svg | 4 + .../gnome-shell/assets/no-notifications.svg | 3 + .../gnome-shell/assets/noise-texture.svg | 78 + .../gnome-shell/assets/process-working.svg | 72 + .../gnome-shell/assets/toggle-off.svg | 97 + .../gnome-shell/assets/toggle-on.svg | 75 + .../assets/window-close-active.svg | 95 + .../gnome-shell/assets/window-close-hover.svg | 95 + .../gnome-shell/assets/window-close.svg | 95 + .../gnome-shell/gnome-shell.css | 5233 +++++++ .../gnome-shell/no-events.svg | 1 + .../gnome-shell/no-notifications.svg | 1 + .../HyprFlux-Compact/gnome-shell/pad-osd.css | 30 + .../gnome-shell/process-working.svg | 1 + .../.themes/HyprFlux-Compact/gtk-2.0/apps.rc | 92 + .../gtk-2.0/assets/border.png | Bin 0 -> 126 bytes .../gtk-2.0/assets/button-active.png | Bin 0 -> 267 bytes .../gtk-2.0/assets/button-disabled.png | Bin 0 -> 229 bytes .../gtk-2.0/assets/button-hover.png | Bin 0 -> 252 bytes .../gtk-2.0/assets/button.png | Bin 0 -> 239 bytes .../assets/checkbox-checked-active.png | Bin 0 -> 491 bytes .../assets/checkbox-checked-disabled.png | Bin 0 -> 425 bytes .../gtk-2.0/assets/checkbox-checked-hover.png | Bin 0 -> 491 bytes .../gtk-2.0/assets/checkbox-checked.png | Bin 0 -> 491 bytes .../gtk-2.0/assets/checkbox-mixed-active.png | Bin 0 -> 436 bytes .../assets/checkbox-mixed-disabled.png | Bin 0 -> 375 bytes .../gtk-2.0/assets/checkbox-mixed-hover.png | Bin 0 -> 436 bytes .../gtk-2.0/assets/checkbox-mixed.png | Bin 0 -> 436 bytes .../assets/checkbox-unchecked-active.png | Bin 0 -> 565 bytes .../assets/checkbox-unchecked-disabled.png | Bin 0 -> 404 bytes .../assets/checkbox-unchecked-hover.png | Bin 0 -> 542 bytes .../gtk-2.0/assets/checkbox-unchecked.png | Bin 0 -> 500 bytes .../assets/combo-left-entry-active.png | Bin 0 -> 322 bytes .../assets/combo-left-entry-disabled.png | Bin 0 -> 209 bytes .../gtk-2.0/assets/combo-left-entry-hover.png | Bin 0 -> 282 bytes .../gtk-2.0/assets/combo-left-entry.png | Bin 0 -> 216 bytes .../assets/combo-right-entry-active.png | Bin 0 -> 333 bytes .../assets/combo-right-entry-disabled.png | Bin 0 -> 208 bytes .../assets/combo-right-entry-hover.png | Bin 0 -> 297 bytes .../gtk-2.0/assets/combo-right-entry.png | Bin 0 -> 217 bytes .../gtk-2.0/assets/entry-active.png | Bin 0 -> 416 bytes .../assets/entry-background-disabled.png | Bin 0 -> 136 bytes .../gtk-2.0/assets/entry-background.png | Bin 0 -> 136 bytes .../gtk-2.0/assets/entry-disabled.png | Bin 0 -> 229 bytes .../gtk-2.0/assets/entry-hover.png | Bin 0 -> 347 bytes .../HyprFlux-Compact/gtk-2.0/assets/entry.png | Bin 0 -> 239 bytes .../gtk-2.0/assets/flat-button-active.png | Bin 0 -> 267 bytes .../gtk-2.0/assets/flat-button-disabled.png | Bin 0 -> 195 bytes .../gtk-2.0/assets/flat-button-hover.png | Bin 0 -> 252 bytes .../gtk-2.0/assets/flat-button.png | Bin 0 -> 195 bytes .../HyprFlux-Compact/gtk-2.0/assets/focus.png | Bin 0 -> 221 bytes .../gtk-2.0/assets/frame-inline.png | Bin 0 -> 144 bytes .../gtk-2.0/assets/frame-notebook.png | Bin 0 -> 147 bytes .../HyprFlux-Compact/gtk-2.0/assets/frame.png | Bin 0 -> 147 bytes .../gtk-2.0/assets/handle-horz-active.png | Bin 0 -> 182 bytes .../gtk-2.0/assets/handle-horz-hover.png | Bin 0 -> 183 bytes .../gtk-2.0/assets/handle-horz.png | Bin 0 -> 180 bytes .../gtk-2.0/assets/handle-vert-active.png | Bin 0 -> 172 bytes .../gtk-2.0/assets/handle-vert-hover.png | Bin 0 -> 177 bytes .../gtk-2.0/assets/handle-vert.png | Bin 0 -> 178 bytes .../assets/menu-checkbox-checked-disabled.png | Bin 0 -> 406 bytes .../gtk-2.0/assets/menu-checkbox-checked.png | Bin 0 -> 435 bytes .../assets/menu-checkbox-mixed-disabled.png | Bin 0 -> 348 bytes .../gtk-2.0/assets/menu-checkbox-mixed.png | Bin 0 -> 364 bytes .../menu-checkbox-unchecked-disabled.png | Bin 0 -> 340 bytes .../assets/menu-checkbox-unchecked.png | Bin 0 -> 392 bytes .../assets/menu-radio-checked-disabled.png | Bin 0 -> 390 bytes .../gtk-2.0/assets/menu-radio-checked.png | Bin 0 -> 419 bytes .../assets/menu-radio-mixed-disabled.png | Bin 0 -> 348 bytes .../gtk-2.0/assets/menu-radio-mixed.png | Bin 0 -> 364 bytes .../assets/menu-radio-unchecked-disabled.png | Bin 0 -> 340 bytes .../gtk-2.0/assets/menu-radio-unchecked.png | Bin 0 -> 392 bytes .../gtk-2.0/assets/pan-down-alt-disabled.png | Bin 0 -> 188 bytes .../gtk-2.0/assets/pan-down-alt.png | Bin 0 -> 194 bytes .../gtk-2.0/assets/pan-down-disabled.png | Bin 0 -> 188 bytes .../gtk-2.0/assets/pan-down.png | Bin 0 -> 193 bytes .../gtk-2.0/assets/pan-left-alt-disabled.png | Bin 0 -> 194 bytes .../gtk-2.0/assets/pan-left-alt.png | Bin 0 -> 194 bytes .../gtk-2.0/assets/pan-left-disabled.png | Bin 0 -> 194 bytes .../gtk-2.0/assets/pan-left-semi.png | Bin 0 -> 205 bytes .../gtk-2.0/assets/pan-left.png | Bin 0 -> 193 bytes .../gtk-2.0/assets/pan-right-alt-disabled.png | Bin 0 -> 195 bytes .../gtk-2.0/assets/pan-right-alt.png | Bin 0 -> 196 bytes .../gtk-2.0/assets/pan-right-disabled.png | Bin 0 -> 195 bytes .../gtk-2.0/assets/pan-right-semi.png | Bin 0 -> 211 bytes .../gtk-2.0/assets/pan-right.png | Bin 0 -> 196 bytes .../gtk-2.0/assets/pan-up-alt-disabled.png | Bin 0 -> 187 bytes .../gtk-2.0/assets/pan-up-alt.png | Bin 0 -> 187 bytes .../gtk-2.0/assets/pan-up-disabled.png | Bin 0 -> 187 bytes .../gtk-2.0/assets/pan-up.png | Bin 0 -> 186 bytes .../gtk-2.0/assets/progressbar-progress.png | Bin 0 -> 136 bytes .../gtk-2.0/assets/progressbar-trough.png | Bin 0 -> 136 bytes .../gtk-2.0/assets/radio-checked-active.png | Bin 0 -> 483 bytes .../gtk-2.0/assets/radio-checked-disabled.png | Bin 0 -> 423 bytes .../gtk-2.0/assets/radio-checked-hover.png | Bin 0 -> 483 bytes .../gtk-2.0/assets/radio-checked.png | Bin 0 -> 483 bytes .../gtk-2.0/assets/radio-mixed-active.png | Bin 0 -> 436 bytes .../gtk-2.0/assets/radio-mixed-disabled.png | Bin 0 -> 375 bytes .../gtk-2.0/assets/radio-mixed-hover.png | Bin 0 -> 436 bytes .../gtk-2.0/assets/radio-mixed.png | Bin 0 -> 436 bytes .../gtk-2.0/assets/radio-unchecked-active.png | Bin 0 -> 565 bytes .../assets/radio-unchecked-disabled.png | Bin 0 -> 404 bytes .../gtk-2.0/assets/radio-unchecked-hover.png | Bin 0 -> 542 bytes .../gtk-2.0/assets/radio-unchecked.png | Bin 0 -> 500 bytes .../assets/scale-horz-trough-active.png | Bin 0 -> 164 bytes .../assets/scale-horz-trough-disabled.png | Bin 0 -> 165 bytes .../gtk-2.0/assets/scale-horz-trough.png | Bin 0 -> 165 bytes .../gtk-2.0/assets/scale-slider-active.png | Bin 0 -> 551 bytes .../gtk-2.0/assets/scale-slider-disabled.png | Bin 0 -> 272 bytes .../gtk-2.0/assets/scale-slider-hover.png | Bin 0 -> 466 bytes .../gtk-2.0/assets/scale-slider.png | Bin 0 -> 290 bytes .../assets/scale-vert-trough-active.png | Bin 0 -> 162 bytes .../assets/scale-vert-trough-disabled.png | Bin 0 -> 163 bytes .../gtk-2.0/assets/scale-vert-trough.png | Bin 0 -> 163 bytes .../assets/scrollbar-horz-slider-active.png | Bin 0 -> 258 bytes .../assets/scrollbar-horz-slider-disabled.png | Bin 0 -> 224 bytes .../assets/scrollbar-horz-slider-hover.png | Bin 0 -> 255 bytes .../gtk-2.0/assets/scrollbar-horz-slider.png | Bin 0 -> 232 bytes .../gtk-2.0/assets/scrollbar-horz-trough.png | Bin 0 -> 127 bytes .../scrollbar-vert-ltr-slider-active.png | Bin 0 -> 262 bytes .../scrollbar-vert-ltr-slider-disabled.png | Bin 0 -> 229 bytes .../scrollbar-vert-ltr-slider-hover.png | Bin 0 -> 259 bytes .../assets/scrollbar-vert-ltr-slider.png | Bin 0 -> 236 bytes .../assets/scrollbar-vert-ltr-trough.png | Bin 0 -> 126 bytes .../scrollbar-vert-rtl-slider-active.png | Bin 0 -> 261 bytes .../scrollbar-vert-rtl-slider-disabled.png | Bin 0 -> 228 bytes .../scrollbar-vert-rtl-slider-hover.png | Bin 0 -> 258 bytes .../assets/scrollbar-vert-rtl-slider.png | Bin 0 -> 235 bytes .../assets/scrollbar-vert-rtl-trough.png | Bin 0 -> 126 bytes .../gtk-2.0/assets/spin-ltr-down-active.png | Bin 0 -> 243 bytes .../gtk-2.0/assets/spin-ltr-down-disabled.png | Bin 0 -> 176 bytes .../gtk-2.0/assets/spin-ltr-down-hover.png | Bin 0 -> 222 bytes .../gtk-2.0/assets/spin-ltr-down.png | Bin 0 -> 182 bytes .../gtk-2.0/assets/spin-ltr-up-active.png | Bin 0 -> 262 bytes .../gtk-2.0/assets/spin-ltr-up-disabled.png | Bin 0 -> 186 bytes .../gtk-2.0/assets/spin-ltr-up-hover.png | Bin 0 -> 237 bytes .../gtk-2.0/assets/spin-ltr-up.png | Bin 0 -> 193 bytes .../gtk-2.0/assets/spin-rtl-down-active.png | Bin 0 -> 258 bytes .../gtk-2.0/assets/spin-rtl-down-disabled.png | Bin 0 -> 179 bytes .../gtk-2.0/assets/spin-rtl-down-hover.png | Bin 0 -> 232 bytes .../gtk-2.0/assets/spin-rtl-down.png | Bin 0 -> 187 bytes .../gtk-2.0/assets/spin-rtl-up-active.png | Bin 0 -> 242 bytes .../gtk-2.0/assets/spin-rtl-up-disabled.png | Bin 0 -> 190 bytes .../gtk-2.0/assets/spin-rtl-up-hover.png | Bin 0 -> 234 bytes .../gtk-2.0/assets/spin-rtl-up.png | Bin 0 -> 192 bytes .../HyprFlux-Compact/gtk-2.0/assets/tab.png | Bin 0 -> 127 bytes .../assets/treeview-ltr-button-active.png | Bin 0 -> 133 bytes .../assets/treeview-ltr-button-hover.png | Bin 0 -> 133 bytes .../gtk-2.0/assets/treeview-ltr-button.png | Bin 0 -> 135 bytes .../assets/treeview-rtl-button-active.png | Bin 0 -> 133 bytes .../assets/treeview-rtl-button-hover.png | Bin 0 -> 133 bytes .../gtk-2.0/assets/treeview-rtl-button.png | Bin 0 -> 135 bytes .../.themes/HyprFlux-Compact/gtk-2.0/gtkrc | 36 + .../.themes/HyprFlux-Compact/gtk-2.0/hacks.rc | 36 + .../.themes/HyprFlux-Compact/gtk-2.0/main.rc | 2636 ++++ .../assets/row-selected-blackness-dark.png | Bin 0 -> 996 bytes .../assets/row-selected-blackness-dark@2.png | Bin 0 -> 2032 bytes .../gtk-3.0/assets/row-selected-blackness.png | Bin 0 -> 886 bytes .../assets/row-selected-blackness@2.png | Bin 0 -> 1855 bytes .../gtk-3.0/assets/row-selected-dark.png | Bin 0 -> 981 bytes .../gtk-3.0/assets/row-selected-dark@2.png | Bin 0 -> 2000 bytes .../gtk-3.0/assets/row-selected-light.png | Bin 0 -> 997 bytes .../gtk-3.0/assets/row-selected-light@2.png | Bin 0 -> 2006 bytes .../gtk-3.0/assets/row-selected.png | Bin 0 -> 865 bytes .../gtk-3.0/assets/row-selected@2.png | Bin 0 -> 1808 bytes .../scalable/checkbox-checked-symbolic.svg | 3 + .../scalable/checkbox-checked-symbolic@2.svg | 39 + .../assets/scalable/close-symbolic.svg | 38 + .../assets/scalable/close-symbolic@2.svg | 3 + .../scalable/cursor-handle-symbolic.svg | 3 + .../assets/scalable/devel-symbolic.svg | 1 + .../assets/scalable/maximize-symbolic.svg | 38 + .../assets/scalable/maximize-symbolic@2.svg | 3 + .../assets/scalable/minimize-symbolic.svg | 43 + .../assets/scalable/minimize-symbolic@2.svg | 3 + .../assets/scalable/mixed-symbolic.svg | 3 + .../assets/scalable/mixed-symbolic@2.svg | 39 + .../scalable/radio-checked-symbolic.svg | 3 + .../scalable/radio-checked-symbolic@2.svg | 39 + .../assets/scalable/select-symbolic.svg | 3 + .../assets/scalable/select-symbolic@2.svg | 3 + .../scalable/selection-checked-symbolic.svg | 3 + .../scalable/selection-checked-symbolic@2.svg | 3 + .../scalable/selection-unchecked-symbolic.svg | 3 + .../selection-unchecked-symbolic@2.svg | 3 + .../small-checkbox-checked-symbolic.svg | 38 + .../small-checkbox-checked-symbolic@2.svg | 39 + .../assets/scalable/small-mixed-symbolic.svg | 38 + .../scalable/small-mixed-symbolic@2.svg | 39 + .../scalable/small-radio-checked-symbolic.svg | 38 + .../small-radio-checked-symbolic@2.svg | 39 + .../scalable/small-unchecked-symbolic.svg | 42 + .../scalable/small-unchecked-symbolic@2.svg | 45 + .../assets/scalable/unchecked-symbolic.svg | 3 + .../assets/scalable/unchecked-symbolic@2.svg | 39 + .../assets/scalable/unmaximize-symbolic.svg | 46 + .../assets/scalable/unmaximize-symbolic@2.svg | 4 + .../scale-horz-marks-after-slider-dark.png | Bin 0 -> 453 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 0 -> 685 bytes ...-horz-marks-after-slider-disabled-dark.png | Bin 0 -> 475 bytes ...orz-marks-after-slider-disabled-dark@2.png | Bin 0 -> 739 bytes ...scale-horz-marks-after-slider-disabled.png | Bin 0 -> 461 bytes ...ale-horz-marks-after-slider-disabled@2.png | Bin 0 -> 727 bytes .../assets/scale-horz-marks-after-slider.png | Bin 0 -> 428 bytes .../scale-horz-marks-after-slider@2.png | Bin 0 -> 666 bytes .../scale-horz-marks-before-slider-dark.png | Bin 0 -> 423 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 0 -> 678 bytes ...horz-marks-before-slider-disabled-dark.png | Bin 0 -> 439 bytes ...rz-marks-before-slider-disabled-dark@2.png | Bin 0 -> 719 bytes ...cale-horz-marks-before-slider-disabled.png | Bin 0 -> 419 bytes ...le-horz-marks-before-slider-disabled@2.png | Bin 0 -> 714 bytes .../assets/scale-horz-marks-before-slider.png | Bin 0 -> 396 bytes .../scale-horz-marks-before-slider@2.png | Bin 0 -> 647 bytes .../gtk-3.0/assets/scale-slider-dark.png | Bin 0 -> 378 bytes .../gtk-3.0/assets/scale-slider-dark@2.png | Bin 0 -> 665 bytes .../assets/scale-slider-disabled-dark.png | Bin 0 -> 389 bytes .../assets/scale-slider-disabled-dark@2.png | Bin 0 -> 737 bytes .../gtk-3.0/assets/scale-slider-disabled.png | Bin 0 -> 392 bytes .../assets/scale-slider-disabled@2.png | Bin 0 -> 751 bytes .../gtk-3.0/assets/scale-slider.png | Bin 0 -> 364 bytes .../gtk-3.0/assets/scale-slider@2.png | Bin 0 -> 642 bytes .../scale-vert-marks-after-slider-dark.png | Bin 0 -> 403 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 0 -> 685 bytes ...-vert-marks-after-slider-disabled-dark.png | Bin 0 -> 433 bytes ...ert-marks-after-slider-disabled-dark@2.png | Bin 0 -> 727 bytes ...scale-vert-marks-after-slider-disabled.png | Bin 0 -> 420 bytes ...ale-vert-marks-after-slider-disabled@2.png | Bin 0 -> 722 bytes .../assets/scale-vert-marks-after-slider.png | Bin 0 -> 395 bytes .../scale-vert-marks-after-slider@2.png | Bin 0 -> 659 bytes .../scale-vert-marks-before-slider-dark.png | Bin 0 -> 416 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 0 -> 680 bytes ...vert-marks-before-slider-disabled-dark.png | Bin 0 -> 437 bytes ...rt-marks-before-slider-disabled-dark@2.png | Bin 0 -> 729 bytes ...cale-vert-marks-before-slider-disabled.png | Bin 0 -> 426 bytes ...le-vert-marks-before-slider-disabled@2.png | Bin 0 -> 729 bytes .../assets/scale-vert-marks-before-slider.png | Bin 0 -> 400 bytes .../scale-vert-marks-before-slider@2.png | Bin 0 -> 645 bytes .../selectionmode-checkbox-checked-dark.png | Bin 0 -> 651 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 0 -> 1077 bytes .../assets/selectionmode-checkbox-checked.png | Bin 0 -> 681 bytes .../selectionmode-checkbox-checked@2.png | Bin 0 -> 1084 bytes .../selectionmode-checkbox-unchecked-dark.png | Bin 0 -> 349 bytes ...electionmode-checkbox-unchecked-dark@2.png | Bin 0 -> 656 bytes .../selectionmode-checkbox-unchecked.png | Bin 0 -> 316 bytes .../selectionmode-checkbox-unchecked@2.png | Bin 0 -> 584 bytes .../HyprFlux-Compact/gtk-3.0/gtk-dark.css | 8723 ++++++++++++ .../.themes/HyprFlux-Compact/gtk-3.0/gtk.css | 8723 ++++++++++++ .../HyprFlux-Compact/gtk-3.0/thumbnail.png | Bin 0 -> 1335 bytes .../assets/row-selected-blackness-dark.png | Bin 0 -> 996 bytes .../assets/row-selected-blackness-dark@2.png | Bin 0 -> 2032 bytes .../gtk-4.0/assets/row-selected-blackness.png | Bin 0 -> 886 bytes .../assets/row-selected-blackness@2.png | Bin 0 -> 1855 bytes .../gtk-4.0/assets/row-selected-dark.png | Bin 0 -> 981 bytes .../gtk-4.0/assets/row-selected-dark@2.png | Bin 0 -> 2000 bytes .../gtk-4.0/assets/row-selected-light.png | Bin 0 -> 997 bytes .../gtk-4.0/assets/row-selected-light@2.png | Bin 0 -> 2006 bytes .../gtk-4.0/assets/row-selected.png | Bin 0 -> 865 bytes .../gtk-4.0/assets/row-selected@2.png | Bin 0 -> 1808 bytes .../scalable/checkbox-checked-symbolic.svg | 3 + .../scalable/checkbox-checked-symbolic@2.svg | 39 + .../assets/scalable/close-symbolic.svg | 38 + .../assets/scalable/close-symbolic@2.svg | 3 + .../scalable/cursor-handle-symbolic.svg | 3 + .../assets/scalable/devel-symbolic.svg | 1 + .../assets/scalable/maximize-symbolic.svg | 38 + .../assets/scalable/maximize-symbolic@2.svg | 3 + .../assets/scalable/minimize-symbolic.svg | 43 + .../assets/scalable/minimize-symbolic@2.svg | 3 + .../assets/scalable/mixed-symbolic.svg | 3 + .../assets/scalable/mixed-symbolic@2.svg | 39 + .../scalable/radio-checked-symbolic.svg | 3 + .../scalable/radio-checked-symbolic@2.svg | 39 + .../assets/scalable/select-symbolic.svg | 3 + .../assets/scalable/select-symbolic@2.svg | 3 + .../scalable/selection-checked-symbolic.svg | 3 + .../scalable/selection-checked-symbolic@2.svg | 3 + .../scalable/selection-unchecked-symbolic.svg | 3 + .../selection-unchecked-symbolic@2.svg | 3 + .../small-checkbox-checked-symbolic.svg | 38 + .../small-checkbox-checked-symbolic@2.svg | 39 + .../assets/scalable/small-mixed-symbolic.svg | 38 + .../scalable/small-mixed-symbolic@2.svg | 39 + .../scalable/small-radio-checked-symbolic.svg | 38 + .../small-radio-checked-symbolic@2.svg | 39 + .../scalable/small-unchecked-symbolic.svg | 42 + .../scalable/small-unchecked-symbolic@2.svg | 45 + .../assets/scalable/unchecked-symbolic.svg | 3 + .../assets/scalable/unchecked-symbolic@2.svg | 39 + .../assets/scalable/unmaximize-symbolic.svg | 46 + .../assets/scalable/unmaximize-symbolic@2.svg | 4 + .../scale-horz-marks-after-slider-dark.png | Bin 0 -> 453 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 0 -> 685 bytes ...-horz-marks-after-slider-disabled-dark.png | Bin 0 -> 475 bytes ...orz-marks-after-slider-disabled-dark@2.png | Bin 0 -> 739 bytes ...scale-horz-marks-after-slider-disabled.png | Bin 0 -> 461 bytes ...ale-horz-marks-after-slider-disabled@2.png | Bin 0 -> 727 bytes .../assets/scale-horz-marks-after-slider.png | Bin 0 -> 428 bytes .../scale-horz-marks-after-slider@2.png | Bin 0 -> 666 bytes .../scale-horz-marks-before-slider-dark.png | Bin 0 -> 423 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 0 -> 678 bytes ...horz-marks-before-slider-disabled-dark.png | Bin 0 -> 439 bytes ...rz-marks-before-slider-disabled-dark@2.png | Bin 0 -> 719 bytes ...cale-horz-marks-before-slider-disabled.png | Bin 0 -> 419 bytes ...le-horz-marks-before-slider-disabled@2.png | Bin 0 -> 714 bytes .../assets/scale-horz-marks-before-slider.png | Bin 0 -> 396 bytes .../scale-horz-marks-before-slider@2.png | Bin 0 -> 647 bytes .../gtk-4.0/assets/scale-slider-dark.png | Bin 0 -> 378 bytes .../gtk-4.0/assets/scale-slider-dark@2.png | Bin 0 -> 665 bytes .../assets/scale-slider-disabled-dark.png | Bin 0 -> 389 bytes .../assets/scale-slider-disabled-dark@2.png | Bin 0 -> 737 bytes .../gtk-4.0/assets/scale-slider-disabled.png | Bin 0 -> 392 bytes .../assets/scale-slider-disabled@2.png | Bin 0 -> 751 bytes .../gtk-4.0/assets/scale-slider.png | Bin 0 -> 364 bytes .../gtk-4.0/assets/scale-slider@2.png | Bin 0 -> 642 bytes .../scale-vert-marks-after-slider-dark.png | Bin 0 -> 403 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 0 -> 685 bytes ...-vert-marks-after-slider-disabled-dark.png | Bin 0 -> 433 bytes ...ert-marks-after-slider-disabled-dark@2.png | Bin 0 -> 727 bytes ...scale-vert-marks-after-slider-disabled.png | Bin 0 -> 420 bytes ...ale-vert-marks-after-slider-disabled@2.png | Bin 0 -> 722 bytes .../assets/scale-vert-marks-after-slider.png | Bin 0 -> 395 bytes .../scale-vert-marks-after-slider@2.png | Bin 0 -> 659 bytes .../scale-vert-marks-before-slider-dark.png | Bin 0 -> 416 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 0 -> 680 bytes ...vert-marks-before-slider-disabled-dark.png | Bin 0 -> 437 bytes ...rt-marks-before-slider-disabled-dark@2.png | Bin 0 -> 729 bytes ...cale-vert-marks-before-slider-disabled.png | Bin 0 -> 426 bytes ...le-vert-marks-before-slider-disabled@2.png | Bin 0 -> 729 bytes .../assets/scale-vert-marks-before-slider.png | Bin 0 -> 400 bytes .../scale-vert-marks-before-slider@2.png | Bin 0 -> 645 bytes .../selectionmode-checkbox-checked-dark.png | Bin 0 -> 651 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 0 -> 1077 bytes .../assets/selectionmode-checkbox-checked.png | Bin 0 -> 681 bytes .../selectionmode-checkbox-checked@2.png | Bin 0 -> 1084 bytes .../selectionmode-checkbox-unchecked-dark.png | Bin 0 -> 349 bytes ...electionmode-checkbox-unchecked-dark@2.png | Bin 0 -> 656 bytes .../selectionmode-checkbox-unchecked.png | Bin 0 -> 316 bytes .../selectionmode-checkbox-unchecked@2.png | Bin 0 -> 584 bytes .../HyprFlux-Compact/gtk-4.0/gtk-dark.css | 8745 ++++++++++++ .../.themes/HyprFlux-Compact/gtk-4.0/gtk.css | 8745 ++++++++++++ dotfiles/.themes/HyprFlux-Compact/index.theme | 12 + .../metacity-1/assets/button.svg | 3 + .../metacity-1/assets/close.svg | 3 + .../metacity-1/assets/maximize.svg | 3 + .../metacity-1/assets/menu.svg | 3 + .../metacity-1/assets/minimize.svg | 3 + .../metacity-1/assets/shade.svg | 3 + .../metacity-1/assets/unmaximize.svg | 64 + .../metacity-1/assets/unshade.svg | 3 + .../metacity-1/metacity-theme-1.xml | 1 + .../metacity-1/metacity-theme-2.xml | 1 + .../metacity-1/metacity-theme-3.xml | 648 + .../HyprFlux-Compact/metacity-1/thumbnail.png | Bin 0 -> 726 bytes .../.themes/HyprFlux-Compact/plank/dock.theme | 66 + .../HyprFlux-Compact/xfwm4/bottom-active.xpm | 9 + .../xfwm4/bottom-inactive.xpm | 9 + .../xfwm4/bottom-left-active.xpm | 18 + .../xfwm4/bottom-left-inactive.xpm | 18 + .../xfwm4/bottom-right-active.xpm | 18 + .../xfwm4/bottom-right-inactive.xpm | 18 + .../HyprFlux-Compact/xfwm4/button-active.xpm | 42 + .../xfwm4/button-inactive.xpm | 42 + .../xfwm4/button-mac-active.xpm | 42 + .../xfwm4/button-mac-inactive.xpm | 42 + .../HyprFlux-Compact/xfwm4/close-active.svg | 1 + .../HyprFlux-Compact/xfwm4/close-active.xpm | 1 + .../HyprFlux-Compact/xfwm4/close-inactive.svg | 1 + .../HyprFlux-Compact/xfwm4/close-inactive.xpm | 1 + .../HyprFlux-Compact/xfwm4/close-prelight.svg | 1 + .../HyprFlux-Compact/xfwm4/close-prelight.xpm | 1 + .../HyprFlux-Compact/xfwm4/close-pressed.svg | 1 + .../HyprFlux-Compact/xfwm4/close-pressed.xpm | 1 + .../HyprFlux-Compact/xfwm4/hide-active.svg | 1 + .../HyprFlux-Compact/xfwm4/hide-active.xpm | 1 + .../HyprFlux-Compact/xfwm4/hide-inactive.svg | 1 + .../HyprFlux-Compact/xfwm4/hide-inactive.xpm | 1 + .../HyprFlux-Compact/xfwm4/hide-prelight.svg | 1 + .../HyprFlux-Compact/xfwm4/hide-prelight.xpm | 1 + .../HyprFlux-Compact/xfwm4/hide-pressed.svg | 1 + .../HyprFlux-Compact/xfwm4/hide-pressed.xpm | 1 + .../HyprFlux-Compact/xfwm4/left-active.xpm | 23 + .../HyprFlux-Compact/xfwm4/left-inactive.xpm | 23 + .../xfwm4/maximize-active.svg | 1 + .../xfwm4/maximize-active.xpm | 1 + .../xfwm4/maximize-inactive.svg | 1 + .../xfwm4/maximize-inactive.xpm | 1 + .../xfwm4/maximize-prelight.svg | 1 + .../xfwm4/maximize-prelight.xpm | 1 + .../xfwm4/maximize-pressed.svg | 1 + .../xfwm4/maximize-pressed.xpm | 1 + .../xfwm4/maximize-toggled-active.svg | 1 + .../xfwm4/maximize-toggled-active.xpm | 1 + .../xfwm4/maximize-toggled-inactive.svg | 1 + .../xfwm4/maximize-toggled-inactive.xpm | 1 + .../xfwm4/maximize-toggled-prelight.svg | 1 + .../xfwm4/maximize-toggled-prelight.xpm | 1 + .../xfwm4/maximize-toggled-pressed.svg | 1 + .../xfwm4/maximize-toggled-pressed.xpm | 1 + .../HyprFlux-Compact/xfwm4/menu-active.svg | 1 + .../HyprFlux-Compact/xfwm4/menu-active.xpm | 1 + .../HyprFlux-Compact/xfwm4/menu-inactive.svg | 1 + .../HyprFlux-Compact/xfwm4/menu-inactive.xpm | 1 + .../HyprFlux-Compact/xfwm4/menu-prelight.svg | 1 + .../HyprFlux-Compact/xfwm4/menu-prelight.xpm | 1 + .../HyprFlux-Compact/xfwm4/menu-pressed.svg | 1 + .../HyprFlux-Compact/xfwm4/menu-pressed.xpm | 1 + .../HyprFlux-Compact/xfwm4/right-active.xpm | 1 + .../HyprFlux-Compact/xfwm4/right-inactive.xpm | 1 + .../HyprFlux-Compact/xfwm4/shade-active.svg | 1 + .../HyprFlux-Compact/xfwm4/shade-active.xpm | 1 + .../HyprFlux-Compact/xfwm4/shade-inactive.svg | 1 + .../HyprFlux-Compact/xfwm4/shade-inactive.xpm | 1 + .../HyprFlux-Compact/xfwm4/shade-prelight.svg | 1 + .../HyprFlux-Compact/xfwm4/shade-prelight.xpm | 1 + .../HyprFlux-Compact/xfwm4/shade-pressed.svg | 1 + .../HyprFlux-Compact/xfwm4/shade-pressed.xpm | 1 + .../xfwm4/shade-toggled-active.svg | 1 + .../xfwm4/shade-toggled-active.xpm | 1 + .../xfwm4/shade-toggled-inactive.svg | 1 + .../xfwm4/shade-toggled-inactive.xpm | 1 + .../xfwm4/shade-toggled-prelight.svg | 1 + .../xfwm4/shade-toggled-prelight.xpm | 1 + .../xfwm4/shade-toggled-pressed.svg | 1 + .../xfwm4/shade-toggled-pressed.xpm | 1 + .../HyprFlux-Compact/xfwm4/stick-active.svg | 1 + .../HyprFlux-Compact/xfwm4/stick-active.xpm | 1 + .../HyprFlux-Compact/xfwm4/stick-inactive.svg | 1 + .../HyprFlux-Compact/xfwm4/stick-inactive.xpm | 1 + .../HyprFlux-Compact/xfwm4/stick-prelight.svg | 1 + .../HyprFlux-Compact/xfwm4/stick-prelight.xpm | 1 + .../HyprFlux-Compact/xfwm4/stick-pressed.svg | 1 + .../HyprFlux-Compact/xfwm4/stick-pressed.xpm | 1 + .../xfwm4/stick-toggled-active.svg | 1 + .../xfwm4/stick-toggled-active.xpm | 1 + .../xfwm4/stick-toggled-inactive.svg | 1 + .../xfwm4/stick-toggled-inactive.xpm | 1 + .../xfwm4/stick-toggled-prelight.svg | 1 + .../xfwm4/stick-toggled-prelight.xpm | 1 + .../xfwm4/stick-toggled-pressed.svg | 1 + .../xfwm4/stick-toggled-pressed.xpm | 1 + .../.themes/HyprFlux-Compact/xfwm4/themerc | 23 + .../HyprFlux-Compact/xfwm4/title-1-active.svg | 1 + .../HyprFlux-Compact/xfwm4/title-1-active.xpm | 1 + .../xfwm4/title-1-inactive.svg | 1 + .../xfwm4/title-1-inactive.xpm | 1 + .../HyprFlux-Compact/xfwm4/title-2-active.svg | 1 + .../HyprFlux-Compact/xfwm4/title-2-active.xpm | 1 + .../xfwm4/title-2-inactive.svg | 1 + .../xfwm4/title-2-inactive.xpm | 1 + .../HyprFlux-Compact/xfwm4/title-3-active.svg | 1 + .../HyprFlux-Compact/xfwm4/title-3-active.xpm | 1 + .../xfwm4/title-3-inactive.svg | 1 + .../xfwm4/title-3-inactive.xpm | 1 + .../HyprFlux-Compact/xfwm4/title-4-active.svg | 1 + .../HyprFlux-Compact/xfwm4/title-4-active.xpm | 1 + .../xfwm4/title-4-inactive.svg | 1 + .../xfwm4/title-4-inactive.xpm | 1 + .../HyprFlux-Compact/xfwm4/title-5-active.svg | 1 + .../HyprFlux-Compact/xfwm4/title-5-active.xpm | 1 + .../xfwm4/title-5-inactive.svg | 1 + .../xfwm4/title-5-inactive.xpm | 1 + .../HyprFlux-Compact/xfwm4/title-active.xpm | 41 + .../HyprFlux-Compact/xfwm4/title-inactive.xpm | 41 + .../.themes/HyprFlux-Compact/xfwm4/title.svg | 1 + .../xfwm4/top-left-active.svg | 1 + .../xfwm4/top-left-active.xpm | 42 + .../xfwm4/top-left-inactive.svg | 1 + .../xfwm4/top-left-inactive.xpm | 42 + .../xfwm4/top-right-active.svg | 1 + .../xfwm4/top-right-active.xpm | 42 + .../xfwm4/top-right-inactive.svg | 1 + .../xfwm4/top-right-inactive.xpm | 42 + .../cinnamon/assets/add-workspace-active.svg | 12 + .../cinnamon/assets/add-workspace-hover.svg | 112 + .../cinnamon/assets/add-workspace.svg | 113 + .../cinnamon/assets/calendar-arrow-left.svg | 56 + .../cinnamon/assets/calendar-arrow-right.svg | 56 + .../cinnamon/assets/checkbox-dark.svg | 3 + .../cinnamon/assets/checkbox-off.svg | 3 + .../cinnamon/assets/checkbox.svg | 3 + .../cinnamon/assets/close-active.svg | 10 + .../cinnamon/assets/close-hover.svg | 10 + .../cinnamon/assets/close.svg | 10 + .../cinnamon/assets/corner-ripple.svg | 5 + .../cinnamon/assets/radiobutton-dark.svg | 3 + .../cinnamon/assets/radiobutton-off.svg | 3 + .../cinnamon/assets/radiobutton.svg | 3 + .../cinnamon/assets/toggle-off.svg | 4 + .../cinnamon/assets/toggle-on-dark.svg | 4 + .../cinnamon/assets/toggle-on.svg | 4 + .../cinnamon/assets/trash-icon.svg | 6 + .../cinnamon/cinnamon.css | 2269 +++ .../cinnamon/thumbnail.png | Bin 0 -> 5042 bytes .../gnome-shell/assets/applogo.svg | 291 + .../assets/calendar-arrow-left.svg | 3 + .../assets/calendar-arrow-right.svg | 3 + .../gnome-shell/assets/calendar-today.svg | 178 + .../gnome-shell/assets/checkbox-dark.svg | 40 + .../gnome-shell/assets/checkbox-off.svg | 3 + .../gnome-shell/assets/checkbox.svg | 40 + .../gnome-shell/assets/dash-placeholder.svg | 4 + .../gnome-shell/assets/no-events.svg | 82 + .../gnome-shell/assets/no-notifications.svg | 3 + .../gnome-shell/assets/noise-texture.svg | 78 + .../gnome-shell/assets/process-working.svg | 308 + .../gnome-shell/assets/toggle-off-dark.svg | 4 + .../gnome-shell/assets/toggle-off.svg | 6 + .../gnome-shell/assets/toggle-on-dark.svg | 53 + .../gnome-shell/assets/toggle-on.svg | 53 + .../gnome-shell/gnome-shell.css | 4398 ++++++ .../gnome-shell/no-events.svg | 1 + .../gnome-shell/no-notifications.svg | 1 + .../gnome-shell/pad-osd.css | 31 + .../gnome-shell/process-working.svg | 1 + .../Material-DeepOcean-BL/gtk-2.0/gtkrc | 894 ++ .../Material-DeepOcean-BL/gtk-2.0/gtkrc.hidpi | 995 ++ .../assets/scalable/check-symbolic.svg | 45 + .../assets/scalable/check-symbolic@2.svg | 46 + .../scalable/checkbox-checked-symbolic.svg | 3 + .../scalable/checkbox-mixed-symbolic.svg | 3 + .../scalable/checkbox-unchecked-symbolic.svg | 3 + .../scalable/cursor-handle-symbolic.svg | 3 + .../gtk-3.0/assets/scalable/dot-symbolic.svg | 39 + .../assets/scalable/dot-symbolic@2.svg | 40 + .../gtk-3.0/assets/scalable/line-symbolic.svg | 39 + .../assets/scalable/line-symbolic@2.svg | 40 + .../scalable/radio-checked-symbolic.svg | 3 + .../assets/scalable/radio-mixed-symbolic.svg | 3 + .../scalable/radio-unchecked-symbolic.svg | 3 + .../assets/scalable/scale-slider-symbolic.svg | 11 + .../assets/scalable/small-check-symbolic.svg | 39 + .../scalable/small-check-symbolic@2.svg | 40 + .../small-checkbox-checked-symbolic.svg | 3 + .../small-checkbox-mixed-symbolic.svg | 3 + .../small-checkbox-unchecked-symbolic.svg | 3 + .../assets/scalable/small-dot-symbolic.svg | 39 + .../assets/scalable/small-dot-symbolic@2.svg | 40 + .../assets/scalable/small-line-symbolic.svg | 39 + .../assets/scalable/small-line-symbolic@2.svg | 40 + .../scalable/small-radio-checked-symbolic.svg | 3 + .../scalable/small-radio-mixed-symbolic.svg | 3 + .../small-radio-unchecked-symbolic.svg | 3 + .../scale-horz-marks-after-slider-dark.png | Bin 0 -> 588 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 0 -> 936 bytes ...-horz-marks-after-slider-disabled-dark.png | Bin 0 -> 489 bytes ...orz-marks-after-slider-disabled-dark@2.png | Bin 0 -> 763 bytes ...scale-horz-marks-after-slider-disabled.png | Bin 0 -> 480 bytes ...ale-horz-marks-after-slider-disabled@2.png | Bin 0 -> 717 bytes .../assets/scale-horz-marks-after-slider.png | Bin 0 -> 597 bytes .../scale-horz-marks-after-slider@2.png | Bin 0 -> 953 bytes .../scale-horz-marks-before-slider-dark.png | Bin 0 -> 577 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 0 -> 922 bytes ...horz-marks-before-slider-disabled-dark.png | Bin 0 -> 489 bytes ...rz-marks-before-slider-disabled-dark@2.png | Bin 0 -> 747 bytes ...cale-horz-marks-before-slider-disabled.png | Bin 0 -> 481 bytes ...le-horz-marks-before-slider-disabled@2.png | Bin 0 -> 706 bytes .../assets/scale-horz-marks-before-slider.png | Bin 0 -> 586 bytes .../scale-horz-marks-before-slider@2.png | Bin 0 -> 935 bytes .../scale-vert-marks-after-slider-dark.png | Bin 0 -> 541 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 0 -> 862 bytes ...-vert-marks-after-slider-disabled-dark.png | Bin 0 -> 447 bytes ...ert-marks-after-slider-disabled-dark@2.png | Bin 0 -> 704 bytes ...scale-vert-marks-after-slider-disabled.png | Bin 0 -> 413 bytes ...ale-vert-marks-after-slider-disabled@2.png | Bin 0 -> 670 bytes .../assets/scale-vert-marks-after-slider.png | Bin 0 -> 537 bytes .../scale-vert-marks-after-slider@2.png | Bin 0 -> 890 bytes .../scale-vert-marks-before-slider-dark.png | Bin 0 -> 534 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 0 -> 857 bytes ...vert-marks-before-slider-disabled-dark.png | Bin 0 -> 454 bytes ...rt-marks-before-slider-disabled-dark@2.png | Bin 0 -> 677 bytes ...cale-vert-marks-before-slider-disabled.png | Bin 0 -> 406 bytes ...le-vert-marks-before-slider-disabled@2.png | Bin 0 -> 639 bytes .../assets/scale-vert-marks-before-slider.png | Bin 0 -> 543 bytes .../scale-vert-marks-before-slider@2.png | Bin 0 -> 879 bytes .../selectionmode-checkbox-checked-dark.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 0 -> 703 bytes .../assets/selectionmode-checkbox-checked.png | Bin 0 -> 451 bytes .../selectionmode-checkbox-checked@2.png | Bin 0 -> 707 bytes .../selectionmode-checkbox-unchecked-dark.png | Bin 0 -> 273 bytes ...electionmode-checkbox-unchecked-dark@2.png | Bin 0 -> 415 bytes .../selectionmode-checkbox-unchecked.png | Bin 0 -> 273 bytes .../selectionmode-checkbox-unchecked@2.png | Bin 0 -> 415 bytes .../gtk-3.0/gtk-dark.css | 11474 ++++++++++++++++ .../Material-DeepOcean-BL/gtk-3.0/gtk.css | 11474 ++++++++++++++++ .../gtk-3.0/thumbnail.png | Bin 0 -> 1693 bytes .../assets/scalable/check-symbolic.svg | 45 + .../assets/scalable/check-symbolic@2.svg | 46 + .../scalable/checkbox-checked-symbolic.svg | 3 + .../scalable/checkbox-mixed-symbolic.svg | 3 + .../scalable/checkbox-unchecked-symbolic.svg | 3 + .../scalable/cursor-handle-symbolic.svg | 3 + .../gtk-4.0/assets/scalable/dot-symbolic.svg | 39 + .../assets/scalable/dot-symbolic@2.svg | 40 + .../gtk-4.0/assets/scalable/line-symbolic.svg | 39 + .../assets/scalable/line-symbolic@2.svg | 40 + .../scalable/radio-checked-symbolic.svg | 3 + .../assets/scalable/radio-mixed-symbolic.svg | 3 + .../scalable/radio-unchecked-symbolic.svg | 3 + .../assets/scalable/scale-slider-symbolic.svg | 11 + .../assets/scalable/small-check-symbolic.svg | 39 + .../scalable/small-check-symbolic@2.svg | 40 + .../small-checkbox-checked-symbolic.svg | 3 + .../small-checkbox-mixed-symbolic.svg | 3 + .../small-checkbox-unchecked-symbolic.svg | 3 + .../assets/scalable/small-dot-symbolic.svg | 39 + .../assets/scalable/small-dot-symbolic@2.svg | 40 + .../assets/scalable/small-line-symbolic.svg | 39 + .../assets/scalable/small-line-symbolic@2.svg | 40 + .../scalable/small-radio-checked-symbolic.svg | 3 + .../scalable/small-radio-mixed-symbolic.svg | 3 + .../small-radio-unchecked-symbolic.svg | 3 + .../scale-horz-marks-after-slider-dark.png | Bin 0 -> 588 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 0 -> 936 bytes ...-horz-marks-after-slider-disabled-dark.png | Bin 0 -> 489 bytes ...orz-marks-after-slider-disabled-dark@2.png | Bin 0 -> 763 bytes ...scale-horz-marks-after-slider-disabled.png | Bin 0 -> 480 bytes ...ale-horz-marks-after-slider-disabled@2.png | Bin 0 -> 717 bytes .../assets/scale-horz-marks-after-slider.png | Bin 0 -> 597 bytes .../scale-horz-marks-after-slider@2.png | Bin 0 -> 953 bytes .../scale-horz-marks-before-slider-dark.png | Bin 0 -> 577 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 0 -> 922 bytes ...horz-marks-before-slider-disabled-dark.png | Bin 0 -> 489 bytes ...rz-marks-before-slider-disabled-dark@2.png | Bin 0 -> 747 bytes ...cale-horz-marks-before-slider-disabled.png | Bin 0 -> 481 bytes ...le-horz-marks-before-slider-disabled@2.png | Bin 0 -> 706 bytes .../assets/scale-horz-marks-before-slider.png | Bin 0 -> 586 bytes .../scale-horz-marks-before-slider@2.png | Bin 0 -> 935 bytes .../scale-vert-marks-after-slider-dark.png | Bin 0 -> 541 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 0 -> 862 bytes ...-vert-marks-after-slider-disabled-dark.png | Bin 0 -> 447 bytes ...ert-marks-after-slider-disabled-dark@2.png | Bin 0 -> 704 bytes ...scale-vert-marks-after-slider-disabled.png | Bin 0 -> 413 bytes ...ale-vert-marks-after-slider-disabled@2.png | Bin 0 -> 670 bytes .../assets/scale-vert-marks-after-slider.png | Bin 0 -> 537 bytes .../scale-vert-marks-after-slider@2.png | Bin 0 -> 890 bytes .../scale-vert-marks-before-slider-dark.png | Bin 0 -> 534 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 0 -> 857 bytes ...vert-marks-before-slider-disabled-dark.png | Bin 0 -> 454 bytes ...rt-marks-before-slider-disabled-dark@2.png | Bin 0 -> 677 bytes ...cale-vert-marks-before-slider-disabled.png | Bin 0 -> 406 bytes ...le-vert-marks-before-slider-disabled@2.png | Bin 0 -> 639 bytes .../assets/scale-vert-marks-before-slider.png | Bin 0 -> 543 bytes .../scale-vert-marks-before-slider@2.png | Bin 0 -> 879 bytes .../selectionmode-checkbox-checked-dark.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 0 -> 703 bytes .../assets/selectionmode-checkbox-checked.png | Bin 0 -> 451 bytes .../selectionmode-checkbox-checked@2.png | Bin 0 -> 707 bytes .../selectionmode-checkbox-unchecked-dark.png | Bin 0 -> 273 bytes ...electionmode-checkbox-unchecked-dark@2.png | Bin 0 -> 415 bytes .../selectionmode-checkbox-unchecked.png | Bin 0 -> 273 bytes .../selectionmode-checkbox-unchecked@2.png | Bin 0 -> 415 bytes .../gtk-4.0/gtk-dark.css | 7017 ++++++++++ .../Material-DeepOcean-BL/gtk-4.0/gtk.css | 7017 ++++++++++ .../gtk-4.0/thumbnail.png | Bin 0 -> 1693 bytes .../.themes/Material-DeepOcean-BL/index.theme | 12 + .../metacity-1/metacity-theme-1.xml | 1693 +++ .../metacity-1/metacity-theme-2.xml | 1 + .../metacity-1/metacity-theme-3.xml | 1682 +++ .../metacity-1/thumbnail.png | Bin 0 -> 7430 bytes .../titlebuttons/titlebutton-backdrop.svg | 63 + .../titlebuttons/titlebutton-close-active.svg | 55 + .../titlebutton-close-backdrop-active.svg | 60 + .../titlebutton-close-backdrop.svg | 60 + .../titlebuttons/titlebutton-close-hover.svg | 39 + .../titlebuttons/titlebutton-close.svg | 48 + .../titlebutton-maximize-active.svg | 45 + .../titlebutton-maximize-backdrop-active.svg | 60 + .../titlebutton-maximize-backdrop.svg | 60 + .../titlebutton-maximize-hover.svg | 40 + .../titlebuttons/titlebutton-maximize.svg | 48 + .../titlebuttons/titlebutton-menu-active.svg | 11 + .../titlebutton-menu-backdrop-active.svg | 1 + .../titlebutton-menu-backdrop.svg | 1 + .../titlebuttons/titlebutton-menu-hover.svg | 11 + .../titlebuttons/titlebutton-menu.svg | 1 + .../titlebutton-minimize-active.svg | 51 + .../titlebutton-minimize-backdrop-active.svg | 60 + .../titlebutton-minimize-backdrop.svg | 60 + .../titlebutton-minimize-hover.svg | 40 + .../titlebuttons/titlebutton-minimize.svg | 48 + .../titlebuttons/titlebutton-shade-active.svg | 67 + .../titlebutton-shade-backdrop-active.svg | 8 + .../titlebutton-shade-backdrop.svg | 8 + .../titlebuttons/titlebutton-shade-hover.svg | 67 + .../titlebuttons/titlebutton-shade.svg | 60 + .../titlebutton-unmaximize-active.svg | 45 + ...titlebutton-unmaximize-backdrop-active.svg | 40 + .../titlebutton-unmaximize-backdrop.svg | 40 + .../titlebutton-unmaximize-hover.svg | 40 + .../titlebutton-unshade-active.svg | 68 + .../titlebutton-unshade-backdrop-active.svg | 8 + .../titlebutton-unshade-backdrop.svg | 8 + .../titlebutton-unshade-hover.svg | 67 + .../titlebuttons/titlebutton-unshade.svg | 1 + .../xfwm4/bottom-active.png | Bin 0 -> 138 bytes .../xfwm4/bottom-inactive.png | Bin 0 -> 138 bytes .../xfwm4/bottom-left-active.png | Bin 0 -> 158 bytes .../xfwm4/bottom-left-inactive.png | Bin 0 -> 158 bytes .../xfwm4/bottom-right-active.png | Bin 0 -> 156 bytes .../xfwm4/bottom-right-inactive.png | Bin 0 -> 156 bytes .../xfwm4/close-active.png | Bin 0 -> 515 bytes .../xfwm4/close-inactive.png | Bin 0 -> 448 bytes .../xfwm4/close-prelight.png | Bin 0 -> 506 bytes .../xfwm4/close-pressed.png | Bin 0 -> 529 bytes .../xfwm4/hide-active.png | Bin 0 -> 562 bytes .../xfwm4/hide-inactive.png | Bin 0 -> 456 bytes .../xfwm4/hide-prelight.png | Bin 0 -> 541 bytes .../xfwm4/hide-pressed.png | Bin 0 -> 555 bytes .../xfwm4/left-active.png | Bin 0 -> 138 bytes .../xfwm4/left-inactive.png | Bin 0 -> 138 bytes .../xfwm4/maximize-active.png | Bin 0 -> 524 bytes .../xfwm4/maximize-inactive.png | Bin 0 -> 448 bytes .../xfwm4/maximize-prelight.png | Bin 0 -> 529 bytes .../xfwm4/maximize-pressed.png | Bin 0 -> 530 bytes .../xfwm4/maximize-toggled-active.png | Bin 0 -> 536 bytes .../xfwm4/maximize-toggled-inactive.png | Bin 0 -> 449 bytes .../xfwm4/maximize-toggled-prelight.png | Bin 0 -> 537 bytes .../xfwm4/maximize-toggled-pressed.png | Bin 0 -> 551 bytes .../xfwm4/menu-active.png | Bin 0 -> 683 bytes .../xfwm4/menu-inactive.png | Bin 0 -> 529 bytes .../xfwm4/menu-prelight.png | Bin 0 -> 636 bytes .../xfwm4/menu-pressed.png | Bin 0 -> 638 bytes .../xfwm4/right-active.png | Bin 0 -> 138 bytes .../xfwm4/right-inactive.png | Bin 0 -> 138 bytes .../xfwm4/shade-active.png | Bin 0 -> 583 bytes .../xfwm4/shade-inactive.png | Bin 0 -> 475 bytes .../xfwm4/shade-prelight.png | Bin 0 -> 569 bytes .../xfwm4/shade-pressed.png | Bin 0 -> 670 bytes .../xfwm4/shade-toggled-active.png | Bin 0 -> 683 bytes .../xfwm4/shade-toggled-inactive.png | Bin 0 -> 529 bytes .../xfwm4/shade-toggled-prelight.png | Bin 0 -> 636 bytes .../xfwm4/shade-toggled-pressed.png | Bin 0 -> 638 bytes .../xfwm4/stick-active.png | Bin 0 -> 583 bytes .../xfwm4/stick-inactive.png | Bin 0 -> 475 bytes .../xfwm4/stick-prelight.png | Bin 0 -> 569 bytes .../xfwm4/stick-pressed.png | Bin 0 -> 670 bytes .../xfwm4/stick-toggled-active.png | Bin 0 -> 650 bytes .../xfwm4/stick-toggled-inactive.png | Bin 0 -> 526 bytes .../xfwm4/stick-toggled-prelight.png | Bin 0 -> 644 bytes .../xfwm4/stick-toggled-pressed.png | Bin 0 -> 653 bytes .../Material-DeepOcean-BL/xfwm4/themerc | 23 + .../xfwm4/title-1-active.png | Bin 0 -> 152 bytes .../xfwm4/title-1-inactive.png | Bin 0 -> 152 bytes .../xfwm4/title-2-active.png | Bin 0 -> 152 bytes .../xfwm4/title-2-inactive.png | Bin 0 -> 152 bytes .../xfwm4/title-3-active.png | Bin 0 -> 152 bytes .../xfwm4/title-3-inactive.png | Bin 0 -> 152 bytes .../xfwm4/title-4-active.png | Bin 0 -> 152 bytes .../xfwm4/title-4-inactive.png | Bin 0 -> 152 bytes .../xfwm4/title-5-active.png | Bin 0 -> 152 bytes .../xfwm4/title-5-inactive.png | Bin 0 -> 152 bytes .../xfwm4/top-left-active.png | Bin 0 -> 186 bytes .../xfwm4/top-left-inactive.png | Bin 0 -> 186 bytes .../xfwm4/top-right-active.png | Bin 0 -> 211 bytes .../xfwm4/top-right-inactive.png | Bin 0 -> 211 bytes 784 files changed, 103619 insertions(+) create mode 100644 dotfiles/.themes/HyprFlux-Compact/COPYING create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/add-workspace-active.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/add-workspace-hover.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/add-workspace.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/calendar-arrow-left.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/calendar-arrow-right.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/checkbox-off.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/checkbox.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/close-active.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/close-hover.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/close.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/corner-ripple.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/menu-toggle-off.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/radiobutton-off.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/radiobutton.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/toggle-off.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/toggle-on.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/trash-icon.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/cinnamon.css create mode 100644 dotfiles/.themes/HyprFlux-Compact/cinnamon/thumbnail.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/activities.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/calendar-arrow-left.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/calendar-arrow-right.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/calendar-today.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/checkbox-off.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/checkbox.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/dash-placeholder.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/menu-toggle-off.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/more-results.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/no-events.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/no-notifications.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/noise-texture.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/process-working.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/toggle-off.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/toggle-on.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/window-close-active.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/window-close-hover.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/window-close.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/gnome-shell.css create mode 120000 dotfiles/.themes/HyprFlux-Compact/gnome-shell/no-events.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/gnome-shell/no-notifications.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gnome-shell/pad-osd.css create mode 120000 dotfiles/.themes/HyprFlux-Compact/gnome-shell/process-working.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/apps.rc create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/border.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/button-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/button-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/button-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/button.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-checked-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-checked-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-checked-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-checked.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-mixed-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-mixed-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-mixed-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-mixed.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-unchecked-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-unchecked-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-unchecked-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-unchecked.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-left-entry-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-left-entry-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-left-entry-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-left-entry.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-right-entry-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-right-entry-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-right-entry-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-right-entry.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry-background-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry-background.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/flat-button-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/flat-button-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/flat-button-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/flat-button.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/focus.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/frame-inline.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/frame-notebook.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/frame.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/handle-horz-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/handle-horz-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/handle-horz.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/handle-vert-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/handle-vert-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/handle-vert.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-checkbox-checked-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-checkbox-checked.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-checkbox-mixed-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-checkbox-mixed.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-checkbox-unchecked.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-checked-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-checked.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-mixed-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-mixed.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-unchecked-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-unchecked.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-down-alt-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-down-alt.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-down-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-down.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-left-alt-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-left-alt.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-left-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-left-semi.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-left.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-right-alt-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-right-alt.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-right-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-right-semi.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-right.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-up-alt-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-up-alt.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-up-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-up.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/progressbar-progress.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/progressbar-trough.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-checked-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-checked-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-checked-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-checked.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-mixed-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-mixed-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-mixed-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-mixed.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-unchecked-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-unchecked-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-unchecked-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-unchecked.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-horz-trough-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-horz-trough-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-horz-trough.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-slider-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-slider-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-vert-trough-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-vert-trough-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-vert-trough.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-horz-slider-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-horz-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-horz-slider-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-horz-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-horz-trough.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-ltr-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-ltr-trough.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-rtl-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-rtl-trough.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-down-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-down-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-down-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-down.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-up-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-up-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-up-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-up.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-down-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-down-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-down-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-down.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-up-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-up-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-up-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-up.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/tab.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-ltr-button-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-ltr-button-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-ltr-button.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-rtl-button-active.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-rtl-button-hover.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-rtl-button.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/gtkrc create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/hacks.rc create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-2.0/main.rc create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-blackness-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-blackness-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-blackness.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-blackness@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-light.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-light@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/close-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/close-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/devel-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/maximize-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/maximize-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/minimize-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/minimize-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/mixed-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/mixed-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/radio-checked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/select-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/select-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-checked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-unchecked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-unchecked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-mixed-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-mixed-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-unchecked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-unchecked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unchecked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unchecked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unmaximize-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unmaximize-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider-disabled-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider-disabled@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-checked.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-checked@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-unchecked.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/gtk-dark.css create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/gtk.css create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-3.0/thumbnail.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-blackness-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-blackness-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-blackness.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-blackness@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-light.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-light@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/close-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/close-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/devel-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/maximize-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/maximize-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/minimize-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/minimize-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/mixed-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/mixed-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/radio-checked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/select-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/select-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-checked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-unchecked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-unchecked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-mixed-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-mixed-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-unchecked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-unchecked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unchecked-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unchecked-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unmaximize-symbolic.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unmaximize-symbolic@2.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider-disabled-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider-disabled@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-checked.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-checked@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-unchecked.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/gtk-dark.css create mode 100644 dotfiles/.themes/HyprFlux-Compact/gtk-4.0/gtk.css create mode 100644 dotfiles/.themes/HyprFlux-Compact/index.theme create mode 100644 dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/button.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/close.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/maximize.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/menu.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/minimize.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/shade.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/unmaximize.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/unshade.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/metacity-1/metacity-theme-1.xml create mode 120000 dotfiles/.themes/HyprFlux-Compact/metacity-1/metacity-theme-2.xml create mode 100644 dotfiles/.themes/HyprFlux-Compact/metacity-1/metacity-theme-3.xml create mode 100644 dotfiles/.themes/HyprFlux-Compact/metacity-1/thumbnail.png create mode 100644 dotfiles/.themes/HyprFlux-Compact/plank/dock.theme create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-left-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-left-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-right-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-right-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/button-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/button-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/button-mac-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/button-mac-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/close-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/close-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/close-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/close-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/close-prelight.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/close-prelight.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/close-pressed.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/close-pressed.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-prelight.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-prelight.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-pressed.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-pressed.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/left-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/left-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-prelight.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-prelight.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-pressed.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-pressed.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-prelight.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-prelight.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-pressed.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-pressed.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-prelight.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-prelight.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-pressed.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-pressed.xpm create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/right-active.xpm create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/right-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-prelight.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-prelight.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-pressed.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-pressed.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-prelight.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-prelight.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-pressed.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-pressed.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-prelight.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-prelight.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-pressed.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-pressed.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-prelight.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-prelight.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-pressed.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-pressed.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/themerc create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-active.xpm create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-inactive.xpm create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-active.xpm create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-inactive.xpm create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-active.xpm create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-inactive.xpm create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-active.xpm create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-inactive.xpm create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-active.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-active.xpm create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-inactive.svg create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-active.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/title-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/title.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-active.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-active.xpm create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-inactive.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-inactive.xpm create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-active.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-active.xpm create mode 120000 dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-inactive.svg create mode 100644 dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-inactive.xpm create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/add-workspace-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/add-workspace-hover.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/add-workspace.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/calendar-arrow-left.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/calendar-arrow-right.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/checkbox-dark.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/checkbox-off.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/checkbox.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/close-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/close-hover.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/close.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/corner-ripple.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/radiobutton-dark.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/radiobutton-off.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/radiobutton.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/toggle-off.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/toggle-on-dark.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/toggle-on.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/trash-icon.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/cinnamon.css create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/cinnamon/thumbnail.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/applogo.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/calendar-arrow-left.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/calendar-arrow-right.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/calendar-today.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/checkbox-dark.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/checkbox-off.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/checkbox.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/dash-placeholder.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/no-events.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/no-notifications.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/noise-texture.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/process-working.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-off-dark.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-off.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-on-dark.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-on.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/gnome-shell.css create mode 120000 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/no-events.svg create mode 120000 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/no-notifications.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/pad-osd.css create mode 120000 dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/process-working.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-2.0/gtkrc create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-2.0/gtkrc.hidpi create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/check-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/check-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/dot-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/dot-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/line-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/line-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/radio-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/scale-slider-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-check-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-check-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-dot-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-line-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-line-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-checked.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-checked@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/gtk-dark.css create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/gtk.css create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/thumbnail.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/check-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/check-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/dot-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/dot-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/line-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/line-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/radio-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/scale-slider-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-check-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-check-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-dot-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-line-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-line-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-checked.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-checked@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/gtk-dark.css create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/gtk.css create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/thumbnail.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/index.theme create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/metacity-theme-1.xml create mode 120000 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/metacity-theme-2.xml create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/metacity-theme-3.xml create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/thumbnail.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-backdrop.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-backdrop.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-hover.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-hover.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-active.svg create mode 120000 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg create mode 120000 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-hover.svg create mode 120000 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-hover.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-hover.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-hover.svg create mode 120000 dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade.svg create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-left-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-left-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-right-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-right-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/close-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/close-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/close-prelight.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/close-pressed.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/hide-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/hide-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/hide-prelight.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/hide-pressed.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/left-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/left-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-prelight.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-pressed.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-toggled-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-toggled-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-toggled-prelight.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-toggled-pressed.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/menu-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/menu-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/menu-prelight.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/menu-pressed.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/right-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/right-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-prelight.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-pressed.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-toggled-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-toggled-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-toggled-prelight.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-toggled-pressed.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-prelight.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-pressed.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-toggled-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-toggled-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-toggled-prelight.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-toggled-pressed.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/themerc create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-1-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-1-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-2-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-2-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-3-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-3-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-4-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-4-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-5-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-5-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/top-left-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/top-left-inactive.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/top-right-active.png create mode 100644 dotfiles/.themes/Material-DeepOcean-BL/xfwm4/top-right-inactive.png diff --git a/dotfiles/.themes/HyprFlux-Compact/COPYING b/dotfiles/.themes/HyprFlux-Compact/COPYING new file mode 100644 index 0000000..94a9ed0 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/COPYING @@ -0,0 +1,674 @@ + GNU GENERAL PUBLIC LICENSE + Version 3, 29 June 2007 + + Copyright (C) 2007 Free Software Foundation, Inc. + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The GNU General Public License is a free, copyleft license for +software and other kinds of works. + + The licenses for most software and other practical works are designed +to take away your freedom to share and change the works. By contrast, +the GNU General Public License is intended to guarantee your freedom to +share and change all versions of a program--to make sure it remains free +software for all its users. We, the Free Software Foundation, use the +GNU General Public License for most of our software; it applies also to +any other work released this way by its authors. You can apply it to +your programs, too. + + When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +them if you wish), that you receive source code or can get it if you +want it, that you can change the software or use pieces of it in new +free programs, and that you know you can do these things. + + To protect your rights, we need to prevent others from denying you +these rights or asking you to surrender the rights. Therefore, you have +certain responsibilities if you distribute copies of the software, or if +you modify it: responsibilities to respect the freedom of others. + + For example, if you distribute copies of such a program, whether +gratis or for a fee, you must pass on to the recipients the same +freedoms that you received. You must make sure that they, too, receive +or can get the source code. And you must show them these terms so they +know their rights. + + Developers that use the GNU GPL protect your rights with two steps: +(1) assert copyright on the software, and (2) offer you this License +giving you legal permission to copy, distribute and/or modify it. + + For the developers' and authors' protection, the GPL clearly explains +that there is no warranty for this free software. For both users' and +authors' sake, the GPL requires that modified versions be marked as +changed, so that their problems will not be attributed erroneously to +authors of previous versions. + + Some devices are designed to deny users access to install or run +modified versions of the software inside them, although the manufacturer +can do so. This is fundamentally incompatible with the aim of +protecting users' freedom to change the software. The systematic +pattern of such abuse occurs in the area of products for individuals to +use, which is precisely where it is most unacceptable. Therefore, we +have designed this version of the GPL to prohibit the practice for those +products. If such problems arise substantially in other domains, we +stand ready to extend this provision to those domains in future versions +of the GPL, as needed to protect the freedom of users. + + Finally, every program is threatened constantly by software patents. +States should not allow patents to restrict development and use of +software on general-purpose computers, but in those that do, we wish to +avoid the special danger that patents applied to a free program could +make it effectively proprietary. To prevent this, the GPL assures that +patents cannot be used to render the program non-free. + + The precise terms and conditions for copying, distribution and +modification follow. + + TERMS AND CONDITIONS + + 0. Definitions. + + "This License" refers to version 3 of the GNU General Public License. + + "Copyright" also means copyright-like laws that apply to other kinds of +works, such as semiconductor masks. + + "The Program" refers to any copyrightable work licensed under this +License. Each licensee is addressed as "you". "Licensees" and +"recipients" may be individuals or organizations. + + To "modify" a work means to copy from or adapt all or part of the work +in a fashion requiring copyright permission, other than the making of an +exact copy. The resulting work is called a "modified version" of the +earlier work or a work "based on" the earlier work. + + A "covered work" means either the unmodified Program or a work based +on the Program. + + To "propagate" a work means to do anything with it that, without +permission, would make you directly or secondarily liable for +infringement under applicable copyright law, except executing it on a +computer or modifying a private copy. Propagation includes copying, +distribution (with or without modification), making available to the +public, and in some countries other activities as well. + + To "convey" a work means any kind of propagation that enables other +parties to make or receive copies. Mere interaction with a user through +a computer network, with no transfer of a copy, is not conveying. + + An interactive user interface displays "Appropriate Legal Notices" +to the extent that it includes a convenient and prominently visible +feature that (1) displays an appropriate copyright notice, and (2) +tells the user that there is no warranty for the work (except to the +extent that warranties are provided), that licensees may convey the +work under this License, and how to view a copy of this License. If +the interface presents a list of user commands or options, such as a +menu, a prominent item in the list meets this criterion. + + 1. Source Code. + + The "source code" for a work means the preferred form of the work +for making modifications to it. "Object code" means any non-source +form of a work. + + A "Standard Interface" means an interface that either is an official +standard defined by a recognized standards body, or, in the case of +interfaces specified for a particular programming language, one that +is widely used among developers working in that language. + + The "System Libraries" of an executable work include anything, other +than the work as a whole, that (a) is included in the normal form of +packaging a Major Component, but which is not part of that Major +Component, and (b) serves only to enable use of the work with that +Major Component, or to implement a Standard Interface for which an +implementation is available to the public in source code form. A +"Major Component", in this context, means a major essential component +(kernel, window system, and so on) of the specific operating system +(if any) on which the executable work runs, or a compiler used to +produce the work, or an object code interpreter used to run it. + + The "Corresponding Source" for a work in object code form means all +the source code needed to generate, install, and (for an executable +work) run the object code and to modify the work, including scripts to +control those activities. However, it does not include the work's +System Libraries, or general-purpose tools or generally available free +programs which are used unmodified in performing those activities but +which are not part of the work. For example, Corresponding Source +includes interface definition files associated with source files for +the work, and the source code for shared libraries and dynamically +linked subprograms that the work is specifically designed to require, +such as by intimate data communication or control flow between those +subprograms and other parts of the work. + + The Corresponding Source need not include anything that users +can regenerate automatically from other parts of the Corresponding +Source. + + The Corresponding Source for a work in source code form is that +same work. + + 2. Basic Permissions. + + All rights granted under this License are granted for the term of +copyright on the Program, and are irrevocable provided the stated +conditions are met. This License explicitly affirms your unlimited +permission to run the unmodified Program. The output from running a +covered work is covered by this License only if the output, given its +content, constitutes a covered work. This License acknowledges your +rights of fair use or other equivalent, as provided by copyright law. + + You may make, run and propagate covered works that you do not +convey, without conditions so long as your license otherwise remains +in force. You may convey covered works to others for the sole purpose +of having them make modifications exclusively for you, or provide you +with facilities for running those works, provided that you comply with +the terms of this License in conveying all material for which you do +not control copyright. Those thus making or running the covered works +for you must do so exclusively on your behalf, under your direction +and control, on terms that prohibit them from making any copies of +your copyrighted material outside their relationship with you. + + Conveying under any other circumstances is permitted solely under +the conditions stated below. Sublicensing is not allowed; section 10 +makes it unnecessary. + + 3. Protecting Users' Legal Rights From Anti-Circumvention Law. + + No covered work shall be deemed part of an effective technological +measure under any applicable law fulfilling obligations under article +11 of the WIPO copyright treaty adopted on 20 December 1996, or +similar laws prohibiting or restricting circumvention of such +measures. + + When you convey a covered work, you waive any legal power to forbid +circumvention of technological measures to the extent such circumvention +is effected by exercising rights under this License with respect to +the covered work, and you disclaim any intention to limit operation or +modification of the work as a means of enforcing, against the work's +users, your or third parties' legal rights to forbid circumvention of +technological measures. + + 4. Conveying Verbatim Copies. + + You may convey verbatim copies of the Program's source code as you +receive it, in any medium, provided that you conspicuously and +appropriately publish on each copy an appropriate copyright notice; +keep intact all notices stating that this License and any +non-permissive terms added in accord with section 7 apply to the code; +keep intact all notices of the absence of any warranty; and give all +recipients a copy of this License along with the Program. + + You may charge any price or no price for each copy that you convey, +and you may offer support or warranty protection for a fee. + + 5. Conveying Modified Source Versions. + + You may convey a work based on the Program, or the modifications to +produce it from the Program, in the form of source code under the +terms of section 4, provided that you also meet all of these conditions: + + a) The work must carry prominent notices stating that you modified + it, and giving a relevant date. + + b) The work must carry prominent notices stating that it is + released under this License and any conditions added under section + 7. This requirement modifies the requirement in section 4 to + "keep intact all notices". + + c) You must license the entire work, as a whole, under this + License to anyone who comes into possession of a copy. This + License will therefore apply, along with any applicable section 7 + additional terms, to the whole of the work, and all its parts, + regardless of how they are packaged. This License gives no + permission to license the work in any other way, but it does not + invalidate such permission if you have separately received it. + + d) If the work has interactive user interfaces, each must display + Appropriate Legal Notices; however, if the Program has interactive + interfaces that do not display Appropriate Legal Notices, your + work need not make them do so. + + A compilation of a covered work with other separate and independent +works, which are not by their nature extensions of the covered work, +and which are not combined with it such as to form a larger program, +in or on a volume of a storage or distribution medium, is called an +"aggregate" if the compilation and its resulting copyright are not +used to limit the access or legal rights of the compilation's users +beyond what the individual works permit. Inclusion of a covered work +in an aggregate does not cause this License to apply to the other +parts of the aggregate. + + 6. Conveying Non-Source Forms. + + You may convey a covered work in object code form under the terms +of sections 4 and 5, provided that you also convey the +machine-readable Corresponding Source under the terms of this License, +in one of these ways: + + a) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by the + Corresponding Source fixed on a durable physical medium + customarily used for software interchange. + + b) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by a + written offer, valid for at least three years and valid for as + long as you offer spare parts or customer support for that product + model, to give anyone who possesses the object code either (1) a + copy of the Corresponding Source for all the software in the + product that is covered by this License, on a durable physical + medium customarily used for software interchange, for a price no + more than your reasonable cost of physically performing this + conveying of source, or (2) access to copy the + Corresponding Source from a network server at no charge. + + c) Convey individual copies of the object code with a copy of the + written offer to provide the Corresponding Source. This + alternative is allowed only occasionally and noncommercially, and + only if you received the object code with such an offer, in accord + with subsection 6b. + + d) Convey the object code by offering access from a designated + place (gratis or for a charge), and offer equivalent access to the + Corresponding Source in the same way through the same place at no + further charge. You need not require recipients to copy the + Corresponding Source along with the object code. If the place to + copy the object code is a network server, the Corresponding Source + may be on a different server (operated by you or a third party) + that supports equivalent copying facilities, provided you maintain + clear directions next to the object code saying where to find the + Corresponding Source. Regardless of what server hosts the + Corresponding Source, you remain obligated to ensure that it is + available for as long as needed to satisfy these requirements. + + e) Convey the object code using peer-to-peer transmission, provided + you inform other peers where the object code and Corresponding + Source of the work are being offered to the general public at no + charge under subsection 6d. + + A separable portion of the object code, whose source code is excluded +from the Corresponding Source as a System Library, need not be +included in conveying the object code work. + + A "User Product" is either (1) a "consumer product", which means any +tangible personal property which is normally used for personal, family, +or household purposes, or (2) anything designed or sold for incorporation +into a dwelling. In determining whether a product is a consumer product, +doubtful cases shall be resolved in favor of coverage. For a particular +product received by a particular user, "normally used" refers to a +typical or common use of that class of product, regardless of the status +of the particular user or of the way in which the particular user +actually uses, or expects or is expected to use, the product. A product +is a consumer product regardless of whether the product has substantial +commercial, industrial or non-consumer uses, unless such uses represent +the only significant mode of use of the product. + + "Installation Information" for a User Product means any methods, +procedures, authorization keys, or other information required to install +and execute modified versions of a covered work in that User Product from +a modified version of its Corresponding Source. The information must +suffice to ensure that the continued functioning of the modified object +code is in no case prevented or interfered with solely because +modification has been made. + + If you convey an object code work under this section in, or with, or +specifically for use in, a User Product, and the conveying occurs as +part of a transaction in which the right of possession and use of the +User Product is transferred to the recipient in perpetuity or for a +fixed term (regardless of how the transaction is characterized), the +Corresponding Source conveyed under this section must be accompanied +by the Installation Information. But this requirement does not apply +if neither you nor any third party retains the ability to install +modified object code on the User Product (for example, the work has +been installed in ROM). + + The requirement to provide Installation Information does not include a +requirement to continue to provide support service, warranty, or updates +for a work that has been modified or installed by the recipient, or for +the User Product in which it has been modified or installed. Access to a +network may be denied when the modification itself materially and +adversely affects the operation of the network or violates the rules and +protocols for communication across the network. + + Corresponding Source conveyed, and Installation Information provided, +in accord with this section must be in a format that is publicly +documented (and with an implementation available to the public in +source code form), and must require no special password or key for +unpacking, reading or copying. + + 7. Additional Terms. + + "Additional permissions" are terms that supplement the terms of this +License by making exceptions from one or more of its conditions. +Additional permissions that are applicable to the entire Program shall +be treated as though they were included in this License, to the extent +that they are valid under applicable law. If additional permissions +apply only to part of the Program, that part may be used separately +under those permissions, but the entire Program remains governed by +this License without regard to the additional permissions. + + When you convey a copy of a covered work, you may at your option +remove any additional permissions from that copy, or from any part of +it. (Additional permissions may be written to require their own +removal in certain cases when you modify the work.) You may place +additional permissions on material, added by you to a covered work, +for which you have or can give appropriate copyright permission. + + Notwithstanding any other provision of this License, for material you +add to a covered work, you may (if authorized by the copyright holders of +that material) supplement the terms of this License with terms: + + a) Disclaiming warranty or limiting liability differently from the + terms of sections 15 and 16 of this License; or + + b) Requiring preservation of specified reasonable legal notices or + author attributions in that material or in the Appropriate Legal + Notices displayed by works containing it; or + + c) Prohibiting misrepresentation of the origin of that material, or + requiring that modified versions of such material be marked in + reasonable ways as different from the original version; or + + d) Limiting the use for publicity purposes of names of licensors or + authors of the material; or + + e) Declining to grant rights under trademark law for use of some + trade names, trademarks, or service marks; or + + f) Requiring indemnification of licensors and authors of that + material by anyone who conveys the material (or modified versions of + it) with contractual assumptions of liability to the recipient, for + any liability that these contractual assumptions directly impose on + those licensors and authors. + + All other non-permissive additional terms are considered "further +restrictions" within the meaning of section 10. If the Program as you +received it, or any part of it, contains a notice stating that it is +governed by this License along with a term that is a further +restriction, you may remove that term. If a license document contains +a further restriction but permits relicensing or conveying under this +License, you may add to a covered work material governed by the terms +of that license document, provided that the further restriction does +not survive such relicensing or conveying. + + If you add terms to a covered work in accord with this section, you +must place, in the relevant source files, a statement of the +additional terms that apply to those files, or a notice indicating +where to find the applicable terms. + + Additional terms, permissive or non-permissive, may be stated in the +form of a separately written license, or stated as exceptions; +the above requirements apply either way. + + 8. Termination. + + You may not propagate or modify a covered work except as expressly +provided under this License. Any attempt otherwise to propagate or +modify it is void, and will automatically terminate your rights under +this License (including any patent licenses granted under the third +paragraph of section 11). + + However, if you cease all violation of this License, then your +license from a particular copyright holder is reinstated (a) +provisionally, unless and until the copyright holder explicitly and +finally terminates your license, and (b) permanently, if the copyright +holder fails to notify you of the violation by some reasonable means +prior to 60 days after the cessation. + + Moreover, your license from a particular copyright holder is +reinstated permanently if the copyright holder notifies you of the +violation by some reasonable means, this is the first time you have +received notice of violation of this License (for any work) from that +copyright holder, and you cure the violation prior to 30 days after +your receipt of the notice. + + Termination of your rights under this section does not terminate the +licenses of parties who have received copies or rights from you under +this License. If your rights have been terminated and not permanently +reinstated, you do not qualify to receive new licenses for the same +material under section 10. + + 9. Acceptance Not Required for Having Copies. + + You are not required to accept this License in order to receive or +run a copy of the Program. Ancillary propagation of a covered work +occurring solely as a consequence of using peer-to-peer transmission +to receive a copy likewise does not require acceptance. However, +nothing other than this License grants you permission to propagate or +modify any covered work. These actions infringe copyright if you do +not accept this License. Therefore, by modifying or propagating a +covered work, you indicate your acceptance of this License to do so. + + 10. Automatic Licensing of Downstream Recipients. + + Each time you convey a covered work, the recipient automatically +receives a license from the original licensors, to run, modify and +propagate that work, subject to this License. You are not responsible +for enforcing compliance by third parties with this License. + + An "entity transaction" is a transaction transferring control of an +organization, or substantially all assets of one, or subdividing an +organization, or merging organizations. If propagation of a covered +work results from an entity transaction, each party to that +transaction who receives a copy of the work also receives whatever +licenses to the work the party's predecessor in interest had or could +give under the previous paragraph, plus a right to possession of the +Corresponding Source of the work from the predecessor in interest, if +the predecessor has it or can get it with reasonable efforts. + + You may not impose any further restrictions on the exercise of the +rights granted or affirmed under this License. For example, you may +not impose a license fee, royalty, or other charge for exercise of +rights granted under this License, and you may not initiate litigation +(including a cross-claim or counterclaim in a lawsuit) alleging that +any patent claim is infringed by making, using, selling, offering for +sale, or importing the Program or any portion of it. + + 11. Patents. + + A "contributor" is a copyright holder who authorizes use under this +License of the Program or a work on which the Program is based. The +work thus licensed is called the contributor's "contributor version". + + A contributor's "essential patent claims" are all patent claims +owned or controlled by the contributor, whether already acquired or +hereafter acquired, that would be infringed by some manner, permitted +by this License, of making, using, or selling its contributor version, +but do not include claims that would be infringed only as a +consequence of further modification of the contributor version. For +purposes of this definition, "control" includes the right to grant +patent sublicenses in a manner consistent with the requirements of +this License. + + Each contributor grants you a non-exclusive, worldwide, royalty-free +patent license under the contributor's essential patent claims, to +make, use, sell, offer for sale, import and otherwise run, modify and +propagate the contents of its contributor version. + + In the following three paragraphs, a "patent license" is any express +agreement or commitment, however denominated, not to enforce a patent +(such as an express permission to practice a patent or covenant not to +sue for patent infringement). To "grant" such a patent license to a +party means to make such an agreement or commitment not to enforce a +patent against the party. + + If you convey a covered work, knowingly relying on a patent license, +and the Corresponding Source of the work is not available for anyone +to copy, free of charge and under the terms of this License, through a +publicly available network server or other readily accessible means, +then you must either (1) cause the Corresponding Source to be so +available, or (2) arrange to deprive yourself of the benefit of the +patent license for this particular work, or (3) arrange, in a manner +consistent with the requirements of this License, to extend the patent +license to downstream recipients. "Knowingly relying" means you have +actual knowledge that, but for the patent license, your conveying the +covered work in a country, or your recipient's use of the covered work +in a country, would infringe one or more identifiable patents in that +country that you have reason to believe are valid. + + If, pursuant to or in connection with a single transaction or +arrangement, you convey, or propagate by procuring conveyance of, a +covered work, and grant a patent license to some of the parties +receiving the covered work authorizing them to use, propagate, modify +or convey a specific copy of the covered work, then the patent license +you grant is automatically extended to all recipients of the covered +work and works based on it. + + A patent license is "discriminatory" if it does not include within +the scope of its coverage, prohibits the exercise of, or is +conditioned on the non-exercise of one or more of the rights that are +specifically granted under this License. You may not convey a covered +work if you are a party to an arrangement with a third party that is +in the business of distributing software, under which you make payment +to the third party based on the extent of your activity of conveying +the work, and under which the third party grants, to any of the +parties who would receive the covered work from you, a discriminatory +patent license (a) in connection with copies of the covered work +conveyed by you (or copies made from those copies), or (b) primarily +for and in connection with specific products or compilations that +contain the covered work, unless you entered into that arrangement, +or that patent license was granted, prior to 28 March 2007. + + Nothing in this License shall be construed as excluding or limiting +any implied license or other defenses to infringement that may +otherwise be available to you under applicable patent law. + + 12. No Surrender of Others' Freedom. + + If conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot convey a +covered work so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you may +not convey it at all. For example, if you agree to terms that obligate you +to collect a royalty for further conveying from those to whom you convey +the Program, the only way you could satisfy both those terms and this +License would be to refrain entirely from conveying the Program. + + 13. Use with the GNU Affero General Public License. + + Notwithstanding any other provision of this License, you have +permission to link or combine any covered work with a work licensed +under version 3 of the GNU Affero General Public License into a single +combined work, and to convey the resulting work. The terms of this +License will continue to apply to the part which is the covered work, +but the special requirements of the GNU Affero General Public License, +section 13, concerning interaction through a network will apply to the +combination as such. + + 14. Revised Versions of this License. + + The Free Software Foundation may publish revised and/or new versions of +the GNU General Public License from time to time. Such new versions will +be similar in spirit to the present version, but may differ in detail to +address new problems or concerns. + + Each version is given a distinguishing version number. If the +Program specifies that a certain numbered version of the GNU General +Public License "or any later version" applies to it, you have the +option of following the terms and conditions either of that numbered +version or of any later version published by the Free Software +Foundation. If the Program does not specify a version number of the +GNU General Public License, you may choose any version ever published +by the Free Software Foundation. + + If the Program specifies that a proxy can decide which future +versions of the GNU General Public License can be used, that proxy's +public statement of acceptance of a version permanently authorizes you +to choose that version for the Program. + + Later license versions may give you additional or different +permissions. However, no additional obligations are imposed on any +author or copyright holder as a result of your choosing to follow a +later version. + + 15. Disclaimer of Warranty. + + THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY +APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT +HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY +OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, +THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR +PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM +IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF +ALL NECESSARY SERVICING, REPAIR OR CORRECTION. + + 16. Limitation of Liability. + + IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS +THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY +GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE +USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF +DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD +PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), +EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF +SUCH DAMAGES. + + 17. Interpretation of Sections 15 and 16. + + If the disclaimer of warranty and limitation of liability provided +above cannot be given local legal effect according to their terms, +reviewing courts shall apply local law that most closely approximates +an absolute waiver of all civil liability in connection with the +Program, unless a warranty or assumption of liability accompanies a +copy of the Program in return for a fee. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +state the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + + Copyright (C) + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with this program. If not, see . + +Also add information on how to contact you by electronic and paper mail. + + If the program does terminal interaction, make it output a short +notice like this when it starts in an interactive mode: + + Copyright (C) + This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. + This is free software, and you are welcome to redistribute it + under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate +parts of the General Public License. Of course, your program's commands +might be different; for a GUI interface, you would use an "about box". + + You should also get your employer (if you work as a programmer) or school, +if any, to sign a "copyright disclaimer" for the program, if necessary. +For more information on this, and how to apply and follow the GNU GPL, see +. + + The GNU General Public License does not permit incorporating your program +into proprietary programs. If your program is a subroutine library, you +may consider it more useful to permit linking proprietary applications with +the library. If this is what you want to do, use the GNU Lesser General +Public License instead of this License. But first, please read +. diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/add-workspace-active.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/add-workspace-active.svg new file mode 100644 index 0000000..61722d0 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/add-workspace-hover.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/add-workspace-hover.svg new file mode 100644 index 0000000..8a1d351 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/add-workspace-hover.svg @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/add-workspace.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/add-workspace.svg new file mode 100644 index 0000000..8dba5df --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/add-workspace.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/calendar-arrow-left.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..dcf8298 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/calendar-arrow-left.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/calendar-arrow-right.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..ed66559 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/calendar-arrow-right.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/checkbox-off.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/checkbox-off.svg new file mode 100644 index 0000000..6af26c9 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/checkbox-off.svg @@ -0,0 +1,4 @@ + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/checkbox.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/checkbox.svg new file mode 100644 index 0000000..cd98051 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/checkbox.svg @@ -0,0 +1,4 @@ + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/close-active.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/close-active.svg new file mode 100644 index 0000000..0dde2b9 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/close-active.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/close-hover.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/close-hover.svg new file mode 100644 index 0000000..37f8806 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/close-hover.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/close.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/close.svg new file mode 100644 index 0000000..5dcc697 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/close.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/corner-ripple.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/corner-ripple.svg new file mode 100644 index 0000000..f573979 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/menu-toggle-off.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/menu-toggle-off.svg new file mode 100644 index 0000000..d99f872 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/menu-toggle-off.svg @@ -0,0 +1,126 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/radiobutton-off.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/radiobutton-off.svg new file mode 100644 index 0000000..110a32f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/radiobutton-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/radiobutton.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/radiobutton.svg new file mode 100644 index 0000000..6955404 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/radiobutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/toggle-off.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/toggle-off.svg new file mode 100644 index 0000000..972f14b --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/toggle-off.svg @@ -0,0 +1,126 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/toggle-on.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/toggle-on.svg new file mode 100644 index 0000000..1d65cdf --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/toggle-on.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/trash-icon.svg b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/trash-icon.svg new file mode 100644 index 0000000..d78a123 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/assets/trash-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/cinnamon.css b/dotfiles/.themes/HyprFlux-Compact/cinnamon/cinnamon.css new file mode 100644 index 0000000..010b373 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/cinnamon/cinnamon.css @@ -0,0 +1,2420 @@ +stage { + color: white; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button { + min-height: 24px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 10px; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.04); +} + +.sound-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 10px; +} + +.sound-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 10px; +} + +.sound-button:hover:focus { + color: white; + background-color: rgba(255, 255, 255, 0.3); + border-radius: 10px; +} + +.sound-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); + border-radius: 10px; +} + +.sound-button:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 255, 255, 0.04); + border-radius: 10px; +} + +.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button, +.calendar-today-home-button-enabled { + border-radius: 10px; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; +} + +.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover, .calendar-today-home-button:hover, +.calendar-today-home-button-enabled:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 10px; +} + +.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active, +.calendar-today-home-button-enabled:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); + border-radius: 10px; +} + +.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive, +.calendar-today-home-button-enabled:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-radius: 10px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 24px; + padding: 4px 20px; + transition-duration: 100ms; + border-radius: 10px; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.04); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #4DB6AC; +} + +.modal-dialog-button-box .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 2px 8px; + min-height: 22px; + caret-size: 1px; + selection-background-color: #4DB6AC; + selected-color: white; + transition-duration: 300ms; + border-radius: 9999px; + color: white; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.04); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: white; + background-color: rgba(255, 255, 255, 0.04); + border: 2px solid #4DB6AC; +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #FBC02D; + padding: 0 4px; +} + +#LookingGlassDialog { + background-color: rgba(44, 44, 44, 0.97); + spacing: 4px; + padding: 4px 8px; + border: none; + border-radius: 10px; + color: white; + box-shadow: 3px 6px rgba(0, 0, 0, 0.25); +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(44, 44, 44, 0.1); + border-radius: 9999px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 9999px; + background-color: #7a7a7a; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #646464; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #4DB6AC; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: transparent; + -slider-active-background-color: #4DB6AC; + -slider-active-border-color: transparent; + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 24px; + height: 24px; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:checked StBin, .check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 24px; + height: 24px; +} + +.radiobutton StBin, .radiobutton:focus StBin { + background-image: url("assets/radiobutton-off.svg"); +} + +.radiobutton:checked StBin, .radiobutton:focus:checked StBin { + background-image: url("assets/radiobutton.svg"); +} + +.toggle-switch { + width: 44px; + height: 26px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-sub-menu .toggle-switch { + background-image: url("assets/menu-toggle-off.svg"); +} + +.cinnamon-link { + color: #4DB6AC; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #71c5bd; +} + +#Tooltip { + border-radius: 9999px; + padding: 4px 8px; + background-color: rgba(25, 25, 25, 0.9); + color: white; + margin: 4px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 0; + margin: 0; + color: white; + background-color: transparent; + box-shadow: none; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + border-radius: 12px; + background-gradient-direction: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.75) !important; + background-color: rgba(255, 255, 255, 0.95) !important; +} + +.menu .popup-sub-menu .popup-menu-item, +.popup-menu .popup-sub-menu .popup-menu-item, +.popup-combo-menu .popup-sub-menu .popup-menu-item { + color: rgba(0, 0, 0, 0.75) !important; +} + +.menu .popup-sub-menu .popup-menu-item:active, +.popup-menu .popup-sub-menu .popup-menu-item:active, +.popup-combo-menu .popup-sub-menu .popup-menu-item:active { + color: rgba(0, 0, 0, 0.85) !important; + background-color: rgba(0, 0, 0, 0.2) !important; +} + +.menu .popup-sub-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-sub-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-sub-menu .popup-menu-item:active .popup-inactive-menu-item { + color: rgba(0, 0, 0, 0.45) !important; +} + +.menu .popup-sub-menu .popup-menu-item:insensitive, +.popup-menu .popup-sub-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-sub-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.35) !important; +} + +.menu .popup-sub-menu .popup-inactive-menu-item, +.popup-menu .popup-sub-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-sub-menu .popup-inactive-menu-item { + color: rgba(0, 0, 0, 0.35) !important; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + color: white; + padding: 4px; + background-color: rgba(33, 33, 33, 0.97); + border-radius: 16px; + margin: 4px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35); +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: 4px 8px; + spacing: 8px; + border-radius: 9999px; +} + +.menu .popup-menu-item:hover, .menu .popup-menu-item:active, +.popup-menu .popup-menu-item:hover, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:hover, +.popup-combo-menu .popup-menu-item:active { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(255, 255, 255, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: rgba(255, 255, 255, 0.5); +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(255, 255, 255, 0.15); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: rgba(255, 255, 255, 0.5); +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 10px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; +} + +.popup-combo-menu { + padding: 8px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 0; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 0; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 32px; + width: 36px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(244, 67, 54, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: rgba(255, 255, 255, 0.7); + font-size: 1em; + padding: 0px; + background-color: rgba(33, 33, 33, 0.65); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #4DB6AC; +} + +.panel-dummy { + background-color: rgba(244, 67, 54, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(244, 67, 54, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: rgba(255, 255, 255, 0.7); +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: rgba(255, 255, 255, 0.7); +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(25, 25, 25, 0.9); + border: 1px solid rgba(25, 25, 25, 0.9); + color: white; + spacing: 25px; + border-radius: 10px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +.window-caption#selected { + background-color: #4DB6AC; + color: white; + border: 1px solid #4DB6AC; + spacing: 25px; +} + +.window-border { + border: 3px solid #4DB6AC; + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.05); + /* Cover rounded corners and some bad adjustment gaps */ + box-shadow: 0 0 0 1px #4DB6AC inset; +} + +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 12pt; + border-radius: 10px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: white; + background-color: rgba(255, 255, 255, 0.04); + border: 2px solid transparent; +} + +.expo-workspaces-name-entry:focus, +.expo-workspaces-name-entry#selected:focus { + border: 2px solid #4DB6AC; + transition-duration: 300; + selection-background-color: #4DB6AC; + selected-color: #4DB6AC; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 10px; +} + +.expo-workspace-thumbnail-frame#active { + border: 4px solid #4DB6AC; + background-color: black; + border-radius: 10px; +} + +.expo-background { + background-color: #191919; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 13px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 10px; + background-color: #2C2C2C; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar-main-box { + margin: 0 4px; +} + +.calendar { + padding: 4px 8px; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-today-home-button, +.calendar-today-home-button-enabled { + margin: 4px 0; + padding: 4px; +} + +.calendar-today-day-label { + font-size: 1.75em; + color: rgba(255, 255, 255, 0.7); + font-weight: bold; + text-align: center; + padding-bottom: .1em; +} + +.calendar-today-date-label { + font-size: 1.1em; + color: rgba(255, 255, 255, 0.5); + font-weight: bold; + text-align: center; +} + +.calendar-month-label { + color: white; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 9999px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(255, 255, 255, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-day-event-dot-box { + margin-top: 1.75em; + max-rows: 1; +} + +.calendar-day-event-dot { + margin: 1px; + border-radius: 2px; + width: 4px; + height: 4px; +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: normal; + text-align: center; + font-size: 14px; + color: white; + border-radius: 10px; +} + +.calendar-day-base { + text-align: center; + min-width: 28px; + height: 28px; + padding: 0; + margin: 2px; + border-radius: 9999px; +} + +.calendar-day-base:hover { + background-color: rgba(255, 255, 255, 0.04); +} + +.calendar-day-base:active { + background-color: rgba(255, 255, 255, 0.12); +} + +.calendar-day-base:selected { + background-color: rgba(255, 255, 255, 0.12); +} + +.calendar-day-heading { + color: rgba(255, 255, 255, 0.7); + margin-top: 1em; +} + +.calendar-day { + border-width: 0; + color: rgba(255, 255, 255, 0.7); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: white; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover, +.calendar-today:selected { + font-weight: bold; + color: white; + background-color: #4DB6AC; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(255, 255, 255, 0.7); + opacity: 1; +} + +.calendar-week-number { + min-width: 20px; + height: 20px; + margin: 6px 0; + color: rgba(255, 255, 255, 0.3); + font-weight: bold; + background-color: rgba(255, 255, 255, 0.04); + border-radius: 9999px; +} + +.calendar-week-number StLabel { + padding: 0; + margin-top: 3px; +} + +.calendar-events-main-box { + height: 300px; + margin: 6px 0.8em 0 0; + padding: 6px; + min-width: 350px; + border: none; + border-radius: 10px; + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 255, 255, 0.04); + background-gradient-end: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.7); +} + +.calendar-events-no-events-button { + margin: 4px 0; + padding: 4px; + border-radius: 10px; +} + +.calendar-events-no-events-button:hover { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 255, 255, 0.04); + background-gradient-end: rgba(255, 255, 255, 0.04); + box-shadow: none; +} + +.calendar-events-no-events-icon { + color: rgba(255, 255, 255, 0.5); +} + +.calendar-events-no-events-label { + font-size: 1.1em; + color: rgba(255, 255, 255, 0.5); + font-weight: bold; + text-align: center; + margin-top: 6px; +} + +.calendar-events-date-label { + padding: 2px 0 8px 2px; + font-size: 1.1em; + color: rgba(255, 255, 255, 0.7); + font-weight: bold; + text-align: center; +} + +.calendar-events-event-container { + padding: 2px; +} + +.calendar-events-main-box .separator { + -margin-horizontal: 1em; + -gradient-height: 1px; + -gradient-start: rgba(255, 255, 255, 0.12); + -gradient-end: rgba(255, 255, 255, 0.12); +} + +.calendar-event-button { + margin: 4px 0 4px 0; + border-radius: 10px; +} + +.calendar-event-button:hover { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 255, 255, 0.04); + background-gradient-end: rgba(255, 255, 255, 0.04); + box-shadow: none; +} + +.calendar-event-color-strip { + width: 4px; + border-radius: 4px 0 0 4px; +} + +.calendar-event-row-content { + margin: 4px; +} + +.calendar-event-time-past { + color: rgba(255, 255, 255, 0.3); + font-weight: bold; + text-align: left; + margin-bottom: .6em; +} + +.calendar-event-time-present { + font-weight: bold; + text-align: left; + margin-bottom: .6em; +} + +.calendar-event-time-present:all-day { + color: rgba(129, 201, 149, 0.6); +} + +.calendar-event-time-future { + text-align: left; + margin-bottom: .6em; +} + +.calendar-event-countdown { + color: rgba(255, 255, 255, 0.5); + font-weight: bold; + text-align: right; + margin-bottom: .6em; +} + +.calendar-event-countdown:soon { + color: white; +} + +.calendar-event-countdown:imminent { + color: rgba(251, 192, 45, 0.6); +} + +.calendar-event-countdown:current { + color: rgba(129, 201, 149, 0.6); +} + +.calendar-event-summary { + color: rgba(255, 255, 255, 0.5); + text-align: left; + width: 200px; +} + +#notification { + border-radius: 16px; + padding: 8px; + spacing-rows: 6px; + spacing-columns: 6px; + margin-from-right-edge-of-screen: 12px; + width: 28em; + color: white; + background-color: rgba(44, 44, 44, 0.8); + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); + margin: 7px 12px 17px 12px; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 4px; +} + +.menu #notification, .popup-menu #notification { + border: none; + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; + margin: 0; +} + +.menu #notification:hover, .popup-menu #notification:hover { + background-color: rgba(255, 255, 255, 0.1); + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: white; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 4px; +} + +#notification.multi-line-notification { + padding-bottom: 8px; + color: white; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 4px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 4px; +} + +#notification-body { + spacing: 4px; +} + +#notification-actions { + spacing: 6px; +} + +.notification-with-image { + min-height: 159px; + color: white; +} + +.notification-button, .notification-icon-button { + padding: 4px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: white; + background-color: rgba(33, 33, 33, 0.97); + border: none; + border-radius: 10px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 10px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #4DB6AC; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #4DB6AC; + border: 0px solid #4DB6AC; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: rgba(255, 255, 255, 0.7); +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: white; + background-color: rgba(18, 18, 18, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 4px 4px; + border-radius: 16px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 4px 8px; + background-color: rgba(25, 25, 25, 0.9); + border-radius: 16px; + color: white; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: white; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #F44336; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 4px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 2px 8px; + border-radius: 10px; + caret-color: white; + selected-color: white; + selection-background-color: #4DB6AC; + color: white; + background-color: rgba(255, 255, 255, 0.04); + border: 2px solid transparent; +} + +.run-dialog-entry:focus { + color: white; + background-color: rgba(255, 255, 255, 0.04); + border: 2px solid #4DB6AC; +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #FBC02D; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(25, 25, 25, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 10px; + box-shadow: none; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.04); +} + +.keyboard-key:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.keyboard-key:active, .keyboard-key:checked { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.keyboard-key:grayed { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +.keyboard-subkeys { + color: white; + padding: 5px; + -arrow-border-radius: 10px; + -arrow-background-color: rgba(25, 25, 25, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + margin-bottom: 4px; + padding: 4px; + transition-duration: 300; + background-color: rgba(255, 255, 255, 0.05); + border: none; + border-radius: 10px; +} + +.menu-favorites-button { + padding: 6px; + border: none; + border-radius: 10px; +} + +.menu-favorites-button:hover { + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menu-places-box { + margin: auto; + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 6px; +} + +.menu-categories-box { + padding: 6px 20px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 6px 6px 0 6px; +} + +.menu-application-button { + padding: 4px; + border-radius: 10px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + color: white; + background-color: rgba(255, 255, 255, 0.12); + padding: 4px; + border-radius: 10px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 4px; +} + +.menu-application-button-label:rtl { + padding-right: 4px; +} + +.menu StScrollView.menu-application-button { + padding: 2px 0; + border-radius: 12px; + color: rgba(0, 0, 0, 0.75) !important; + background-color: rgba(255, 255, 255, 0.95) !important; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; + margin: 0 2px; + border-radius: 10px; + color: rgba(0, 0, 0, 0.75) !important; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 4px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 4px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + color: rgba(0, 0, 0, 0.75) !important; + background-color: rgba(0, 0, 0, 0.12) !important; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 4px 0 4px 4px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 4px 4px 4px 0; +} + +.menu-category-button { + padding: 4px; + border-radius: 10px; +} + +.menu-category-button-selected { + padding: 4px; +} + +.menu-category-button-hover, .menu-category-button-selected { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 10px; +} + +.menu-category-button-greyed { + padding: 4px; + color: rgba(255, 255, 255, 0.5); +} + +.menu-category-button-label:ltr { + padding-left: 4px; +} + +.menu-category-button-label:rtl { + padding-right: 4px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; + margin-bottom: 4px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: white; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: white; +} + +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(33, 33, 33, 0.65); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: rgba(255, 255, 255, 0.7); + border-radius: 16px; + background-color: rgba(33, 33, 33, 0.65); + border: none; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 10px; + color: #4DB6AC; +} + +.osd-window .level-bar { + border-radius: 10px; + background-color: #4DB6AC; +} + +.window-list-box { + spacing: 2px; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(244, 67, 54, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100ms; + color: rgba(255, 255, 255, 0.9); + border-radius: 0; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 4px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 4px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 4px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 4px; +} + +.panel-top .window-list-item-box { + border-top: 2px solid transparent; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom: 2px solid transparent; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left: 2px solid transparent; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right: 2px solid transparent; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: rgba(255, 255, 255, 0.7); + background-gradient-direction: none; + background-color: rgba(255, 255, 255, 0.15); +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: rgba(255, 255, 255, 0.7); + background-gradient-direction: none; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.3); +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + background-color: rgba(255, 255, 255, 0.3); +} + +.window-list-item-box:focus { + color: rgba(255, 255, 255, 0.7); + background-gradient-direction: none; + background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%); + border-color: #4DB6AC; + background-color: rgba(255, 255, 255, 0.2); +} + +.window-list-item-box:focus:hover { + background-color: rgba(255, 255, 255, 0.3); +} + +.panel-top .window-list-item-box:focus { + background-position: top center; +} + +.panel-bottom .window-list-item-box:focus { + background-position: bottom center; +} + +.panel-left .window-list-item-box:focus { + background-position: left center; +} + +.panel-right .window-list-item-box:focus { + background-position: right center; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #81C995; + background-gradient-end: #81C995; + border-radius: 10px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #FBC02D; + background-gradient-end: #FBC02D; +} + +.window-list-preview { + padding: 8px; + spacing: 4px; + border: none; + background-color: #2C2C2C; + border-radius: 10px; + color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(244, 67, 54, 0.5); +} + +.grouped-window-list-thumbnail-menu { + padding: 4px; + padding: 4px; + margin: 4px; + background-color: rgba(33, 33, 33, 0.97); + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35); + border-radius: 16px; + color: white; +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 4px; + border-radius: 10px; + spacing: 4px; + margin: 1px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + background-color: rgba(255, 255, 255, 0.1); +} + +.grouped-window-list-thumbnail-menu .item-box:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +.grouped-window-list-number-label { + z-index: 120; + text-shadow: none; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 2px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #4DB6AC; +} + +.grouped-window-list-item-box { + font-weight: normal; + transition-duration: 100ms; + border: none; + margin: 0; + color: rgba(255, 255, 255, 0.6); + border-radius: 0; + spacing: 4px; +} + +.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { + border-bottom: 2px solid transparent; + padding: 0 2px; +} + +.grouped-window-list-item-box.left { + border-left: 2px solid transparent; +} + +.grouped-window-list-item-box.right { + border-right: 2px solid transparent; +} + +.grouped-window-list-item-box:hover { + color: rgba(255, 255, 255, 0.7); + background-gradient-direction: none; + background-color: rgba(255, 255, 255, 0.15); +} + +.grouped-window-list-item-box:active { + color: rgba(255, 255, 255, 0.7); + background-gradient-direction: none; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.3); +} + +.grouped-window-list-item-box:active:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.grouped-window-list-item-box:focus { + color: rgba(255, 255, 255, 0.7); + background-gradient-direction: none; + background-color: rgba(255, 255, 255, 0.2); + border-color: #4DB6AC; +} + +.grouped-window-list-item-box:focus:hover { + background-color: rgba(255, 255, 255, 0.3); +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #81C995; + background-gradient-end: #81C995; + border-radius: 10px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #FBC02D; + background-gradient-end: #FBC02D; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0; + margin-top: 6px; + border-radius: 12px; + color: rgba(0, 0, 0, 0.75) !important; + background-color: rgba(255, 255, 255, 0.95) !important; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 9999px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(0, 0, 0, 0.12) !important; +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(0, 0, 0, 0.26) !important; +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + min-height: 80px; + padding: 8px 12px; + spacing: 4px; + background-color: rgba(0, 0, 0, 0.45); + border: none; + border-radius: 0 0 10px 10px; + color: white; + text-shadow: none; +} + +.sound-player-overlay StButton { + width: 16px; + height: 16px; + padding: 8px; + margin: 0 4px 4px; + color: white; + border-radius: 9999px; + border: none; + text-shadow: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +.sound-player-overlay StButton:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.sound-player-overlay StButton:insensitive { + opacity: 0.35; + color: rgba(255, 255, 255, 0.5); +} + +.sound-player-overlay StLabel { + padding: 0 4px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(5, 5, 5, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #141414; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #4DB6AC; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: rgba(255, 255, 255, 0.7); + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #4DB6AC; +} + +.workspace-button:hover { + color: #71c5bd; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #4DB6AC; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(71, 71, 71, 0.65); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(71, 71, 71, 0.65); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(84, 84, 84, 0.65); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(46, 46, 46, 0.65); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; + border-radius: 0; +} + +.panel-launcher:hover { + background-gradient-direction: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.panel-launcher:active { + background-color: rgba(255, 255, 255, 0.2); +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; + border-radius: 0; +} + +.launcher:hover { + background-gradient-direction: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.launcher:active { + background-color: rgba(255, 255, 255, 0.2); +} + +.launcher .icon-box { + padding: 2px; +} + +.applet-separator { + padding: 1px 2px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding: 0 4px; + color: rgba(255, 255, 255, 0.7); + text-shadow: none; + transition-duration: 100ms; + border-radius: 0; + text-align: center; +} + +.applet-box.vertical { + padding: 4px 0; +} + +.applet-box:hover { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.25); +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(244, 67, 54, 0.5); +} + +.applet-label { + font-weight: bold; + color: rgba(255, 255, 255, 0.7); +} + +.applet-box:checked .applet-label { + color: rgba(255, 255, 255, 0.7); + text-shadow: none; +} + +.applet-icon { + color: rgba(255, 255, 255, 0.7); + icon-size: 16px; +} + +.applet-box:checked .applet-icon { + color: rgba(255, 255, 255, 0.7); + text-shadow: none; +} + +.applet-cornerbar { + width: 8px; + background: transparent; +} + +.applet-cornerbar-box { + padding: 0; + background: rgba(255, 255, 255, 0.04); + border: none; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +.applet-cornerbar-box:hover > .applet-cornerbar { + background: rgba(255, 255, 255, 0.12); +} + +.applet-cornerbar.vertical { + height: 8px; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: white; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: white; +} + +.desklet:highlight { + background-color: rgba(244, 67, 54, 0.5); +} + +.desklet-with-borders { + color: white; + background-color: rgba(25, 25, 25, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(244, 67, 54, 0.5); +} + +.desklet-with-borders-and-header { + color: white; + background-color: rgba(25, 25, 25, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(244, 67, 54, 0.5); +} + +.desklet-header { + color: white; + background-color: rgba(25, 25, 25, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #4DB6AC; + background-color: rgba(77, 182, 172, 0.3); +} + +.photoframe-box { + color: white; + background-color: rgba(25, 25, 25, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.workspace-osd { + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 9999px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(77, 182, 172, 0.3); + border: 1px solid #4DB6AC; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/dotfiles/.themes/HyprFlux-Compact/cinnamon/thumbnail.png b/dotfiles/.themes/HyprFlux-Compact/cinnamon/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..a382a05fa275f0e789f2793588da8bee7fdbdb1a GIT binary patch literal 4574 zcmZu#XH*kiyG;T@Xm6;3G^Hb;RH>mC10r3jVgQlet2Dzay;ljnC`FMD2`EVDC>V-J zkrF|QNJ{`I((dS8cir#D_v6f2>p3&Co_Y3u_St9RjSOznQL|HnKp;9@gq8^~6MG?Cj171~+fZ!E>ZA*VsugCsDcD|0FprD|eE}m|F4tCy- zH@$qF^0(o@lMHUUTIy!OU$+WFy_vPS2YxNXhCaXDgC#I#&<`r*PrcVz$d77odg8&I z79>H%56(zagT!-+Tob?4CsJjq-u3qYO_9D>pj2V&<({I%xB zrGRk4moHy>*zH|u`QJqyrk2XsgRyo#d-lvKJX~2iS3iN?PaMuMg#roAY@oi7o#qnv)rws41qyGPo3p-5Ow?mA zvKYG_ipkMY++^*8Awh$J!PSvsah%m#|LgfmK{rD;8wM;L99|5bobHV@-OZPcCm`e; z`e`xViy95tAFbMa1#I4jDda2oRUkT%T@Vt7b$hVn9X&lp$GgQUg)S}Db^|^y_cSSq zN8eKu{ifP;Sy-r`Ag*s{ z_>)HBzaaJn7(Fi?W@Tl?{X>R8w;!LEk52;v1_d|hys&F}{E0De+0f9Cm78&;j8@Is z*qG-$hrf^#F43-#k}N~q9zX8-+&?go*x1wEO+IXFY+Uxet)!zDPDSJv)T!`sBNre)jiUz5|NTJp*31OV!Qu&R!uGCDDmd9-))WOO%spwjj|Ixo_J3g1oQ7nMQ4t zOQ?HPmBg-l2aIHgOK{MLGjsshp!78AHAo(;@2iJeRA;Dcxx|LMmPCf8rl#(dm6SA& z@}rmf7bLEsWm=)nU^7jG#MD^aZ?KOJZs<9f9!wq0`t`oKS!RrCd2KB*1=8u0^5fbv z{%XS`RaI38dbu4t3VI|_tWGI%5tw>ry32&)XYVaj7h{YE38HlQA?QD4NH-o6Q{hQJ zKB@N9E4Nqg>gtY(EZtAif1aDk_ZVuYI*te&hJWOcE4pI;9eow+kR~D_{Nu56tQVaR zNkcNmGM#edwF6V87}Tx>VKP+ZzPLJJ~M%R0%r+@?%Sa1&AJyyC;E)5Oi?bWjV$>$QRW|03D;fL?P;csD0G?_sPo37IJNN@$XI8rt@^~U3Cm&ohK6Jo9YQ4Q2GW4@zr&@de)kCVT;EdI1LBS=axJ?3v7 zC@OkN@4C1fCE4x5a6x#P9?Lb%?@`I{P2Q*8am1KKhIHP$kNlhaD#l#3kBP&?eKcd7 zf6*!xHM$CvDxOVc$X+(Nf8{~{6LkcQxJLttFh=o=I4+l3^D{FCBseB5p-h&EAeR8^ z^Zw-@0K+TeG)`J%61xM4>X}i5xgF<*_dgn{Y`30=dNAtg=eB1MRJtGRtxN9kpQsJc5QciXEJ09TOi2ln!A)l__rHG%6_OFG56VOYiQv%2Q8UVVf%@~N z)J#11L?Z)q_hGz$h;sh;^h?XYJV{LiKIRGn9cXDmz`-BckD_&1%FGkf-2u`zgZMa2 z&8#b&2V^=U?c2z}QOCG@nXW8b4J3y?87+Y$uy=q*p%{+wNRJBy)-SVhej6>A4n;!H zT5rj~2gF}?=P}N!EX)WXlLK;ZXAc%>PeQL$pa(-j?g?~n|Bw%*`%;MudDl4d(tWo+ z_@n`FW2XRaJvZ0BmzA&oOqKg`ul@I>zJ!b}bAp_nWt%=|HW&#TBFuMvB`gFnEfv;z zi*FKy$fMgW-@U%jqI%jO!Nq_0gt;Kq;Hrqus}(`9Z|w~Wm;ba|)ax-_F3>!D6&P5K6V=m<1LGOIF$E2H7Q8_xa=(XX=3aOWd zevoJFLYDp|MFT1q{~g!W#mk+T&7Hl8_WiMO@**ec0o(#-P1K>3?l>0_U1)l6YVb6G zi^Fl{MmlTZv!yIG&w)Fue^o+L~ZFgR5xtpijbmT~5<^4Rp8^O=mF{lny=?`&zDNvGM6C-&yB+>(_ zD4!WEH3>^GQA_A0frYbpECT1I$t%p=dVgk~d3K$hdfu#Hbx3>ggmIuxi>5qVNRn7F z>Fn7iB>=p~8Aa-nTIX~0O{ixuB=hafTTz7Z zVW;$qUblXGkT)ir4>Xbj9gc`{O*WUk%)!JVy1D|5_01QZkpw zIUQ?x)3!IQ$tiy~xJ}Z2MK_H9(_~5=w~m%h0;@I@$*4^BSz01q3j_f5m$`pP^nW{p z5F{ymX*_{yiOeCc`r}^O>Yk5q%V?>R}1>8^hu2SF8oLAf0$Czk4vJ73d5Pq!mAzM}O{_*FRN1P(|qX1f-rP-jvgUjM(b3bWNom!Tr z>?{B1%m53Z3IMnNRC6GX8|v1*^WSv+Pk&T)J+c z-LCLJQX@%rXeLaOOHwQe$W{)A5;qW}aOXPx}F$++w zX|qse#Rt6U^KJw-52)Lp9T8PR9{+3Zz5oaOO$KHE&}FoL-Thiu+;{s@uwm|pbCUsS zqd$ojMXp~#Yw@B0jrg1H|7+m>1%xe=IV>!U(*Pj(br7bAYFSvL5P)Z1CtvY-9j)_%0bBCNg7^tp*G%p{zK2AX1k=zww17%>)|8u9Yg?1nvs&fN zO-*~G0BdDrlvaP7*SV31t(RGqD<>NGKY5~%n4HWqLO?jlutzJasum0I^Y1HAU_`R@ zHb0+6VQZksj294i_x${sPG`&OgoIv9bF*1hW21>$VNnr2FE6iGW%`eQyK^TIQCv_k ztS`tUDk|y#n7r_hdU|^HfCYr~|Nb44eig}AH^Bo!W)T2;_Vw%6UJ^(s<$C>mnsrflM1AyHV-bFZ;7Bn~vP>a8r+R(PvMX}p5XW+<*xw*Lz{a|87 z1|zuMpVl3G3(v3uS$aq?p~zOXJbBZx#C8J3~PSJOmo%1yRXlarO5 zJ4T8?+{z*QDpsh(goG5m?w#^GIS0dew>HjJhH{>cj*t6_2n#!R+Scvt?(fgV)?l$g zP6)&xm^tpkL)M(6iJJ|rC(6C(oY4bylt)1b;%DqzE8b6iHO`b6l zYw`SaR}zz8Q*W6FPxj3>HjS*e>JwAfJqu29_I7qrtt7wXn*2V>Qo$lK<38bRlMU#cz-rt zq#UYZQ;$?X98Bjsw4MzO33`dTuKr z+zkAdTBdB@C0(qI6cdu0O^y-o+@@-Wrm^;Y2~W$!vXW0ve;3TX4R903dkmy-<*;*b z7=DE$`Lo`Z*8sEfVM!f4UNJ z>*gPG3mu_##NGEAD*m$0YxDE-4*>`c2-OyK=jbLMs`{;kjuR@X|_^WLiihV5#<%bDY*Gy>lnraU>^>7=%FSFR`j-k;1NK3JH;h>M7bD3mW+p79A& zKrPn4e*HS7$JBGCafNqEXwEL2mIFz~3ZVW@#R*>^?bS}|ue|eIY~2d$IUgNO!&;OH zC#Lh=R-r`62mNzc>Fw|0;u71%wEM=YX%&w5TEiFSj9w=y#rqj5|1yKs?XhH~rbKGa zQzFlg+E@!|eol^!jVb*Y!3k!rQ+F!2-i$wNF5ctTI%w + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/calendar-arrow-left.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..ec8b478 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/calendar-arrow-right.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..6fc5556 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/calendar-today.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/calendar-today.svg new file mode 100644 index 0000000..5e77084 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/calendar-today.svg @@ -0,0 +1,178 @@ + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/checkbox-off.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/checkbox-off.svg new file mode 100644 index 0000000..6af26c9 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1,4 @@ + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/checkbox.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/checkbox.svg new file mode 100644 index 0000000..cd98051 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/checkbox.svg @@ -0,0 +1,4 @@ + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/dash-placeholder.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/dash-placeholder.svg new file mode 100644 index 0000000..172156a --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/dash-placeholder.svg @@ -0,0 +1,4 @@ + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/menu-toggle-off.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/menu-toggle-off.svg new file mode 100644 index 0000000..1db296f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/menu-toggle-off.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/more-results.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/more-results.svg new file mode 100644 index 0000000..b85674c --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/no-events.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/no-events.svg new file mode 100644 index 0000000..c00d137 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/no-events.svg @@ -0,0 +1,4 @@ + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/no-notifications.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/no-notifications.svg new file mode 100644 index 0000000..061d81d --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/no-notifications.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/noise-texture.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/noise-texture.svg new file mode 100644 index 0000000..484f6c8 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/noise-texture.svg @@ -0,0 +1,78 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/process-working.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/process-working.svg new file mode 100644 index 0000000..0f311b0 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/process-working.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/toggle-off.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/toggle-off.svg new file mode 100644 index 0000000..c494ad2 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/toggle-off.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/toggle-on.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/toggle-on.svg new file mode 100644 index 0000000..1d65cdf --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/toggle-on.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/window-close-active.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/window-close-active.svg new file mode 100644 index 0000000..d6a41b8 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/window-close-active.svg @@ -0,0 +1,95 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/window-close-hover.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/window-close-hover.svg new file mode 100644 index 0000000..56e6861 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/window-close-hover.svg @@ -0,0 +1,95 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/window-close.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/window-close.svg new file mode 100644 index 0000000..ee76871 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/assets/window-close.svg @@ -0,0 +1,95 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/gnome-shell.css b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/gnome-shell.css new file mode 100644 index 0000000..2fb2d18 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/gnome-shell.css @@ -0,0 +1,5233 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: white; +} + +.search-statustext { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.hotplug-notification-item { + border: none; + margin: 0; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.04); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + font-size: 9.75pt; + font-weight: 500; +} + +.hotplug-notification-item:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:active { + color: white; + background-color: rgba(255, 255, 255, 0.24); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + color: white !important; +} + +.hotplug-notification-item:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.04); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #4DB6AC; + text-shadow: none; + icon-shadow: none; + box-shadow: none !important; + outline: none !important; +} + +.hotplug-notification-item:focus:active { + color: white; +} + +.hotplug-notification-item:first-child { + border-radius: 9999px 0 0 9999px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 9999px 9999px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-right-width: 0; + border-radius: 9999px; +} + +.modal-dialog .modal-dialog-button { + border: none; + margin: 0; + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.04); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + font-size: 9.75pt; + font-weight: 500; +} + +.modal-dialog .modal-dialog-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.24); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + color: white !important; +} + +.modal-dialog .modal-dialog-button:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.04); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-button:focus { + color: #4DB6AC; + text-shadow: none; + icon-shadow: none; + box-shadow: none !important; + outline: none !important; +} + +.modal-dialog .modal-dialog-button:focus:active { + color: white; +} + +.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { + border: none; + background-color: transparent; + box-shadow: none; +} + +.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: #242424; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { + color: #4DB6AC; + text-shadow: none; + icon-shadow: none; + box-shadow: none !important; + outline: none !important; +} + +.screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { + color: white; +} + +.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.24); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { + color: white; + background-color: #4DB6AC; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.workspace-switcher-container, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { + color: white; + background-color: #212121; + border: none; + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.32); + padding: 8px; +} + +/* General Typography */ +.message-list .message-list-placeholder { + font-weight: 800; + font-size: 15pt; +} + +.quick-toggle-menu .header .title { + font-weight: 700; + font-size: 15pt; +} + +.bt-menu-placeholder.popup-menu-item { + font-weight: 700; + font-size: 13pt; +} + +.background-app-item .title, .message-list-controls { + font-weight: 700; + font-size: 11pt; +} + +.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { + font-weight: 700; + font-size: 9pt; +} + +.background-app-item .subtitle, .message .message-header .message-header-content .event-time { + font-weight: 400; + font-size: 9pt; +} + +/* WIDGETS */ +.shell-link { + border-radius: 10px; + color: #4DB6AC; + background-color: transparent; +} + +.shell-link:hover { + color: #4DB6AC; + background-color: rgba(77, 182, 172, 0.15); +} + +.shell-link:active { + color: #4DB6AC; + background-color: rgba(77, 182, 172, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +/* Entries */ +StEntry { + min-height: 32px; + padding: 0 8px; + border-radius: 9999px; + border-width: 0; + selection-background-color: rgba(77, 182, 172, 0.35) !important; + selected-color: #4DB6AC !important; + font-size: 11.25pt; + font-weight: 400; + caret-color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.12); + margin: 2px 6px 6px; + border: 2px solid transparent !important; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 5px 8px rgba(0, 0, 0, 0.05) !important; +} + +StEntry:hover { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.12) !important; +} + +StEntry:focus { + color: white; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.08) !important; + border: 2px solid #4DB6AC !important; +} + +StEntry:insensitive { + color: rgba(255, 255, 255, 0.7); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #FBC02D; + padding: 0 4px; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(255, 255, 255, 0.5); +} + +/* Buttons */ +.icon-button.flat, .message .message-header .flat.message-expand-button, +.message .message-header .flat.message-close-button, .message-notification-group .flat.message-collapse-button, .button.flat { + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.icon-button.flat:focus, .message .message-header .flat.message-expand-button:focus, +.message .message-header .flat.message-close-button:focus, .message-notification-group .flat.message-collapse-button:focus, .button.flat:focus { + color: white; + text-shadow: none; + icon-shadow: none; + box-shadow: none !important; + outline: none !important; +} + +.icon-button.flat:hover, .message .message-header .flat.message-expand-button:hover, +.message .message-header .flat.message-close-button:hover, .message-notification-group .flat.message-collapse-button:hover, .button.flat:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.icon-button.flat:selected, .message .message-header .flat.message-expand-button:selected, +.message .message-header .flat.message-close-button:selected, .message-notification-group .flat.message-collapse-button:selected, .button.flat:selected, .icon-button.flat:active, .message .message-header .flat.message-expand-button:active, +.message .message-header .flat.message-close-button:active, .message-notification-group .flat.message-collapse-button:active, .button.flat:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.icon-button.flat:checked, .message .message-header .flat.message-expand-button:checked, +.message .message-header .flat.message-close-button:checked, .message-notification-group .flat.message-collapse-button:checked, .button.flat:checked { + color: white; + background-color: #4DB6AC; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.icon-button.flat:insensitive, .message .message-header .flat.message-expand-button:insensitive, +.message .message-header .flat.message-close-button:insensitive, .message-notification-group .flat.message-collapse-button:insensitive, .button.flat:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.keyboard-brightness-level .button:checked, .icon-button.default, .message .message-header .default.message-expand-button, +.message .message-header .default.message-close-button, .message-notification-group .default.message-collapse-button, .button.default { + color: rgba(255, 255, 255, 0.7); + background-color: #4DB6AC; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.keyboard-brightness-level .button:focus:checked, .icon-button.default:focus, .message .message-header .default.message-expand-button:focus, +.message .message-header .default.message-close-button:focus, .message-notification-group .default.message-collapse-button:focus, .button.default:focus { + color: #4DB6AC; + text-shadow: none; + icon-shadow: none; + box-shadow: none !important; + outline: none !important; +} + +.keyboard-brightness-level .button:focus:active:checked, .icon-button.default:focus:active, .message .message-header .default.message-expand-button:focus:active, +.message .message-header .default.message-close-button:focus:active, .message-notification-group .default.message-collapse-button:focus:active, .button.default:focus:active { + color: white; +} + +.keyboard-brightness-level .button:hover:checked, .icon-button.default:hover, .message .message-header .default.message-expand-button:hover, +.message .message-header .default.message-close-button:hover, .message-notification-group .default.message-collapse-button:hover, .button.default:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.keyboard-brightness-level .button:insensitive:checked, .icon-button.default:insensitive, .message .message-header .default.message-expand-button:insensitive, +.message .message-header .default.message-close-button:insensitive, .message-notification-group .default.message-collapse-button:insensitive, .button.default:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: #4DB6AC; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.keyboard-brightness-level .button:active:checked, .icon-button.default:active, .message .message-header .default.message-expand-button:active, +.message .message-header .default.message-close-button:active, .message-notification-group .default.message-collapse-button:active, .button.default:active { + color: white; + background-color: rgba(255, 255, 255, 0.24); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button { + min-height: 24px; + padding: 4px 8px; + border: none; + border-radius: 10px; + text-align: center; + font-size: 9.75pt; + font-weight: 500; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:checked { + color: white; + background-color: #4DB6AC; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: white; + text-shadow: none; + icon-shadow: none; + box-shadow: none !important; + outline: none !important; +} + +.icon-button, .message .message-header .message-expand-button, +.message .message-header .message-close-button, .message-notification-group .message-collapse-button { + min-height: 16px; + min-width: 16px; + padding: 8px; + border-radius: 9999px; + border: none; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.icon-button:hover, .message .message-header .message-expand-button:hover, +.message .message-header .message-close-button:hover, .message-notification-group .message-collapse-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.icon-button:active, .message .message-header .message-expand-button:active, +.message .message-header .message-close-button:active, .message-notification-group .message-collapse-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.icon-button:checked, .message .message-header .message-expand-button:checked, +.message .message-header .message-close-button:checked, .message-notification-group .message-collapse-button:checked { + color: white; + background-color: #4DB6AC; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.icon-button:insensitive, .message .message-header .message-expand-button:insensitive, +.message .message-header .message-close-button:insensitive, .message-notification-group .message-collapse-button:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.icon-button:focus, .message .message-header .message-expand-button:focus, +.message .message-header .message-close-button:focus, .message-notification-group .message-collapse-button:focus { + color: white; + text-shadow: none; + icon-shadow: none; + box-shadow: none !important; + outline: none !important; +} + +.icon-button StIcon, .message .message-header .message-expand-button StIcon, +.message .message-header .message-close-button StIcon, .message-notification-group .message-collapse-button StIcon { + icon-size: 16px; + -st-icon-style: symbolic; +} + +/* Check Boxes */ +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.08); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.3); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(77, 182, 172, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(77, 182, 172, 0.3); +} + +.check-box StIcon { + icon-size: 0; + padding: 0; + color: transparent; + border: none; +} + +.check-box:hover StIcon, .check-box:active StIcon { + border: none; +} + +.check-box:checked StIcon, .check-box:checked:hover StIcon, .check-box:checked:active StIcon { + background-color: transparent; + color: transparent; +} + +/* Switches */ +.toggle-switch { + width: 44px; + height: 26px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); + background-color: transparent; + padding: 0; + margin: 0; +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); + background-color: transparent; + color: transparent; +} + +.toggle-switch:checked:hover { + background-color: transparent; + color: transparent; +} + +.toggle-switch:checked .handle { + background: none; +} + +.popup-sub-menu .toggle-switch, .quick-toggle-menu .toggle-switch { + background-image: url("assets/menu-toggle-off.svg") !important; +} + +.popup-sub-menu .toggle-switch:checked, .quick-toggle-menu .toggle-switch:checked { + background-image: url("assets/toggle-on.svg") !important; +} + +.toggle-switch StIcon { + icon-size: 0; +} + +.toggle-switch .handle { + margin: 0; + width: 0; + height: 0; + background: none; + box-shadow: none; + transition-duration: none; +} + +/* Slider */ +.slider { + -barlevel-height: 2px; + -barlevel-background-color: rgba(255, 255, 255, 0.3); + -barlevel-active-background-color: #4DB6AC; + -barlevel-overdrive-color: #F44336; + -barlevel-overdrive-separator-width: 2px; + -slider-handle-radius: 6px; + color: white; +} + +.slider:hover { + color: white; +} + +.slider:active { + color: #f2f2f2; +} + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; + margin: 6px; +} + +StScrollView StScrollBar { + min-width: 8px; + min-height: 8px; +} + +StScrollBar StBin#trough { + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.08); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + border: 4px solid transparent; + transition: 500ms all ease; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: white; +} + +#LookingGlassDialog StScrollBar StBin#trough, #overviewGroup StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog StScrollBar StButton#vhandle, #overviewGroup StScrollBar StButton#vhandle, #LookingGlassDialog StScrollBar StButton#hhandle, #overviewGroup StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#LookingGlassDialog StScrollBar StButton#vhandle:hover, #overviewGroup StScrollBar StButton#vhandle:hover, #LookingGlassDialog StScrollBar StButton#hhandle:hover, #overviewGroup StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +#LookingGlassDialog StScrollBar StButton#vhandle:active, #overviewGroup StScrollBar StButton#vhandle:active, #LookingGlassDialog StScrollBar StButton#hhandle:active, #overviewGroup StScrollBar StButton#hhandle:active { + background-color: white; +} + +.popup-menu .popup-sub-menu StScrollBar StBin#trough { + background-color: rgba(0, 0, 0, 0.15); +} + +.popup-menu .popup-sub-menu StScrollBar StButton#vhandle, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle { + background-color: rgba(0, 0, 0, 0.35); +} + +.popup-menu .popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle:hover { + background-color: rgba(0, 0, 0, 0.45); +} + +.popup-menu .popup-sub-menu StScrollBar StButton#vhandle:active, .popup-menu .popup-sub-menu StScrollBar StButton#hhandle:active { + background-color: rgba(0, 0, 0, 0.65); +} + +/* Popovers/Menus */ +.popup-menu-boxpointer { + -arrow-rise: 4px; + background: none; +} + +.popup-menu { + min-width: 10em; + color: white; +} + +.popup-menu .popup-menu-content { + padding: 4px; + margin: 0 3px 14px; + background-color: rgba(33, 33, 33, 0.97); + border-radius: 16px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); +} + +.popup-menu .popup-menu-item { + spacing: 4px; + padding: 4px 8px; + color: white !important; + background-color: transparent; + transition-duration: 100ms; + border-radius: 12px; + background-image: none; + border: none; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 12px 12px 0 0; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95) !important; + color: rgba(0, 0, 0, 0.75) !important; +} + +.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked.selected { + background-color: #e5e5e5 !important; + color: rgba(0, 0, 0, 0.85) !important; +} + +.popup-menu .popup-menu-item:checked:active { + background-color: #dfdfdf !important; + color: rgba(0, 0, 0, 0.75) !important; +} + +.popup-menu .popup-menu-item:checked.selected:active { + background-color: #e0e0e0 !important; + color: rgba(0, 0, 0, 0.75) !important; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(0, 0, 0, 0.35) !important; +} + +.popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item.selected { + background-color: rgba(255, 255, 255, 0.08) !important; + color: white !important; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:active { + background-color: rgba(255, 255, 255, 0.3) !important; + color: white !important; + transition-duration: 150ms; +} + +.popup-menu .popup-menu-item.selected:active { + color: white !important; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(255, 255, 255, 0.5) !important; +} + +.popup-menu .popup-menu-item .toggle-switch:ltr { + margin-left: 2px; +} + +.popup-menu .popup-menu-item .toggle-switch:rtl { + margin-right: 2px; +} + +.popup-menu .popup-ornamented-menu-item:ltr { + padding-left: 4px; +} + +.popup-menu .popup-ornamented-menu-item:rtl { + padding-right: 4px; +} + +.popup-menu .popup-inactive-menu-item { + color: white !important; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(255, 255, 255, 0.5) !important; +} + +.popup-menu .popup-menu-arrow, +.popup-menu .popup-menu-icon { + icon-size: 16px !important; +} + +.popup-menu .popup-sub-menu { + margin: 0; + border-radius: 0 0 12px 12px; + border: none; + box-shadow: none; + background-image: none; + color: rgba(0, 0, 0, 0.75) !important; + background-color: rgba(255, 255, 255, 0.95) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 12px; + background-image: none; + color: rgba(0, 0, 0, 0.75) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover, .popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item.selected { + color: rgba(0, 0, 0, 0.85) !important; + background-color: rgba(0, 0, 0, 0.15) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: rgba(0, 0, 0, 0.85) !important; + background-color: rgba(0, 0, 0, 0.2) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item.selected:active { + color: rgba(0, 0, 0, 0.75) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.35) !important; +} + +.popup-menu .popup-menu-ornament { + icon-size: 1.091em !important; + width: 1.091em; +} + +.popup-menu .popup-separator-menu-item { + background: none; + border: none; +} + +.popup-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +.popup-sub-menu .popup-menu .popup-separator-menu-item { + background-color: transparent; +} + +.popup-sub-menu .popup-menu .popup-separator-menu-item:ltr { + margin-right: 2.5em; + margin-left: 1.5em; +} + +.popup-sub-menu .popup-menu .popup-separator-menu-item:rtl { + margin-left: 2.5em; + margin-right: 1.5em; +} + +.popup-sub-menu .popup-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + background-color: rgba(0, 0, 0, 0.1); +} + +.popup-menu.panel-menu { + margin-bottom: 1.75em; +} + +.background-menu { + -boxpointer-gap: 0px; + -arrow-rise: 0px; +} + +.app-menu { + max-width: 27.25em; +} + +.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { + margin-right: 4px; +} + +.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { + margin-left: 4px; +} + +/* Date/Time Menu */ +#calendarArea { + padding: 4px 0 !important; +} + +.calendar { + padding: 0 !important; + margin: 0 !important; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.7); +} + +.datemenu-popover { + border-radius: 22px !important; +} + +.datemenu-calendar-column { + spacing: 4px; + border: none; + padding: 0 !important; + margin: 0 !important; + color: rgba(255, 255, 255, 0.7); +} + +.datemenu-calendar-column:hover, .datemenu-calendar-column:focus { + color: white; + background-color: rgba(255, 255, 255, 0.08); +} + +.datemenu-calendar-column:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.datemenu-calendar-column:ltr { + margin-right: 4px !important; + margin-left: 10px !important; + padding-left: 0 !important; + padding-right: 0 !important; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 4px !important; + margin-right: 10px !important; + padding-left: 0 !important; + padding-right: 0 !important; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 4px; +} + +.datemenu-today-button { + min-height: 40px; + padding: 4px; + border-radius: 10px; + border: none; + box-shadow: none; + text-shadow: none; + background: none; + color: rgba(255, 255, 255, 0.7); +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.datemenu-today-button:hover, .datemenu-today-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.08); +} + +.datemenu-today-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.calendar-month-label { + height: 16px; + margin: 2px; + padding: 6px 16px; + border-radius: 10px; + color: rgba(255, 255, 255, 0.7) !important; + background-color: transparent !important; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + color: white !important; + background-color: rgba(255, 255, 255, 0.08) !important; +} + +.pager-button { + width: 24px !important; + height: 24px !important; + margin: 2px !important; + padding: 2px !important; + border-radius: 9999px; + background-color: transparent; + color: rgba(255, 255, 255, 0.7); +} + +.pager-button:hover, .pager-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.08); + box-shadow: none !important; +} + +.pager-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-day { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 2.5em !important; + height: 2.5em !important; + padding: 0 !important; + margin: 2px !important; + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7) !important; + border: none !important; + font-feature-settings: "tnum"; + text-shadow: none; + background-color: transparent !important; +} + +.calendar-day:hover, .calendar-day:focus { + color: white !important; + background-color: rgba(255, 255, 255, 0.08) !important; + box-shadow: none; +} + +.calendar-day:active { + color: white !important; + background-color: rgba(255, 255, 255, 0.3) !important; + border: none !important; +} + +.calendar-day:selected { + color: white !important; + background-color: rgba(255, 255, 255, 0.3) !important; + border: none !important; + box-shadow: none !important; + outline: none !important; +} + +.calendar-day.calendar-weekend { + color: rgba(255, 255, 255, 0.5); +} + +.calendar-day-heading { + width: 24px !important; + height: 20px !important; + margin-top: 2px !important; + padding: 4px 0 0 !important; + border-radius: 9999px; + background-color: transparent !important; + color: rgba(255, 255, 255, 0.5) !important; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: white; +} + +.calendar-today { + font-weight: bold !important; + color: white !important; + background-color: #4DB6AC !important; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #58bab1 !important; + color: white !important; +} + +.calendar-today:active, .calendar-today:selected { + background-color: #4DB6AC !important; + color: white !important; +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #58bab1 !important; + color: white !important; +} + +.calendar-day-with-events { + color: rgba(255, 255, 255, 0.5); + background-image: url("assets/calendar-today.svg"); + background-size: contain; +} + +.calendar-day-with-events.calendar-work-day { + color: rgba(255, 255, 255, 0.5); + font-weight: bold; +} + +.calendar-other-month { + color: rgba(255, 255, 255, 0.3) !important; + font-weight: normal; +} + +.calendar-other-month.calendar-weekend { + color: rgba(255, 255, 255, 0.3) !important; +} + +.calendar-week-number { + margin: 6px !important; + padding: 0 5px !important; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.5); + font-size: 8.25pt; + font-weight: bold; + text-align: center; + text-shadow: none; + font-feature-settings: "tnum"; +} + +.world-clocks-button, +.weather-button, +.events-button { + padding: 4px 8px; + border-radius: 10px; + border: none; + box-shadow: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.04); +} + +.world-clocks-button:hover, .world-clocks-button:focus, +.weather-button:hover, +.weather-button:focus, +.events-button:hover, +.events-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.08); +} + +.world-clocks-button:active, +.weather-button:active, +.events-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.world-clocks-header, +.weather-header, +.message-list-section-title, +.events-section-title, +.events-title { + color: rgba(255, 255, 255, 0.5); + font-weight: bold; + margin-bottom: 2px; + text-shadow: none; +} + +.weather-grid, +.world-clocks-grid { + spacing-rows: 8px; + spacing-columns: 16px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: rgba(255, 255, 255, 0.5); + font-weight: bold; + font-size: 0.9em; +} + +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + color: rgba(255, 255, 255, 0.7); + spacing: 12px; + text-shadow: none; +} + +.events-button .event-time { + color: rgba(255, 255, 255, 0.3); + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: rgba(255, 255, 255, 0.5); + font-weight: normal; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: rgba(255, 255, 255, 0.5); + font-feature-settings: "tnum"; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: rgba(255, 255, 255, 0.5); + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 8px; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: rgba(255, 255, 255, 0.5); + font-size: 0.8em; +} + +.weather-button .weather-forecast-icon { + icon-size: 24px; + color: rgba(255, 255, 255, 0.5); +} + +.weather-button .weather-forecast-time { + color: rgba(255, 255, 255, 0.5); + font-size: 0.7em; + font-feature-settings: "tnum"; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; + color: rgba(255, 255, 255, 0.65); + text-shadow: none; +} + +/* Message List */ +.message-list { + width: 29em; + color: rgba(255, 255, 255, 0.7); + border: solid transparent; +} + +.message-list:ltr { + margin-left: 4px; + margin-right: 0; + padding-right: 0; + border-right-width: 0; +} + +.message-list:rtl { + margin-right: 4px; + margin-left: 0; + padding-left: 0; + border-left-width: 0; +} + +.message-list .message-list-placeholder { + color: rgba(255, 255, 255, 0.3); +} + +.message-list .message-list-placeholder > StIcon { + icon-size: 96px; + margin-bottom: 6px; + -st-icon-style: symbolic; +} + +.message-view { + spacing: 4px; + -st-vfade-offset: 68px; +} + +.message-view:ltr { + margin-right: 6px; + padding-left: 0; +} + +.message-view:rtl { + margin-left: 6px; + padding-right: 0; +} + +.message-view .message { + margin-bottom: 2px !important; +} + +.message-list-controls { + margin: 4px 8px 0; + padding: 2px; + spacing: 8px; +} + +.message-list-controls .dnd-button { + border-width: 2px; + border-color: transparent; + border-radius: 32px; + border-style: solid; +} + +.message-list-controls .dnd-button:focus { + border-color: rgba(77, 182, 172, 0.6); +} + +.message-notification-group { + spacing: 4px; +} + +.message-notification-group .message-group-header { + padding: 4px; +} + +.message-notification-group .message-group-header .message-group-title { + margin: 0 2px; +} + +.message-notification-group .message-collapse-button { + color: rgba(255, 255, 255, 0.8); + background-color: rgba(77, 182, 172, 0.8); + padding: 4px !important; + border: 4px transparent solid; +} + +.message-notification-group .message-collapse-button:hover { + color: white; + background-color: rgba(77, 182, 172, 0.7); +} + +.message-notification-group .message-collapse-button:active { + color: rgba(255, 255, 255, 0.8); + background-color: rgba(77, 182, 172, 0.8); +} + +.message { + border-radius: 10px; + padding: 4px; + margin: 0; +} + +.popup-menu .message { + box-shadow: none; + margin: 2px; + color: rgba(255, 255, 255, 0.7); + background-color: #343434 !important; +} + +.popup-menu .message:hover { + background-color: #3b3b3b !important; +} + +.popup-menu .message:active { + background-color: #414141 !important; +} + +.message:second-in-stack { + background-color: #303030 !important; + box-shadow: none; +} + +.message:lower-in-stack { + background-color: #2c2c2c !important; + box-shadow: none; +} + +.message:ltr { + padding-right: 4px; +} + +.message:rtl { + padding-left: 4px; +} + +.message .message-header { + padding: 0 4px; + spacing: 4px; + color: rgba(255, 255, 255, 0.5); +} + +.message .message-header:ltr { + padding-right: 0; +} + +.message .message-header:rtl { + padding-left: 0; +} + +.message .message-header .message-source-icon { + icon-size: 1.091em; + -st-icon-style: symbolic; +} + +.message .message-header .message-header-content { + spacing: 4px; + min-height: 1.637em; + padding-bottom: 4px; +} + +.message .message-header .message-header-content .message-source-title { + font-weight: bold; +} + +.message .message-header .message-header-content .event-time { + color: rgba(255, 255, 255, 0.5); + padding-bottom: 0.068em; +} + +.message .message-header .message-header-content .event-time:ltr { + text-align: right; +} + +.message .message-header .message-header-content .event-time:rtl { + text-align: left; +} + +.message .message-header .message-expand-button, +.message .message-header .message-close-button { + color: white; + background-color: rgba(255, 255, 255, 0.04); + padding: 2px; +} + +.message .message-header .message-expand-button:hover, +.message .message-header .message-close-button:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover, +.message .message-header .message-close-button:active, +.message .message-header .message-close-button:active:hover { + background-color: rgba(255, 255, 255, 0.3); +} + +.message .message-header .message-expand-button:insensitive, +.message .message-header .message-close-button:insensitive { + background-color: transparent; +} + +.message .message-header .message-expand-button { + padding: 2px; +} + +.message .message-header .message-expand-button:ltr { + margin-right: 4px; +} + +.message .message-header .message-expand-button:rtl { + margin-left: 4px; +} + +.message .message-box { + padding: 4px; + margin: 4px; + margin-top: 0; + spacing: 4px; +} + +.message .message-box .message-icon { + icon-size: 48px; + -st-icon-style: symbolic; +} + +.message .message-box .message-icon:ltr { + margin-right: 4px; +} + +.message .message-box .message-icon:rtl { + margin-left: 4px; +} + +.message .message-box .message-icon.message-themed-icon { + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.12); + icon-size: 16px; + min-width: 48px; + min-height: 48px; +} + +.message .message-box:first-child { + margin-top: 8px; +} + +.message .message-box .message-content { + spacing: 2px; +} + +.message .message-box .message-content .message-title { + font-weight: bold; +} + +.url-highlighter { + link-color: #4DB6AC; +} + +/* Media Controls */ +.message-media-control { + margin: 8px 2px !important; + padding: 0 8px !important; + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7); + border: none; +} + +.message-media-control:hover, .message-media-control:focus { + color: white; + background-color: rgba(255, 255, 255, 0.08); +} + +.message-media-control:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.message-media-control:insensitive { + color: rgba(255, 255, 255, 0.3); +} + +.message-media-control StIcon { + icon-size: 16px; +} + +.media-message .message-icon { + border-radius: 5px !important; +} + +.media-message .message-icon.message-themed-icon { + icon-size: 32px !important; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 12px; +} + +.candidate-popup-content { + background-color: #3C3C3C; + border-radius: 9px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); + margin: 2px 10px 13px; + padding: 4px; + spacing: 4px; + border: none; +} + +.candidate-index { + padding: 0 0.5em 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + margin-right: 2px; + border-radius: 5px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.candidate-box:selected { + background-color: #4DB6AC; + color: white; +} + +.candidate-box:last-child { + margin-right: 0; +} + +.candidate-page-button-box { + height: 2em; +} + +.vertical .candidate-page-button-box { + padding-top: 0.5em; +} + +.horizontal .candidate-page-button-box { + padding-left: 0.5em; +} + +.candidate-page-button { + padding: 4px 8px; +} + +.candidate-page-button-previous { + border-radius: 5px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 5px; + margin-left: 2px; +} + +.candidate-page-button-icon { + icon-size: 1em; +} + +.quick-settings { + padding: 12px !important; + border-radius: 28px !important; + margin-top: 2px !important; + border: none; +} + +.quick-settings .icon-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button, +.quick-settings .message .message-header .message-close-button, +.message .message-header .quick-settings .message-close-button, .quick-settings .button { + padding: 8px; +} + +.quick-settings .icon-button > StIcon, .quick-settings .message-notification-group .message-collapse-button > StIcon, .message-notification-group .quick-settings .message-collapse-button > StIcon, .quick-settings .message .message-header .message-expand-button > StIcon, .message .message-header .quick-settings .message-expand-button > StIcon, +.quick-settings .message .message-header .message-close-button > StIcon, +.message .message-header .quick-settings .message-close-button > StIcon, .quick-settings .button > StIcon { + icon-size: 16px; +} + +.quick-settings-grid { + spacing-rows: 8px; + spacing-columns: 8px; +} + +.quick-toggle, .quick-toggle-has-menu { + border-radius: 9999px; + min-width: 10.5em; + max-width: 10.5em; + min-height: 34px; + border: none; +} + +.quick-toggle { + background-color: rgba(255, 255, 255, 0.06) !important; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ +} + +.quick-toggle:hover { + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.quick-toggle:active { + background-color: rgba(255, 255, 255, 0.24) !important; +} + +.quick-toggle:checked { + background-color: #4DB6AC !important; + color: white !important; +} + +.quick-toggle:checked:hover { + background-color: #5fbdb4 !important; + color: white !important; +} + +.quick-toggle:checked:active { + background-color: #71c5bd !important; + color: white !important; +} + +.quick-toggle > StBoxLayout { + spacing: 4px; +} + +.quick-toggle.button { + padding: 0; +} + +.quick-toggle > StBoxLayout { + padding: 0 8px; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 10px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 10px; +} + +.quick-toggle .quick-toggle-title { + font-weight: bold; +} + +.quick-toggle StBoxLayout > .quick-toggle-subtitle { + font-weight: normal; + font-size: 12px; +} + +.quick-toggle .quick-toggle-icon { + icon-size: 16px; +} + +.quick-toggle-has-menu .quick-toggle { + min-width: auto; + max-width: auto; +} + +.quick-toggle-has-menu .quick-toggle:ltr { + border-radius: 9999px 0 0 9999px; +} + +.quick-toggle-has-menu .quick-toggle:ltr > StBoxLayout { + padding-right: 0; +} + +.quick-toggle-has-menu .quick-toggle:rtl { + border-radius: 0 9999px 9999px 0; +} + +.quick-toggle-has-menu .quick-toggle:rtr > StBoxLayout { + padding-left: 0; +} + +.quick-toggle-has-menu .quick-toggle:ltr:last-child { + border-radius: 9999px; +} + +.quick-toggle-has-menu .quick-toggle:rtl:last-child { + border-radius: 9999px; +} + +.quick-toggle-has-menu .quick-toggle-menu-button { + background-color: rgba(255, 255, 255, 0.09) !important; + padding: 4px 7px; + border: none !important; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:hover { + background-color: rgba(255, 255, 255, 0.16) !important; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:active { + background-color: rgba(255, 255, 255, 0.26) !important; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:checked { + background-color: #56bab0 !important; + color: white !important; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:checked:hover { + background-color: #68c1b8 !important; + color: white !important; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:checked:active { + background-color: #7ac8c1 !important; + color: white !important; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:ltr { + border-radius: 0 9999px 9999px 0; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:rtl { + border-radius: 9999px 0 0 9999px; +} + +.quick-toggle-has-menu .quick-toggle-separator { + width: 0px; + opacity: 0; + visibility: hidden; +} + +.quick-slider > StBoxLayout { + spacing: 4px; +} + +.quick-slider .icon-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button, +.quick-slider .message .message-header .message-close-button, +.message .message-header .quick-slider .message-close-button { + padding: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 4px; + border-radius: 9999px; +} + +.quick-slider .slider-bin:focus { + color: #4DB6AC; + text-shadow: none; + icon-shadow: none; + box-shadow: none !important; + outline: none !important; +} + +.quick-slider .slider-bin:focus:active { + color: white; +} + +.quick-slider .quick-toggle-icon { + icon-size: 16px; +} + +.quick-toggle-menu { + border-radius: 20px !important; + padding: 8px; + margin: 8px 14px 0; + background-color: white !important; + color: rgba(0, 0, 0, 0.65) !important; +} + +.quick-toggle-menu:insensitive { + background-color: white !important; + color: rgba(0, 0, 0, 0.65) !important; +} + +.quick-toggle-menu .popup-menu-item { + padding: 6px !important; + border-radius: 9999px !important; + color: rgba(0, 0, 0, 0.65) !important; +} + +.quick-toggle-menu .popup-menu-item StLabel { + color: rgba(0, 0, 0, 0.65); +} + +.quick-toggle-menu .popup-menu-item:focus, .quick-toggle-menu .popup-menu-item:hover, .quick-toggle-menu .popup-menu-item.selected { + color: rgba(0, 0, 0, 0.75) !important; + background-color: rgba(0, 0, 0, 0.1) !important; +} + +.quick-toggle-menu .popup-menu-item:active { + color: rgba(0, 0, 0, 0.75) !important; + background-color: rgba(0, 0, 0, 0.2) !important; +} + +.quick-toggle-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.25) !important; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; + icon-size: 1.091em; +} + +.quick-toggle-menu .popup-menu-item > :first-child:ltr { + padding-left: 6px !important; +} + +.quick-toggle-menu .popup-menu-item > :first-child:rtl { + padding-right: 6px !important; +} + +.quick-toggle-menu .popup-menu-item .popup-separator-menu-item-separator { + margin: 4px 12px 4px 0 !important; + padding: 0 !important; + background-color: rgba(0, 0, 0, 0.1) !important; +} + +.quick-toggle-menu .header { + spacing-rows: 2px; + spacing-columns: 8px; + padding-bottom: 8px; +} + +.quick-toggle-menu .header .icon { + icon-size: 24px; + border-radius: 9999px; + padding: 6px; + background-color: rgba(0, 0, 0, 0.08) !important; +} + +.quick-toggle-menu .header .icon.active { + background-color: #4DB6AC !important; + color: white !important; +} + +.quick-settings-system-item > StBoxLayout { + spacing: 8px; +} + +.quick-settings-system-item .icon-button, .quick-settings-system-item .message-notification-group .message-collapse-button, .message-notification-group .quick-settings-system-item .message-collapse-button, .quick-settings-system-item .message .message-header .message-expand-button, .message .message-header .quick-settings-system-item .message-expand-button, +.quick-settings-system-item .message .message-header .message-close-button, +.message .message-header .quick-settings-system-item .message-close-button { + background-color: rgba(255, 255, 255, 0.06); +} + +.quick-settings-system-item .icon-button:hover, .quick-settings-system-item .message-notification-group .message-collapse-button:hover, .message-notification-group .quick-settings-system-item .message-collapse-button:hover, .quick-settings-system-item .message .message-header .message-expand-button:hover, .message .message-header .quick-settings-system-item .message-expand-button:hover, +.quick-settings-system-item .message .message-header .message-close-button:hover, +.message .message-header .quick-settings-system-item .message-close-button:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +.quick-settings-system-item .icon-button:active, .quick-settings-system-item .message-notification-group .message-collapse-button:active, .message-notification-group .quick-settings-system-item .message-collapse-button:active, .quick-settings-system-item .message .message-header .message-expand-button:active, .message .message-header .quick-settings-system-item .message-expand-button:active, +.quick-settings-system-item .message .message-header .message-close-button:active, +.message .message-header .quick-settings-system-item .message-close-button:active { + background-color: rgba(255, 255, 255, 0.24); +} + +.quick-settings-system-item .icon-button > StIcon, .quick-settings-system-item .message-notification-group .message-collapse-button > StIcon, .message-notification-group .quick-settings-system-item .message-collapse-button > StIcon, .quick-settings-system-item .message .message-header .message-expand-button > StIcon, .message .message-header .quick-settings-system-item .message-expand-button > StIcon, +.quick-settings-system-item .message .message-header .message-close-button > StIcon, +.message .message-header .quick-settings-system-item .message-close-button > StIcon { + -st-icon-style: symbolic; +} + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.04); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + +.bt-device-item .popup-menu-icon { + -st-icon-style: symbolic; +} + +.bt-menu-placeholder.popup-menu-item { + text-align: center; + padding: 2em 4em; +} + +.device-subtitle { + color: rgba(255, 255, 255, 0.5); +} + +.keyboard-brightness-level { + spacing: 4px; + background-color: #3C3C3C !important; + color: rgba(255, 255, 255, 0.7) !important; +} + +.background-apps-quick-toggle { + min-height: 34px; + background-color: transparent; +} + +.background-apps-quick-toggle StIcon { + icon-size: 16px !important; +} + +.background-app-item .popup-menu-icon { + icon-size: 32px !important; + -st-icon-style: regular !important; +} + +.background-app-item .icon-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button, +.background-app-item .message .message-header .message-close-button, +.message .message-header .background-app-item .message-close-button { + padding: 4px; + color: rgba(0, 0, 0, 0.65) !important; +} + +.background-app-item .icon-button:focus, .background-app-item .message-notification-group .message-collapse-button:focus, .message-notification-group .background-app-item .message-collapse-button:focus, .background-app-item .message .message-header .message-expand-button:focus, .message .message-header .background-app-item .message-expand-button:focus, +.background-app-item .message .message-header .message-close-button:focus, +.message .message-header .background-app-item .message-close-button:focus, .background-app-item .icon-button:hover, .background-app-item .message-notification-group .message-collapse-button:hover, .message-notification-group .background-app-item .message-collapse-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover, +.background-app-item .message .message-header .message-close-button:hover, +.message .message-header .background-app-item .message-close-button:hover { + color: rgba(0, 0, 0, 0.75) !important; + background-color: rgba(0, 0, 0, 0.1) !important; +} + +.background-app-item .icon-button:active, .background-app-item .message-notification-group .message-collapse-button:active, .message-notification-group .background-app-item .message-collapse-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active, +.background-app-item .message .message-header .message-close-button:active, +.message .message-header .background-app-item .message-close-button:active { + color: rgba(0, 0, 0, 0.75) !important; + background-color: rgba(0, 0, 0, 0.2) !important; +} + +.background-app-item .icon-button:insensitive, .background-app-item .message-notification-group .message-collapse-button:insensitive, .message-notification-group .background-app-item .message-collapse-button:insensitive, .background-app-item .message .message-header .message-expand-button:insensitive, .message .message-header .background-app-item .message-expand-button:insensitive, +.background-app-item .message .message-header .message-close-button:insensitive, +.message .message-header .background-app-item .message-close-button:insensitive { + color: rgba(0, 0, 0, 0.25) !important; +} + +.background-app-item .spinner { + padding: 4px; +} + +.background-app-item.popup-inactive-menu-item { + color: white; +} + +/* Notifications & Message Tray */ +.notification-banner { + min-height: 64px; + width: 34em; + margin: 4px; + padding: 4px; + border-radius: 16px; + border-left: none; + border-bottom: none; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.32); + color: white; + background-color: rgba(44, 44, 44, 0.96); +} + +.notification-banner:hover, .notification-banner:focus, .notification-banner:active { + background-color: #2C2C2C; +} + +.notification-buttons-bin { + spacing: 4px; + padding: 0; +} + +.notification-button { + min-height: 32px; + padding: 0 16px; + margin: 0 !important; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.7); + font-weight: 500; + border: none; + border-radius: 8px; +} + +.popup-menu .notification-button { + border-radius: 5px; +} + +.notification-button:focus { + background-color: transparent; + color: rgba(255, 255, 255, 0.7); + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.08); +} + +.notification-button:hover { + background-color: rgba(255, 255, 255, 0.08); + color: white; + box-shadow: none; +} + +.notification-button:active, .notification-button:checked { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.notification-button:insensitive { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 0 4px; +} + +/* Modal Dialogs */ +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + border-radius: 24px; + color: white; + background-color: #2C2C2C; + border: 0 none rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); + padding: 8px; +} + +.modal-dialog .modal-dialog-content-box { + margin: 8px 40px 16px; + spacing: 32px; + max-width: 28em; + background-color: #2C2C2C; +} + +.modal-dialog .modal-dialog-button-box { + padding-top: 4px; +} + +.modal-dialog .modal-dialog-button { + min-height: 40px; + padding: 0 16px; + spacing: 0; +} + +/* End Session Dialog */ +.end-session-dialog { + width: 30em; +} + +.end-session-dialog .modal-dialog-button:last-child { + color: white !important; + background-color: #F44336; +} + +.end-session-dialog .modal-dialog-button:last-child:hover { + color: white !important; + background-color: #f66c62; +} + +.end-session-dialog .modal-dialog-button:last-child:active { + color: white !important; + background-color: #f32c1e; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #FBC02D; +} + +/* Message Dialog */ +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.lightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +/* Dialog List */ +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: rgba(255, 255, 255, 0.7); + font-size: 15pt; + font-weight: 500; +} + +/* Run Dialog */ +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + font-size: 11.25pt; + font-weight: 400; + text-align: center; + color: rgba(255, 255, 255, 0.5); +} + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-button:first-child { + color: #F44336; +} + +.prompt-dialog .modal-dialog-button:first-child:active { + color: white !important; + background-color: #F44336; +} + +.prompt-dialog .modal-dialog-button:last-child { + color: white !important; + background-color: #4DB6AC; +} + +.prompt-dialog .modal-dialog-button:last-child:hover { + color: white !important; + background-color: #6ec3bb; +} + +.prompt-dialog .modal-dialog-button:last-child:active { + color: white !important; + background-color: #44a69c; +} + +.prompt-dialog .modal-dialog-button:last-child:insensitive { + color: rgba(77, 182, 172, 0.5) !important; + background-color: rgba(77, 182, 172, 0.15); +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; + background-color: #2C2C2C; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; +} + +.prompt-dialog-error-label { + color: #FBC02D; +} + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #FBC02D; +} + +/* Audio selection dialog */ +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 10px; +} + +.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { + background-color: #4DB6AC; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +/* Welcome dialog */ +.welcome-dialog-image { + background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); + background-size: contain; + /* Reasonable maximum dimensions */ + height: 300px; + width: 300px; +} + +/* Network Dialogs */ +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: white; +} + +.nm-dialog-header { + font-weight: bold; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-scroll-view { + border: none; + background-color: rgba(255, 255, 255, 0.08); + border-radius: 10px; + padding: 8px; + padding-right: 0; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 8px; + spacing: 0px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.08); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.nm-dialog-item:selected { + background-color: #4DB6AC; + color: white; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.nm-dialog-icons { + spacing: 8px; +} + +.no-networks-label { + color: rgba(255, 255, 255, 0.5); +} + +.no-networks-box { + spacing: 4px; +} + +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + spacing: 8px; + padding: 8px 12px; + margin-bottom: 8em; + border-radius: 9999px; +} + +.osd-window > * { + spacing: 8px; +} + +.osd-window StIcon { + icon-size: 32px; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window StLabel:ltr { + margin-right: 4px; +} + +.osd-window StLabel:rtl { + margin-left: 4px; +} + +.osd-window .level { + height: 4px; + min-width: 160px; + margin-bottom: 4px; + -barlevel-height: 4px; + -barlevel-background-color: rgba(77, 182, 172, 0.3); + -barlevel-active-background-color: #4DB6AC; + -barlevel-overdrive-color: #F44336; + -barlevel-overdrive-separator-width: 3px; + -barlevel-border-width: 0; +} + +.osd-window .level:first-child { + margin-bottom: 0px; +} + +.osd-window .level:ltr { + margin-right: 4px; +} + +.osd-window .level:rtl { + margin-left: 4px; +} + +.osd-monitor-label { + border-radius: 16px; + font-size: 3em; + font-weight: bold; + margin: 6px; + text-align: center; + min-width: 1.3em; +} + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.8); + border: none; +} + +.pad-osd-window .pad-osd-title-box { + spacing: 8px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 4px; +} + +.combo-box-label { + width: 15em; +} + +.resize-popup { + border-radius: 16px; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + border-radius: 18px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 10px; + border: none; + background-color: transparent; + color: white; +} + +.switcher-list .item-box:outlined { + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +.switcher-list .item-box:selected { + background-color: #4DB6AC; + color: white; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-list .switcher-list-item-container { + spacing: 8px; +} + +.switcher-arrow { + border-color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.7); +} + +.switcher-arrow:highlighted { + color: white; +} + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; +} + +.cycler-highlight { + border: 5px solid #4DB6AC; +} + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher-container { + border-radius: 16px; +} + +.workspace-switcher { + background: transparent; + border: none; + border-radius: 0; + padding: 0; + spacing: 8px; +} + +.ws-switcher-box { + height: 50px; + background-size: 32px; + border: none; + background: rgba(255, 255, 255, 0.08); + border-radius: 10px; +} + +.ws-switcher-active-up, +.ws-switcher-active-down, +.ws-switcher-active-left, +.ws-switcher-active-right { + height: 52px; + background-color: #4DB6AC; + border: none; + border-radius: 12px; + color: white; +} + +/* Top Bar */ +#panel { + font-weight: bold; + font-feature-settings: "tnum"; + padding: 0 !important; + transition-duration: 250ms; + height: 34px; + border: none; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.65); + margin: 2px; + border-radius: 9999px; +} + +#panel.unlock-screen, #panel.login-screen, #panel:overview { + background-color: transparent; +} + +#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner { + -panel-corner-opacity: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(33, 33, 33, 0.65); + -panel-corner-border-width: 0; + -panel-corner-border-color: transparent; + -panel-corner-opacity: 1; + transition-duration: 250ms; +} + +#panel .panel-button#panelActivities { + -natural-hpadding: 10px; +} + +#panel .panel-button#panelActivities StBoxLayout { + spacing: 4px; +} + +#panel .panel-button#panelActivities .workspace-dot { + border-radius: 9999px; + min-width: 8px; + min-height: 8px; + background-color: white; +} + +#panel .panel-button { + font-weight: bold; + color: white; + -natural-hpadding: 9px; + -minimum-hpadding: 9px; + transition-duration: 150ms; + border: 2px solid transparent; + border-radius: 9999px; + margin: 0; +} + +#panel .panel-button.clock-display { + -natural-hpadding: 0 !important; + -minimum-hpadding: 0 !important; + padding: 0 !important; + spacing: 0 !important; +} + +#panel .panel-button.clock-display .clock-display-box { + spacing: 0; +} + +#panel .panel-button.clock-display .clock { + border-radius: 9999px; + padding: 0 8px !important; +} + +#panel .panel-button:hover { + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12); +} + +#panel .panel-button:hover.clock-display { + box-shadow: none; + background-color: transparent; +} + +#panel .panel-button:hover.clock-display .clock { + box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); +} + +#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { + box-shadow: none; + background-color: transparent; +} + +#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { + box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3); +} + +#panel .panel-button .system-status-icon { + icon-size: 16px; + padding: 4px; + margin: 0; +} + +#panel .panel-button .appindicator-trayicons-box { + margin: 0 4px; +} + +#panel .panel-button .panel-status-menu-box { + spacing: 4px; + padding: 4px; + margin: 0; +} + +#panel .panel-button .panel-status-menu-box .system-status-icon { + padding: 0; +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; +} + +#panel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button, +#panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button, +#panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenuMenuButton.panel-button { + border: 0 none transparent !important; + margin: 0 !important; + padding: 0 !important; + -natural-hpadding: 2px !important; + -minimum-hpadding: 2px !important; +} + +#panel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button .panel-status-menu-box, +#panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button .panel-status-menu-box, +#panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenuMenuButton.panel-button .panel-status-menu-box { + spacing: 0; + padding: 0; + margin: 0; +} + +#panel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button .arc-menu-icon, +#panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button .arc-menu-icon { + border-radius: 9999px; + width: 31px; + margin: 2px 0; +} + +#panel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button .arc-menu-icon:hover, +#panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button .arc-menu-icon:hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +#panel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button .arc-menu-icon:active, #panel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button .arc-menu-icon:overview, #panel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button .arc-menu-icon:focus, #panel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button .arc-menu-icon:checked, +#panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button .arc-menu-icon:active, +#panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button .arc-menu-icon:overview, +#panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button .arc-menu-icon:focus, +#panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button .arc-menu-icon:checked { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; +} + +#panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenuMenuButton.panel-button .arcmenu-menu-button { + border-radius: 9999px; + margin: 2px 0; + padding: 0 7px; +} + +#panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenuMenuButton.panel-button .arcmenu-menu-button:hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +#panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenuMenuButton.panel-button .arcmenu-menu-button:active, #panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenuMenuButton.panel-button .arcmenu-menu-button:overview, #panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenuMenuButton.panel-button .arcmenu-menu-button:focus, #panel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenuMenuButton.panel-button .arcmenu-menu-button:checked { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; +} + +#panel Gjs_status_keyboard_InputSourceIndicator.panel-button, +#panel Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_IndicatorStatusIcon.panel-button, +#panel Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_AppIndicatorsIndicatorStatusIcon.panel-button { + -natural-hpadding: 13px !important; + -minimum-hpadding: 13px !important; +} + +#panel .screencast-indicator, +#panel .remote-access-indicator { + color: #FBC02D; +} + +#appMenu { + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +#appMenu .panel-status-menu-box { + padding: 0 4px; + spacing: 4px; +} + +/* Activities Ripple */ +.ripple-box { + background-color: rgba(77, 182, 172, 0.35); + width: 52px; + height: 52px; + border-radius: 0 0 52px 0; +} + +.ripple-box:rtl { + border-radius: 0 0 0 52px; +} + +/* OVERVIEW */ +.controls-manager, .secondary-monitor-workspaces { + spacing: 8px; +} + +#overviewGroup { + background-color: #242424; +} + +.overview-controls { + padding-bottom: 32px; +} + +/* Window Picker */ +.window-picker { + spacing: 4px; +} + +.window-caption { + color: white; + background-color: rgba(25, 25, 25, 0.9); + border-radius: 9999px; + padding: 4px 8px; + box-shadow: none; + border: none; +} + +.window-close, .screenshot-ui-close-button { + background-color: #242424; + color: white; + border-radius: 9999px; + padding: 3px; + height: 30px; + width: 30px; + box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); + transition-duration: 300ms; +} + +.window-close StIcon, .screenshot-ui-close-button StIcon { + icon-size: 24px; +} + +.window-close:hover, .screenshot-ui-close-button:hover { + background-color: #4a4a4a; +} + +.window-close:active, .screenshot-ui-close-button:active { + color: rgba(255, 255, 255, 0.8); + background-color: #171717; +} + +.workspace-background { + border-radius: 30px; + background-color: #242424; + box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.15); +} + +.search-entry { + min-height: 24px; + padding: 4px 4px; + width: 320px; + border-radius: 9999px; + selection-background-color: #4DB6AC; + selected-color: white !important; + caret-color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.12); + margin: 2px 6px 6px; + border: 2px solid transparent !important; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 5px 8px rgba(0, 0, 0, 0.05) !important; +} + +.search-entry:hover { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.12) !important; +} + +.search-entry:focus { + color: white; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.08) !important; + border: 2px solid #4DB6AC !important; +} + +.search-entry:insensitive { + color: rgba(255, 255, 255, 0.7); +} + +.search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 4px; + color: rgba(255, 255, 255, 0.7); +} + +.search-entry StLabel.hint-text { + margin-left: 2px; + color: rgba(255, 255, 255, 0.5); +} + +#overview .search-entry { + margin-top: 8px; + margin-bottom: 4px; + border: none !important; + caret-color: rgba(0, 0, 0, 0.75); + color: rgba(0, 0, 0, 0.75); + background-color: rgba(255, 255, 255, 0.75); + border-color: transparent !important; + box-shadow: none !important; +} + +#overview .search-entry:hover { + color: rgba(0, 0, 0, 0.75); + background-color: rgba(255, 255, 255, 0.85); + box-shadow: none !important; +} + +#overview .search-entry:focus { + color: rgba(0, 0, 0, 0.85); + border-color: transparent; + background-color: rgba(255, 255, 255, 0.95); + border: none !important; + box-shadow: none !important; + selection-background-color: #4DB6AC; + selected-color: white !important; +} + +#overview .search-entry .search-entry-icon { + color: rgba(0, 0, 0, 0.65); +} + +#overview .search-entry:hover .search-entry-icon, #overview .search-entry:focus .search-entry-icon { + color: rgba(0, 0, 0, 0.75); +} + +#overview .search-entry StLabel.hint-text { + color: rgba(0, 0, 0, 0.35); +} + +/* Search */ +#searchResults { + margin: 0 2px; +} + +#searchResultsContent { + max-width: 1044px; +} + +.search-section { + spacing: 6px; +} + +.search-section .search-section-separator { + height: 4px; + background-color: transparent; +} + +.search-section-content { + background-color: rgba(255, 255, 255, 0.12); + border-radius: 18px; + border: none; + box-shadow: none; + text-shadow: none; + color: white; + padding: 8px; + margin: 0 6px; +} + +.list-search-result, .search-provider-icon { + border-radius: 10px; + background-color: transparent; + color: rgba(255, 255, 255, 0.7); +} + +.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected { + color: white; + background-color: rgba(255, 255, 255, 0.12); + transition-duration: 200ms; + border-radius: 10px; +} + +.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked { + color: white; + background-color: rgba(255, 255, 255, 0.3); + border-radius: 10px; +} + +.search-statustext { + color: rgba(255, 255, 255, 0.7); +} + +.grid-search-results { + spacing: 20px; + margin: 0 6px; +} + +.search-provider-icon:ltr { + margin-right: 2px; +} + +.search-provider-icon:rtl { + margin-left: 2px; +} + +.search-provider-icon .list-search-provider-content { + spacing: 8px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.7); +} + +.list-search-results { + spacing: 4px; +} + +.list-search-result .list-search-result-content { + spacing: 4px; +} + +.list-search-result .list-search-result-title { + spacing: 8px; +} + +.list-search-result .list-search-result-description { + color: rgba(255, 255, 255, 0.5); +} + +/* Dash */ +#dash { + padding-left: 4px; + padding-right: 4px; +} + +#dash .dash-background { + background-color: rgba(255, 255, 255, 0.2); + border-radius: 9999px; + padding-top: 12px; + padding-bottom: 12px; + padding-left: 10px; + padding-right: 10px; +} + +#dash .dash-item-container .placeholder { + background-image: none; + background-size: contain; + height: 32px; +} + +#dash .dash-item-container .empty-dash-drop-target { + width: 32px; + height: 32px; +} + +#dash .dash-item-container .show-apps, +#dash .dash-item-container .overview-tile, +#dash .dash-item-container .grid-search-result { + background: none; + box-shadow: none; + border: none; + border-radius: 0; + padding: 0; + margin: 0 2px; + padding-bottom: 12px; +} + +#dash .dash-item-container .show-apps .overview-icon, +#dash .dash-item-container .overview-tile .overview-icon, +#dash .dash-item-container .grid-search-result .overview-icon { + border-radius: 9999px; + padding: 4px; + spacing: 4px; + text-align: center; + transition-duration: 100ms; + background-color: transparent; + color: white; +} + +#dash .dash-item-container .show-apps:focus .overview-icon, +#dash .dash-item-container .overview-tile:focus .overview-icon, +#dash .dash-item-container .grid-search-result:focus .overview-icon { + background-color: rgba(255, 255, 255, 0.12); +} + +#dash .dash-item-container .show-apps:hover .overview-icon, +#dash .dash-item-container .overview-tile:hover .overview-icon, +#dash .dash-item-container .grid-search-result:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.12); +} + +#dash .dash-item-container .show-apps:active .overview-icon, +#dash .dash-item-container .overview-tile:active .overview-icon, +#dash .dash-item-container .grid-search-result:active .overview-icon { + background-color: rgba(255, 255, 255, 0.3); +} + +#dash .dash-item-container .show-apps:checked .overview-icon, +#dash .dash-item-container .overview-tile:checked .overview-icon, +#dash .dash-item-container .grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.12); +} + +#dash .dash-item-container .app-grid-running-dot { + offset-y: -12px; +} + +#dash .dash-separator { + width: 1px; + margin-left: 2px; + margin-right: 2px; + background-color: rgba(255, 255, 255, 0.15); +} + +#dash .dash-separator, +#dash .dash-background { + margin-bottom: 12px; +} + +.dash-label { + border-radius: 9999px; + padding: 4px 8px; + margin: 6px; + color: white; + background-color: rgba(0, 0, 0, 0.75); + border: none; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.32); + text-align: center; + -y-offset: 0; + -x-offset: 0; +} + +/* App Grid */ +.icon-grid { + row-spacing: 12px; + column-spacing: 12px; + max-row-spacing: 36px; + max-column-spacing: 36px; + page-padding-top: 24px; + page-padding-bottom: 24px; + page-padding-left: 18px; + page-padding-right: 18px; +} + +/* App Icons */ +.overview-tile, .grid-search-result { + border-radius: 30px; + padding: 12px; + spacing: 6px; + transition-duration: 150ms; + text-align: center; + background-color: transparent; + color: white; + border: 1px solid transparent; + box-shadow: inset 0 1px transparent; +} + +.overview-tile:hover, .grid-search-result:hover, .overview-tile:focus, .grid-search-result:focus, .overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected { + background-color: rgba(255, 255, 255, 0.12); + color: white; + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.overview-tile:active, .grid-search-result:active, .overview-tile:checked, .grid-search-result:checked { + background-color: rgba(255, 255, 255, 0.3); + transition-duration: 150ms; + color: white; +} + +.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.notification-badge { + min-width: 16px; + min-height: 16px; + color: white; + background-color: #4DB6AC; + border-radius: 9999px; + padding: 0.2em 0.4em; + text-align: center; +} + +.app-folder { + background-color: rgba(255, 255, 255, 0.04); + border-radius: 30px; +} + +.app-folder:focus, .app-folder:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +.app-folder:active, .app-folder:highlighted, .app-folder:selected, .app-folder:checked { + background-color: rgba(255, 255, 255, 0.3); +} + +.app-folder:insensitive { + background-color: transparent; +} + +.app-grid-running-dot { + width: 6px; + height: 3px; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.3); + margin-bottom: 1px; +} + +StWidget.focused .app-grid-running-dot { + width: 18px; + background-color: #4DB6AC; +} + +.app-folder-dialog-container { + padding-top: 34px; +} + +.app-folder-dialog { + border-radius: 60px; + border: none; + background-color: rgba(36, 36, 36, 0.95); + color: white; + spacing: 6px; + box-shadow: none; + outline: none; +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: 800; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + min-height: 28px; + padding: 4px; + border: none; + color: white; + background-color: rgba(255, 255, 255, 0.15); + caret-color: white; + selection-background-color: rgba(255, 255, 255, 0.12) !important; + selected-color: white !important; + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.95); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.7); +} + +.app-folder-dialog .folder-name-container .icon-button, .app-folder-dialog .folder-name-container .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .folder-name-container .message-collapse-button, .app-folder-dialog .folder-name-container .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .folder-name-container .message-expand-button, +.app-folder-dialog .folder-name-container .message .message-header .message-close-button, +.message .message-header .app-folder-dialog .folder-name-container .message-close-button { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.7); + border: none; + height: 32px; + width: 32px; + padding: 4px; + border-radius: 9999px; +} + +.app-folder-dialog .folder-name-container .icon-button > StIcon, .app-folder-dialog .folder-name-container .message-notification-group .message-collapse-button > StIcon, .message-notification-group .app-folder-dialog .folder-name-container .message-collapse-button > StIcon, .app-folder-dialog .folder-name-container .message .message-header .message-expand-button > StIcon, .message .message-header .app-folder-dialog .folder-name-container .message-expand-button > StIcon, +.app-folder-dialog .folder-name-container .message .message-header .message-close-button > StIcon, +.message .message-header .app-folder-dialog .folder-name-container .message-close-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .icon-button:hover, .app-folder-dialog .folder-name-container .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .folder-name-container .message-collapse-button:hover, .app-folder-dialog .folder-name-container .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .folder-name-container .message-expand-button:hover, +.app-folder-dialog .folder-name-container .message .message-header .message-close-button:hover, +.message .message-header .app-folder-dialog .folder-name-container .message-close-button:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +.app-folder-dialog .folder-name-container .icon-button:checked, .app-folder-dialog .folder-name-container .message-notification-group .message-collapse-button:checked, .message-notification-group .app-folder-dialog .folder-name-container .message-collapse-button:checked, .app-folder-dialog .folder-name-container .message .message-header .message-expand-button:checked, .message .message-header .app-folder-dialog .folder-name-container .message-expand-button:checked, +.app-folder-dialog .folder-name-container .message .message-header .message-close-button:checked, +.message .message-header .app-folder-dialog .folder-name-container .message-close-button:checked, .app-folder-dialog .folder-name-container .icon-button:active, .app-folder-dialog .folder-name-container .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .folder-name-container .message-collapse-button:active, .app-folder-dialog .folder-name-container .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .folder-name-container .message-expand-button:active, +.app-folder-dialog .folder-name-container .message .message-header .message-close-button:active, +.message .message-header .app-folder-dialog .folder-name-container .message-close-button:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.app-folder-dialog .icon-grid { + row-spacing: 12px; + column-spacing: 30px; + page-padding-top: 0; + page-padding-bottom: 0; + page-padding-left: 0; + page-padding-right: 0; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.app-menu, +.app-well-menu { + max-width: 27.25em; +} + +.page-indicator { + padding: 4px 8px 0; +} + +.page-indicator .page-indicator-icon { + width: 10px; + height: 10px; + border-radius: 10px; + background-color: white; + transition-duration: 400ms; +} + +.apps-scroll-view { + padding: 0; +} + +.system-action-icon { + background-color: rgba(0, 0, 0, 0.8); + color: white; + border-radius: 9999px; +} + +.page-navigation-hint.dnd { + background: rgba(255, 255, 255, 0.1); +} + +.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { + background-gradient-start: rgba(255, 255, 255, 0.05); + background-gradient-end: transparent; + background-gradient-direction: horizontal; + border-radius: 15px 0px 0px 15px; +} + +.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { + background-gradient-start: transparent; + background-gradient-end: rgba(255, 255, 255, 0.05); + background-gradient-direction: horizontal; + border-radius: 0px 15px 15px 0px; +} + +.page-navigation-arrow { + margin: 6px; + padding: 18px; + width: 24px; + height: 24px; + border-radius: 9999px; + color: white; + background-color: transparent; +} + +.page-navigation-arrow:insensitive { + background-color: rgba(255, 255, 255, 0.06); + color: rgba(255, 255, 255, 0.5); +} + +.page-navigation-arrow:hover { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.page-navigation-arrow:active { + background-color: rgba(255, 255, 255, 0.24); + color: white; +} + +/* Workspace pager */ +.workspace-thumbnails .workspace-thumbnail { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border: none; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 4px; + padding: 4px; +} + +.workspace-thumbnails .workspace-thumbnail { + border-radius: 3px; +} + +.workspace-thumbnails .placeholder { + background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg"); + background-size: contain; + width: 18px; +} + +.workspace-thumbnail-indicator { + border: 3px solid #4DB6AC; + border-radius: 3px; + padding: 0px; +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(186, 226, 223, 0.3); + box-shadow: 0 0 2px 2px #95d4ce; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #4DB6AC; + -pie-background-color: rgba(222, 241, 239, 0.3); +} + +.magnifier-zoom-region { + border: 2px solid #4DB6AC; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.select-area-rubberband { + background-color: rgba(77, 182, 172, 0.3); + border: 1px solid #4DB6AC; +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.7); + border-radius: 9999px; + icon-size: 64px; +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0.05); + border-radius: 99px; + padding: 8px; + width: 40px; + height: 40px; +} + +.user-icon.user-avatar { + border: 2px rgba(255, 255, 255, 0.7); +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #FBC02D; +} + +/* Workspace animation */ +.workspace-animation { + background-color: #242424; +} + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(77, 182, 172, 0.3); + border: 1px solid #4DB6AC; +} + +.tile-preview-left.on-primary { + border-radius: 11px 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 11px 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 11px 11px 0 0; +} + +/* On-screen Keyboard */ +#keyboard { + background-color: rgba(0, 0, 0, 0.85); + border: none; + border-top-width: 0; + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 4px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container { + padding: 2px; + spacing: 2px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 10px; + border: none; + color: inherit; + background-color: #212121; + box-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: white; + background-color: #3b3b3b; +} + +.keyboard-key:checked, .keyboard-key:active { + color: white; + background-color: #545454; +} + +.keyboard-key:grayed { + background-color: #242424; + color: white; + border-color: #242424; +} + +.keyboard-key.default-key { + background-color: #0F0F0F; + box-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: rgba(255, 255, 255, 0.7); + background-color: #212121; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: rgba(255, 255, 255, 0.7); + background-color: #121212; +} + +.keyboard-key.enter-key { + background-color: #4DB6AC; + color: white; +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #5fbdb4; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #3c948b; +} + +.keyboard-key.shift-key-uppercase { + color: #4DB6AC; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 10px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.32); +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #5fbdb4; + background-color: #4DB6AC; +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +/* Looking Glass */ +#LookingGlassDialog { + color: rgba(255, 255, 255, 0.7); + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 16px; + box-shadow: 0 10px 15px rgba(0, 0, 0, 0.45); +} + +#LookingGlassDialog > #Toolbar { + padding: 4px 6px; + border: none; + border-radius: 16px 16px 0 0; + background-color: #3e3e3e; + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.7); +} + +#LookingGlassDialog .labels { + spacing: 0; + color: rgba(255, 255, 255, 0.7); +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 4px; + -minimum-hpadding: 4px; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); + transition-duration: 150ms; + padding-left: 12px; + padding-right: 12px; + min-height: 22px; + border-radius: 10px; + background-color: transparent; +} + +#LookingGlassDialog .notebook-tab:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); + text-shadow: none; + box-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; + color: white; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #4DB6AC; + selected-color: white; + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.lg-dialog .shell-link { + color: #4DB6AC; +} + +.lg-dialog .shell-link:hover { + color: #4DB6AC; +} + +.lg-dialog .actor-link { + color: rgba(255, 255, 255, 0.5); +} + +.lg-dialog .actor-link:hover { + color: rgba(255, 255, 255, 0.5); +} + +.lg-dialog .actor-link:active { + color: rgba(204, 204, 204, 0.5); +} + +.lg-dialog .actor-link StIcon { + icon-size: 12px; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; + color: rgba(255, 255, 255, 0.7); +} + +.lg-obj-inspector-title { + spacing: 4px; + color: rgba(255, 255, 255, 0.7); +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 4px; + border: none; + border-radius: 10px; + font-size: 9.75pt; + font-weight: 500; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: white; + text-shadow: none; + icon-shadow: none; + box-shadow: none !important; + outline: none !important; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; + color: rgba(255, 255, 255, 0.7); +} + +.lg-extensions-list { + padding: 4px; + spacing: 4px; + color: rgba(255, 255, 255, 0.7); +} + +.lg-extension { + border: none; + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + padding: 4px; + box-shadow: none; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; + color: white; +} + +.lg-extension-meta { + spacing: 4px; +} + +#LookingGlassPropertyInspector { + color: white; + background: #333333; + border: none; + border-radius: 10px; + padding: 4px; + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.32); +} + +#LookingGlassPropertyInspector .window-close, #LookingGlassPropertyInspector .screenshot-ui-close-button { + margin: 4px; +} + +.lg-debug-flag-button { + color: white; +} + +.lg-debug-flag-button StLabel { + padding: 4px, 8px; +} + +.lg-debug-flag-button:hover { + color: white; +} + +.lg-debug-flag-button:active { + color: #cccccc; +} + +.lg-debug-flags-header { + padding-top: 8px; + padding: 4px; +} + +.icon-label-button-container { + spacing: 4px; + font-size: 9pt; + font-weight: 400; +} + +.icon-label-button-container StIcon { + icon-size: 32px; +} + +.screenshot-ui-panel { + color: white; + background-color: #212121; + border: none; + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.32); + border-radius: 31px; + padding: 12px; + padding-bottom: 6px; + margin-bottom: 4em; + spacing: 8px; +} + +.screenshot-ui-close-button { + padding: 4px !important; +} + +.screenshot-ui-close-button.left { + margin-left: 6px; +} + +.screenshot-ui-close-button.right { + margin-right: 6px; +} + +.screenshot-ui-type-button { + min-width: 48px; + padding: 8px 12px !important; + border-radius: 19px; +} + +.screenshot-ui-capture-button { + width: 36px; + height: 36px; + border-radius: 9999px; + border: 4px white; + padding: 2px; +} + +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { + background-color: white; + transition-duration: 200ms; + border-radius: 9999px; +} + +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { + background-color: rgba(255, 255, 255, 0.08); +} + +.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { + background-color: #d9d9d9; +} + +.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { + background-color: gray; +} + +.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { + background-color: #F44336; +} + +.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { + background-color: #f55a4e; +} + +.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { + background-color: #f22314; +} + +.screenshot-ui-shot-cast-container { + background-color: rgba(255, 255, 255, 0.08); + border-radius: 10px; + padding: 3px; + spacing: 3px; +} + +.screenshot-ui-shot-cast-container:ltr { + margin-left: 9px; +} + +.screenshot-ui-shot-cast-container:rtl { + margin-right: 9px; +} + +.screenshot-ui-shot-cast-button { + padding: 4px 8px; + background-color: transparent; + border-radius: 7px; +} + +.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.screenshot-ui-shot-cast-button:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.screenshot-ui-shot-cast-button:checked { + background-color: white; + color: black; +} + +.screenshot-ui-shot-cast-button StIcon { + icon-size: 16px; +} + +.screenshot-ui-show-pointer-button { + border-radius: 9999px; + padding: 8px !important; +} + +.screenshot-ui-show-pointer-button StIcon { + icon-size: 16px; +} + +.screenshot-ui-area-indicator-shade { + background-color: rgba(0, 0, 0, 0.3); +} + +.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { + border: 2px white; +} + +.screenshot-ui-area-selector-handle { + border-radius: 9999px; + background-color: white; + box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); + width: 24px; + height: 24px; +} + +.screenshot-ui-window-selector { + background-color: #242424; +} + +.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { + margin: 100px; +} + +.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { + margin-bottom: 200px; +} + +.screenshot-ui-window-selector-window-border { + transition-duration: 200ms; + border-radius: 10px; + border: 6px transparent; +} + +.screenshot-ui-window-selector-check { + transition-duration: 200ms; + color: transparent; + border-radius: 9999px; + border-width: 12px; + icon-size: 24px; +} + +.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { + border-color: #35817a; +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { + border-color: #4DB6AC; + background-color: rgba(77, 182, 172, 0.2); +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { + color: white; + background-color: #4DB6AC; +} + +.screenshot-ui-screen-selector { + transition-duration: 200ms; + background-color: rgba(0, 0, 0, 0.5); +} + +.screenshot-ui-screen-selector:hover { + background-color: rgba(0, 0, 0, 0.3); +} + +.screenshot-ui-screen-selector:active { + background-color: rgba(0, 0, 0, 0.7); +} + +.screenshot-ui-screen-selector:checked { + background-color: transparent; + border: 2px white; +} + +.screenshot-ui-tooltip { + color: white; + background-color: #242424; + border-radius: 9999px; + padding: 4px 8px; + text-align: center; + -y-offset: 24px; +} + +/* Login Dialog */ +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #4DB6AC; + selected-color: white !important; + caret-color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.12); + margin: 2px 6px 6px; + border: 2px solid transparent !important; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 5px 8px rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + color: white; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.08) !important; + border: 2px solid #4DB6AC !important; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + color: rgba(255, 255, 255, 0.7); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 4px 18px; + box-shadow: none; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: rgba(255, 255, 255, 0.7); + background-color: #4DB6AC; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: rgba(255, 255, 255, 0.24); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 99px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.7); +} + +.login-dialog .cancel-button:hover, .login-dialog .cancel-button:focus, +.login-dialog .switch-user-button:hover, +.login-dialog .switch-user-button:focus, +.login-dialog .login-dialog-session-list-button:hover, +.login-dialog .login-dialog-session-list-button:focus, +.unlock-dialog .cancel-button:hover, +.unlock-dialog .cancel-button:focus, +.unlock-dialog .switch-user-button:hover, +.unlock-dialog .switch-user-button:focus, +.unlock-dialog .login-dialog-session-list-button:hover, +.unlock-dialog .login-dialog-session-list-button:focus { + color: white; +} + +.login-dialog .cancel-button:active, +.login-dialog .switch-user-button:active, +.login-dialog .login-dialog-session-list-button:active, +.unlock-dialog .cancel-button:active, +.unlock-dialog .switch-user-button:active, +.unlock-dialog .login-dialog-session-list-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .caps-lock-warning-label, +.login-dialog .login-dialog-message-warning, +.unlock-dialog .caps-lock-warning-label, +.unlock-dialog .login-dialog-message-warning { + color: white; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.7); +} + +.login-dialog-button-box { + width: 23em; + spacing: 5px; +} + +.login-dialog-message { + text-align: center; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.7); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: white; +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid white; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.7); +} + +.login-dialog-user-list-item:ltr { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl { + padding-left: 1em; +} + +.login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: white; +} + +.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: white; +} + +.user-widget-label { + color: white; +} + +.user-widget.horizontal .user-widget-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; + text-align: left; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; + text-align: right; +} + +.user-widget.vertical .user-widget-label { + font-size: 15pt; + font-weight: 500; + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +/* Screen Shield */ +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(25, 25, 25, 0.9); + color: white; + border-radius: 10px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(36, 36, 36, 0.9); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: rgba(25, 25, 25, 0.9); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 99px; + margin-right: 12px; +} + +.screen-shield-background { + background: black; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6); +} + +#lockDialogGroup { + background-color: #242424; +} + +#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { + background-color: rgba(25, 25, 25, 0.2); +} + +#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { + background-color: rgba(25, 25, 25, 0.4); +} + +#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { + background-color: rgba(77, 182, 172, 0.5); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background: transparent; +} + +#dashtodockContainer .number-overlay { + min-width: 1.2em; + min-height: 1.2em; + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; + padding: 0.25em 0.4em; +} + +#dashtodockContainer .notification-badge { + min-width: 16px; + min-height: 16px; + color: white; + background-color: #4DB6AC; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 9999px; + margin: 2px 3px 5px; + padding: 0.2em 0.4em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.top #dash .dash-background { + border-radius: 9999px !important; +} + +#dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended #dash { + margin: 0 !important; + margin-top: 0 !important; + padding: 0 !important; +} + +#dashtodockContainer.top.straight-corner #dash .dash-background, #dashtodockContainer.top.shrink.straight-corner #dash .dash-background, #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.shrink.extended #dash .dash-background { + margin: 0 !important; + margin-bottom: 0 !important; + border-radius: 0 !important; +} + +#dashtodockContainer.top.straight-corner #dash .show-apps, +#dashtodockContainer.top.straight-corner #dash .overview-tile, +#dashtodockContainer.top.straight-corner #dash .grid-search-result, #dashtodockContainer.top.shrink.straight-corner #dash .show-apps, +#dashtodockContainer.top.shrink.straight-corner #dash .overview-tile, #dashtodockContainer.top.extended #dash .show-apps, +#dashtodockContainer.top.extended #dash .overview-tile, +#dashtodockContainer.top.extended #dash .grid-search-result, #dashtodockContainer.top.shrink.extended #dash .show-apps, +#dashtodockContainer.top.shrink.extended #dash .overview-tile { + margin: 0 !important; +} + +#dashtodockContainer.bottom #dash .dash-background { + border-radius: 9999px !important; +} + +#dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended #dash { + margin: 0 !important; + margin-top: 0 !important; + padding: 0 !important; +} + +#dashtodockContainer.bottom.straight-corner #dash .dash-background, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background, #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.shrink.extended #dash .dash-background { + margin: 0 !important; + margin-bottom: 0 !important; + border-radius: 0 !important; +} + +#dashtodockContainer.bottom.straight-corner #dash .show-apps, +#dashtodockContainer.bottom.straight-corner #dash .overview-tile, +#dashtodockContainer.bottom.straight-corner #dash .grid-search-result, #dashtodockContainer.bottom.shrink.straight-corner #dash .show-apps, +#dashtodockContainer.bottom.shrink.straight-corner #dash .overview-tile, #dashtodockContainer.bottom.extended #dash .show-apps, +#dashtodockContainer.bottom.extended #dash .overview-tile, +#dashtodockContainer.bottom.extended #dash .grid-search-result, #dashtodockContainer.bottom.shrink.extended #dash .show-apps, +#dashtodockContainer.bottom.shrink.extended #dash .overview-tile { + margin: 0 !important; +} + +#dashtodockContainer.left #dash .dash-background { + border-radius: 9999px !important; +} + +#dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended #dash { + margin: 0 !important; + margin-top: 0 !important; + padding: 0 !important; +} + +#dashtodockContainer.left.straight-corner #dash .dash-background, #dashtodockContainer.left.shrink.straight-corner #dash .dash-background, #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.shrink.extended #dash .dash-background { + margin: 0 !important; + margin-bottom: 0 !important; + border-radius: 0 !important; +} + +#dashtodockContainer.left.straight-corner #dash .show-apps, +#dashtodockContainer.left.straight-corner #dash .overview-tile, +#dashtodockContainer.left.straight-corner #dash .grid-search-result, #dashtodockContainer.left.shrink.straight-corner #dash .show-apps, +#dashtodockContainer.left.shrink.straight-corner #dash .overview-tile, #dashtodockContainer.left.extended #dash .show-apps, +#dashtodockContainer.left.extended #dash .overview-tile, +#dashtodockContainer.left.extended #dash .grid-search-result, #dashtodockContainer.left.shrink.extended #dash .show-apps, +#dashtodockContainer.left.shrink.extended #dash .overview-tile { + margin: 0 !important; +} + +#dashtodockContainer.right #dash .dash-background { + border-radius: 9999px !important; +} + +#dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended #dash { + margin: 0 !important; + margin-top: 0 !important; + padding: 0 !important; +} + +#dashtodockContainer.right.straight-corner #dash .dash-background, #dashtodockContainer.right.shrink.straight-corner #dash .dash-background, #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.shrink.extended #dash .dash-background { + margin: 0 !important; + margin-bottom: 0 !important; + border-radius: 0 !important; +} + +#dashtodockContainer.right.straight-corner #dash .show-apps, +#dashtodockContainer.right.straight-corner #dash .overview-tile, +#dashtodockContainer.right.straight-corner #dash .grid-search-result, #dashtodockContainer.right.shrink.straight-corner #dash .show-apps, +#dashtodockContainer.right.shrink.straight-corner #dash .overview-tile, #dashtodockContainer.right.extended #dash .show-apps, +#dashtodockContainer.right.extended #dash .overview-tile, +#dashtodockContainer.right.extended #dash .grid-search-result, #dashtodockContainer.right.shrink.extended #dash .show-apps, +#dashtodockContainer.right.shrink.extended #dash .overview-tile { + margin: 0 !important; +} + +#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background { + border-radius: 0 !important; +} + +#dashtodockContainer.shrink .dash-background { + padding: 2px !important; +} + +#dashtodockContainer.shrink .show-apps, +#dashtodockContainer.shrink .overview-tile, +#dashtodockContainer.shrink .grid-search-result { + margin: 0 !important; +} + +#dashtodockContainer.shrink.extended .dash-background { + border-radius: 0; +} + +#dashtodockContainer #dash, #dashtodockContainer:overview #dash { + background: transparent; +} + +#dashtodockContainer.left #dash, #dashtodockContainer.right #dash { + margin-top: 0 !important; + padding: 12px !important; +} + +#dashtodockContainer.left #dash #dashtodockDashContainer, #dashtodockContainer.right #dash #dashtodockDashContainer { + padding: 10px 0 !important; +} + +#dashtodockContainer.left .show-apps, +#dashtodockContainer.left .overview-tile, +#dashtodockContainer.left .grid-search-result, #dashtodockContainer.right .show-apps, +#dashtodockContainer.right .overview-tile, +#dashtodockContainer.right .grid-search-result { + padding: 2px 4px !important; +} + +#dashtodockContainer.left .dash-background, #dashtodockContainer.right .dash-background { + margin-bottom: 0 !important; +} + +#dashtodockContainer.left.shrink #dash #dashtodockDashContainer, #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { + padding: 2px 0 !important; +} + +#dashtodockContainer.left.shrink .dash-background, #dashtodockContainer.right.shrink .dash-background { + padding: 2px !important; +} + +#dashtodockContainer.left.shrink .show-apps, +#dashtodockContainer.left.shrink .overview-tile, +#dashtodockContainer.left.shrink .grid-search-result, #dashtodockContainer.right.shrink .show-apps, +#dashtodockContainer.right.shrink .overview-tile, +#dashtodockContainer.right.shrink .grid-search-result { + margin: 0 !important; + padding: 0 !important; +} + +#dashtodockContainer.left.extended #dash #dashtodockDashContainer, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer, #dashtodockContainer.right.extended #dash #dashtodockDashContainer, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer { + padding: 0 !important; +} + +#dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { + padding-top: 0 !important; +} + +#dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { + padding-bottom: 0 !important; +} + +#dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer > :first-child .show-apps { + padding-bottom: 4px !important; +} + +#dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer > :last-child .show-apps { + padding-bottom: 20px !important; +} + +#dashtodockContainer.left.extended.shrink .dash-background, #dashtodockContainer.left.straight-corner.shrink .dash-background, #dashtodockContainer.right.extended.shrink .dash-background, #dashtodockContainer.right.straight-corner.shrink .dash-background { + padding: 0 !important; +} + +#dashtodockContainer.left.extended.shrink .show-apps, +#dashtodockContainer.left.extended.shrink .overview-tile, +#dashtodockContainer.left.extended.shrink .grid-search-result, #dashtodockContainer.left.straight-corner.shrink .show-apps, +#dashtodockContainer.left.straight-corner.shrink .overview-tile, +#dashtodockContainer.left.straight-corner.shrink .grid-search-result, #dashtodockContainer.right.extended.shrink .show-apps, +#dashtodockContainer.right.extended.shrink .overview-tile, +#dashtodockContainer.right.extended.shrink .grid-search-result, #dashtodockContainer.right.straight-corner.shrink .show-apps, +#dashtodockContainer.right.straight-corner.shrink .overview-tile, +#dashtodockContainer.right.straight-corner.shrink .grid-search-result { + margin: 0 !important; + padding: 0 !important; +} + +#dashtodockContainer.left.extended .overview-tile, #dashtodockContainer.left.extended .grid-search-result, #dashtodockContainer.left.straight-corner .overview-tile, #dashtodockContainer.left.straight-corner .grid-search-result, #dashtodockContainer.right.extended .overview-tile, #dashtodockContainer.right.extended .grid-search-result, #dashtodockContainer.right.straight-corner .overview-tile, #dashtodockContainer.right.straight-corner .grid-search-result { + padding: 2px 12px !important; +} + +#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps { + padding: 2px 12px 24px !important; +} + +#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background { + padding: 12px 10px !important; +} + +#dashtodockContainer.top .show-apps, +#dashtodockContainer.top .overview-tile, +#dashtodockContainer.top .grid-search-result, #dashtodockContainer.bottom .show-apps, +#dashtodockContainer.bottom .overview-tile, +#dashtodockContainer.bottom .grid-search-result { + margin: 0 2px !important; + padding-bottom: 12px !important; +} + +#dashtodockContainer.top .show-apps .overview-icon, +#dashtodockContainer.top .overview-tile .overview-icon, +#dashtodockContainer.top .grid-search-result .overview-icon, #dashtodockContainer.bottom .show-apps .overview-icon, +#dashtodockContainer.bottom .overview-tile .overview-icon, +#dashtodockContainer.bottom .grid-search-result .overview-icon { + padding: 4px !important; + spacing: 4px !important; +} + +#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background { + padding: 2px 1px !important; +} + +#dashtodockContainer.top.shrink .show-apps, +#dashtodockContainer.top.shrink .overview-tile, +#dashtodockContainer.top.shrink .grid-search-result, #dashtodockContainer.bottom.shrink .show-apps, +#dashtodockContainer.bottom.shrink .overview-tile, +#dashtodockContainer.bottom.shrink .grid-search-result { + margin: 0 !important; + padding: 0 1px 12px !important; +} + +#dashtodockContainer.top.extended #dash #dashtodockDashContainer, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer { + padding: 0 !important; +} + +#dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { + padding-left: 0 !important; +} + +#dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { + padding-right: 0 !important; +} + +#dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer > :first-child .show-apps { + padding-left: 0 !important; +} + +#dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer > :last-child .show-apps { + padding-right: 16px !important; +} + +#dashtodockContainer.top.extended.shrink .dash-background, #dashtodockContainer.top.straight-corner.shrink .dash-background, #dashtodockContainer.bottom.extended.shrink .dash-background, #dashtodockContainer.bottom.straight-corner.shrink .dash-background { + padding: 0 !important; +} + +#dashtodockContainer.top.extended.shrink .show-apps, +#dashtodockContainer.top.extended.shrink .overview-tile, +#dashtodockContainer.top.extended.shrink .grid-search-result, #dashtodockContainer.top.straight-corner.shrink .show-apps, +#dashtodockContainer.top.straight-corner.shrink .overview-tile, +#dashtodockContainer.top.straight-corner.shrink .grid-search-result, #dashtodockContainer.bottom.extended.shrink .show-apps, +#dashtodockContainer.bottom.extended.shrink .overview-tile, +#dashtodockContainer.bottom.extended.shrink .grid-search-result, #dashtodockContainer.bottom.straight-corner.shrink .show-apps, +#dashtodockContainer.bottom.straight-corner.shrink .overview-tile, +#dashtodockContainer.bottom.straight-corner.shrink .grid-search-result { + margin: 0 !important; + padding: 0 !important; +} + +#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator { + margin: 0 8px !important; +} + +#dashtodockContainer.top.extended .show-apps, +#dashtodockContainer.top.extended .overview-tile, +#dashtodockContainer.top.extended .grid-search-result, #dashtodockContainer.top.straight-corner .show-apps, +#dashtodockContainer.top.straight-corner .overview-tile, +#dashtodockContainer.top.straight-corner .grid-search-result, #dashtodockContainer.bottom.extended .show-apps, +#dashtodockContainer.bottom.extended .overview-tile, +#dashtodockContainer.bottom.extended .grid-search-result, #dashtodockContainer.bottom.straight-corner .show-apps, +#dashtodockContainer.bottom.straight-corner .overview-tile, +#dashtodockContainer.bottom.straight-corner .grid-search-result { + padding: 12px 2px !important; +} + +#dashtodockContainer #dash .dash-background { + background-color: rgba(33, 33, 33, 0.65); +} + +#dashtodockContainer #dash .app-grid-running-dot { + margin-bottom: 3px !important; + margin-top: 0 !important; + offset-y: 0 !important; +} + +#dashtodockContainer #dash StWidget.focused .app-grid-running-dot { + background-color: #4DB6AC; +} + +#dashtodockContainer.opaque #dash .dash-background { + background-color: #212121; +} + +#dashtodockContainer.transparent #dash .dash-background { + background-color: rgba(33, 33, 33, 0.65); +} + +#dashtodockContainer:overview #dash { + background: none; +} + +#dashtodockContainer:overview #dash .dash-background { + background-color: rgba(255, 255, 255, 0.12); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-grid-running-dot { + background-color: #4DB6AC; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.opaque:overview .dash-background, #dashtodockContainer.transparent:overview .dash-background { + background-color: transparent !important; +} + +#dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background: none; +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer.extended .overview-tile .overview-icon, #dashtodockContainer.extended .grid-search-result .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .overview-tile .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 10px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +.dash-label.bottom { + margin-bottom: 16px !important; +} + +.dashtopanelMainPanel { + border-radius: 0 !important; + padding: 0 !important; + margin: 0 !important; +} + +.dashtopanelMainPanel .dash-background { + background-color: rgba(33, 33, 33, 0.65); + margin-bottom: 0 !important; + padding: 0 !important; + border-radius: 0 !important; +} + +.dashtopanelMainPanel .overview-tile, .dashtopanelMainPanel .grid-search-result { + padding: 0 !important; + margin: 0 !important; + border: none !important; +} + +.dashtopanelMainPanel .overview-tile .overview-icon, .dashtopanelMainPanel .grid-search-result .overview-icon { + padding: 0 !important; + margin: 0 !important; + border: none !important; +} + +.dashtopanelMainPanel .show-apps { + color: white !important; + border-radius: 0 !important; +} + +.dashtopanelMainPanel .show-apps:hover { + background: rgba(255, 255, 255, 0.12) !important; +} + +.dashtopanelMainPanel .show-apps:active { + background: rgba(255, 255, 255, 0.3) !important; +} + +.dashtopanelMainPanel .panel-button, .dashtopanelMainPanel .panel-button.clock-display .clock { + border-radius: 7px !important; + margin: 0 !important; +} + +.dashtopanelMainPanel .arcmenu-menu-button { + border-radius: 5px !important; + padding: 2px 4px !important; +} + +.popup-menu.panel-menu .popup-menu-content, .popup-menu.panel-menu.quick-settings .popup-menu-content { + margin-bottom: 2px !important; +} + +.dashtopanelSecondaryMenu { + border-radius: 12px !important; +} + +#preview-menu { + margin: 4px !important; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) !important; + border-radius: 12px !important; + padding: 0 !important; +} + +#dashtopanelPreviewScrollview { + padding: 12px 0 !important; + border-radius: 12px !important; + background: #0c0c0c !important; +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: white; + text-shadow: none; + icon-shadow: none; + box-shadow: none !important; + outline: none !important; +} + +.openweather-provider:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: white; +} + +.openweather-current-databox-values { + background: none; + color: rgba(255, 255, 255, 0.5); +} + +.openweather-current-databox-captions { + background: none; + color: rgba(255, 255, 255, 0.5); +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: rgba(255, 255, 255, 0.7); +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: rgba(255, 255, 255, 0.5); +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: rgba(255, 255, 255, 0.7); +} + +.popup-sub-menu .openweather-current-icon, .popup-sub-menu .openweather-current-summary, .popup-sub-menu .openweather-current-summarybox { + background: none; + color: rgba(0, 0, 0, 0.95); +} + +.popup-sub-menu .openweather-current-databox-values { + color: rgba(0, 0, 0, 0.75); +} + +.popup-sub-menu .openweather-current-databox-captions { + color: rgba(0, 0, 0, 0.75); +} + +.popup-sub-menu .openweather-forecast-icon, .popup-sub-menu .openweather-forecast-summary { + color: rgba(0, 0, 0, 0.85); +} + +.popup-sub-menu .openweather-forecast-day, .popup-sub-menu .openweather-forecast-temperature { + color: rgba(0, 0, 0, 0.75); +} + +.popup-sub-menu .openweather-sunrise-icon, .popup-sub-menu .openweather-sunset-icon, .popup-sub-menu .openweather-build-icon { + color: rgba(0, 0, 0, 0.85); +} + +.arcmenu-menu-button, +.arcmenu-button { + border-width: 0 !important; + border-radius: 9999px !important; +} + +.cosmic-solid-bg { + background-color: #242424; +} + +.cosmic-dock #dock { + background-color: transparent; +} + +.cosmic-dock #dock .dash-background { + background-color: rgba(33, 33, 33, 0.65); +} + +.cosmic-dock.extended #dash { + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + padding: 0 0; +} + +.cosmic-dock.extended #dash .dash-background { + border-radius: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; +} + +.overview-components-transparent .search-entry, +.overview-components-light .search-entry, +.overview-components-dark .search-entry { + caret-color: rgba(255, 255, 255, 0.75) !important; +} + +.overview-components-transparent .search-entry .search-entry-icon, +.overview-components-light .search-entry .search-entry-icon, +.overview-components-dark .search-entry .search-entry-icon { + color: rgba(255, 255, 255, 0.65); +} + +.overview-components-transparent .search-entry StLabel.hint-text, +.overview-components-light .search-entry StLabel.hint-text, +.overview-components-dark .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.35) !important; +} diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/no-events.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/no-events.svg new file mode 120000 index 0000000..d2fcad0 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/no-events.svg @@ -0,0 +1 @@ +assets/no-events.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/no-notifications.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/no-notifications.svg new file mode 120000 index 0000000..175731c --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/no-notifications.svg @@ -0,0 +1 @@ +assets/no-notifications.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/pad-osd.css b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/pad-osd.css new file mode 100644 index 0000000..31c2377 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/pad-osd.css @@ -0,0 +1,30 @@ +.Leader { + stroke-width: .5 !important; + stroke: #535353; + fill: none !important; +} + +.Button { + stroke-width: .25; + stroke: #ededed; + fill: #ededed; +} + +.Ring { + stroke-width: .5 !important; + stroke: #535353 !important; + fill: none !important; +} + +.Label { + stroke: none !important; + stroke-width: .1 !important; + font-size: .1 !important; + fill: transparent !important; +} + +.TouchStrip, .TouchRing { + stroke-width: .1 !important; + stroke: #ededed !important; + fill: #535353 !important; +} diff --git a/dotfiles/.themes/HyprFlux-Compact/gnome-shell/process-working.svg b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/process-working.svg new file mode 120000 index 0000000..a6586c3 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gnome-shell/process-working.svg @@ -0,0 +1 @@ +assets/process-working.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/apps.rc b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/apps.rc new file mode 100644 index 0000000..530e72f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/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/HyprFlux-Compact/gtk-2.0/assets/border.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/border.png new file mode 100644 index 0000000000000000000000000000000000000000..20d503bfc9d18f2df7f220ec5814a51337d50697 GIT binary patch literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^j3CUx0wlM}@Gt=>&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXpdxNh7sn6|+2kMk>2}_M0}5TX bolFcuHTQnKs9Nv`Xf}hVtDnm{r-UW|{fBH7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/button-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/button-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..72e96fa917edcea72a29496f9e8f2b95d6c49430 GIT binary patch literal 229 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!VDy@Iw}4HQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0vQ0X`wF?(XjYQNig&2l#-p zY$ZW{!3>PdtZeN4ZH0_L5hqU<#}JM4$q5NXyhj-ha`Eu=L>zH;c4m=?aN5Yk&KCMc z$dPB=4b>(|r^1H7&V@>i##x1GY;#Vsr#B@h7#*GE!uU1m=6#;e2_Sbfc)I$ztaD0e F0sx-iO^E;i literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/button-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..a60405b12137bd294ca979be9dc781e41c20b039 GIT binary patch literal 252 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!VDy@Iw}4HQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0x00X`wF?(XjYaezEaloaXvXgfbabQhNW#hJU)`L5e}=Fnj_f51WqJ0 z#x9zv$h6x<+nKejv#gCzCLts#L8ZV= R*Il5&44$rjF6*2UngF7CSCjw% literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/button.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/button.png new file mode 100644 index 0000000000000000000000000000000000000000..453c9f0d1b08bf5f9c942ba2e7c2ab1a9ed90a68 GIT binary patch literal 239 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!VDy@Iw}4HQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0wb0X`wF?(XjYF#wzMac`gk z_L3mKUjC>C>9OUBR>B-BCaOh%S_Ld5Ja9}}O ztWxJe-rX)n&JtyvA#Ely2_Z=dDg|y+B+EKe?sPJye>ynxL4j%@gM}r_q)ETjZv)L_ N@O1TaS?83{1OS=JQs)2w literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-checked-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..280c8c7d867bdebeec6e0f36002de5974f2e142c GIT binary patch literal 491 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LFr|NpZOmWSP`IwHU~NO*+Ik=f6f9iV0F=#J(~u7o z1d?kS@>T=MdLSF90K{EWp9|&!89+fWS(mrEJ|Bocih+XlKrOkeL4v=Z%SvEMR&a9JpCw?3zz*7E&F(}d5bmPmY}XXES2~ap#@8<|v3}3iDGK6M z`>bb8diltr*eK|p|FwMeqIt&o-lpinR(g8$%zH2dih1^v)|cB0To3B_=LFr|Nox>2><_Y0D}Jw zEyt!eoS4*dYHGugi4A9fXlBFd=}pHbH=Uf(aB6DPvFS}Gr-0bUrh>Sqfr_Uzo}AWj za!T{b>5a#yHlCW=d}1n4r19j`;O-L#fVRk$1o;IsFfuYRNz2H}$;s*H>KhnZT3T6I zdwKi#`1*!~Mmj&|2l-@~r;B5VM)2H;Cxx071YFz=9_?#!S-kN7e{`hl!8?MefHD@)mV)fAtGY%Mu1*ZHl*{FUvUt!Bs>*x9xAAT^;u)N+>wV=!? z{qwZs!lchfGvy-Y8aSwnneor?=21yI_OUngnu^@2dEahK_K?{u%)7@^rc3{Z`aaM7 zRjvDNG*Zs|EGX16GG3Byf7?#{-VgV=6Tc?yFAJOW?iqV$ggl4HihD6Y7c+Re`njxg HN@xNAE^M_s literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-checked-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..1afd9cd6661484d1207d97737b0539ff56c4547e GIT binary patch literal 491 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LFr|NpF6ys&KYg(VX&E}e97@uc&MCtd(Crd(V&>HMOJ7Zw4fCSP1S<>HdbmzGQd zv6oD|uo%Pup~aIfE|~&S3?!EV6#!KN6#x-X0Z0o-93%xsK=lyD()Z=tih%CXE(!7r zW?*7wWn&KukBE$pjf+p{?3^%h(v+!d)~;K>VbhJ9x9{A&cmKh|hmSsg{r1o3=#>vZ zZ5usZ978mM=T0~&)MOyw($2uOiHoC&yJN+{fB*jnA2Qo{Y5B_UyOtR#-jcG`nY}On z)PZY1AGT`FJ-xxAQPo&%VWC3ow~QZL7RuYL&*`VNeE-oj;q$2_5+A0n*z)f{pvK1^ z{^s}CrBqb}I-9;ST6VX%oU^byz3Si^nXN+46MH;6T9w0<4rGM!^~+1F-?Md!f_T+F z>sgatKC&n_3cBZiEnmH8o^k&7B}YGXN1dvE7rDjMeu9E--7A5)!9d3|c)I$ztaD0e F0stnT@x}lE literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-checked.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..89e79430ce375c32688ff724834de72e328c257b GIT binary patch literal 491 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LFr|Np+4z7{e zD)clpinR(g8$%zH2dih1^v)|cB0Tq=7_=LFr|Npo?rKbNAl;2M-@U`uz3Vzaw9_xd3(adAc};NJ!2-cw5TJL4x&y zZZL=IQsz#nx8LiJJo|2G^6XqxgzwVrt6r~)UX;)o#Wzb}^V!b&BL2m~x{_>y;!Iyc z4!3S^@_5;y_^w1mz*JVWWmzL9FYm(41gFQ$AD1j{*>S0`&Ev%l=O6ldTe$X4*!Etm zdCoLux42_BzrRQn+heh!e8Z2zz^uPJ-qf!7${fU}bwT09$2UNiF?hQAxvXlpinR(g8$%zH2dih1^v)|cB0TuZL_=LFr|Nox>2><_Y0D}Jw zEyt!eoS4*dYHGugi4A9fXlB#N84ahVHXWPZbaD!aeQYX_+jw$X!^tVlC#N?apW1k8 zYV!$@NaM+=8#s#mfhJ3p1o;IsFfuYRNz2H}$;s&(7+P9dS$X^T`1*!~M&`D}OaQ8C z@pN$vk&v8w&{M2gL4@UinNYz2i9(Lr|J`lx4>R6~Y&{-gZu$Q16)lxB$1<+&*u!@3 z23LC{XZHz%#T$dQjb}H#h{#Y-6LagB$;$pv^1+b<&J}DHhCdw7=vZ{#MDK{7jD|~Qak3$p^R%DSI)lJQ!XF;c%^+thD>gm(wsz~dl)=j{an^L HB{Ts5dDEBU literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-mixed-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..a53015057e4503b0ec5dfc786bd3f394b89ff3c7 GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LFr|NpHOk}7eI_D7Z*-Czi9HsrBg00nS5!3<*N&(dXr9iS5mVgvr1d&rf8o_!mKp0D37tLD)bbwk(kY6wZ6EhooSa?Ka zbZlIF!i0&Frc7PEX6?H58*bmZd++{(hYufp{`&3Tk+0iafI9j-T^vIsB4O z!FoYAn8S4`bEnkX@AXHXeYZ4ub}lNycj@+3uUADcO6ZK@nQ;YVR$*54g(YS(;a4&u|gpzz}38=%V=JYD@<);T3K F0RR~6(bE6` literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-mixed.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..3c60bdf20f6bd700e8c7b0cfa08e1dbdc71761e0 GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LFr|NpH7L!|`d2C#E!9Xb5 zuHU$M>-L?y_db69^3N@~MhU2+&(p;*L_%`z!P`lpinR(g8$%zH2dih1^v)|cB0TrzX@Ck8scX$6k6oBDP{+U2G zTa*O(1v4P z=GQ&V=k@A{Vb(Gm4GZNw7Sl;^9S;0v=PF{6Fo%1}*AI ze9xyF+T4#hBw3`rVq#CN#j6vXS!p^()1_LR}7x6elF{r5}E*D<3K|I literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-unchecked-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..fcc9144941120aa47858a93f469dc3bba7b22554 GIT binary patch literal 404 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TuZL_=LE+ySx9V9!RP!2?Lre zRTAVE%)rRR%)%`oC?YB*B`qVXq^zlBYG!U@Yv-W7>enHls)e2|jv*T7=LTLBJ1ii= zowjycSl7h=|1a8}x%pzFtx0~KM-lT5uAMT5&nt8`&7Xaw%fvkS;faK;LATg0b@D%q zxKv>e@0W1buHwV_`^HH80>y z@}pzV>ox1m>O(%yFHC(@7PTR6PUNyc)rRDoZmLdia^F_Jw&=I#YA~>SCbL&?N0+$C XC2reO=F@wCj%Dz4^>bP0l+XkKL?^<2 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-unchecked-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-unchecked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..576e02ff2bc2fa17cbbc631e8f18df0110b8a6d8 GIT binary patch literal 542 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts;*@Ck8scX$6kD1nZzh8@t6 z#w9_1!3>N{%q;92oYFF~TG~3sCZ=ZQ7M3oqZtfml5s^{RnOWI6xt(3zJ-vPX6XwpF zzi`pgWj|j=vjDXp_jGX#(U>?l@T5?afrxf$pdhQGpn$l5NZ^uZ|LxDs3|b&7%l~YW z$;;?vs!!r2Uhk>0TWwvlq~(`4qTL(d=eM8q089@}{+gf}N-j&wv;!or_&J|BME)%q<{_e5sF zg81vESuI5Z50{mnVlH;8KNxp9?)|}Si==xc$_}gQvYtA!O~+dEqt{dRqSyZx=Xo!3 k_`W&&a*W?Tzkf%iKeLI6FVWq559lQZPgg&ebxsLQ0Nr6HX8-^I literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-unchecked.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..c6030dd194b095b58d7ab80e251591527650a0d7 GIT binary patch literal 500 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TtB+_=LE+ySx7%IIu!mG6d)n zt&$+WUF$?3~=Z{K~4D+WLl>><%nI zT?ai~977}|=N^nMYcgP9xp30CSt)|$h?6g~*|D4d*{TmYs_wtn-M{kjgFWTWD<^2= z#rUxAImum_+jDK%#uW7rB@g!s&FIwHaCp%J+r!>sGm@9({W)~1bFx#(lh6d$sA(N_ z5y}@gxtkPqw=8sivU1{$3(B9ac;x(O&v+un>D-=?(Cl(L-$ixpk*+N|0xLU3!?OCg zHZwc7O^>a3v+;$5pOA4R`@D}TR+qN9WnYf6JI9p&^T^Q|$_r23tNedkoNN9s_U~$f Vw_PiO+<=~8@O1TaS?83{1OT=n2#o*$ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-left-entry-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-left-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..37a4c70ec7376a12fd4af5b5d5b73291c2e3ac01 GIT binary patch literal 322 zcmeAS@N?(olHy`uVBq!ia0vp^5$#s&ihW=Bf_A2YvO^+9YKUTFUK=Ed1yo0KeWkiIIx*!#meZuQeITy{v# zX>nWMSYltp5!c=oWAbLrFCMjx>zWySJmvWeZma73V)*w#=t->^n;g)522WQ%mvv4F FO#pupf8ziE literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-left-entry-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-left-entry-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..b89db897c2409994fd2874167063e91e5e8b769b GIT binary patch literal 209 zcmeAS@N?(olHy`uVBq!ia0vp^5PdtZeN4ZH0_L5j{^A#}J9j$q5NXyseCEZYCQR!z1e)^^mg2aG*{GPgg&ebxsLQ02V$(=>Px# literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-left-entry-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-left-entry-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..c289e3083a958e015716824b554c98f79e6568bd GIT binary patch literal 282 zcmeAS@N?(olHy`uVBq!ia0vp^5^p(l z1xtebf*F{Yxp@SI)U~vIeEkA~V-go0?OO_z^!9Xd4AD6Mc9J900Re#{Y^zr!{rexq zZ%|#HvCdMBA?bBDyMt7S0^hkwZy9<&8#3C7O-?e*cD$vpCzQA1-O{!9cn;n^F3ZR9 cRkS@~ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-left-entry.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-left-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..90ea958ea05a9ce7c5c0f6e7e5b1b3fc503af8ef GIT binary patch literal 216 zcmeAS@N?(olHy`uVBq!ia0vp^5aJ>VTLsk2;OXk;vd$@?2>_OoNgew|Wz58S!VA1Jkbt>1PK z>A!7_-?p`WKyv#U-)$hYaz?}~py5&_L4LsuZ0tM|l2Xz#vT_koarp&>Cr+Nac?W%cT1JTn>0` z?lAkB?e>aeMW3WK>sq{xNqOk4*c#W$TszEn@I=^>bP0l+XkK9RozU literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-right-entry-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-right-entry-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..d34a87e3c8e39bb0a65054d7dfcefdc384d754cb GIT binary patch literal 297 zcmeAS@N?(olHy`uVBq!ia0vp^57)(Hu1^B*2B66#ve{)XvR%A)m^_FrvtL)i_F z@mF4Y*dzbOi6gw?)D{`3Jqewqx3>vP9FbTq*=Tvs@UY-~%SJopHA0`}e(wAgv%&Xs zG$%t{@OdxB*jIs?4<>SjEMO8{aiE@U)|Kf&2eMxkb3TylHhJGJDQ^BwJwBm_xy(7o qNU4_Z2bW?@@x29yIjigU^_egEpk7>epm`tA2MnIBelF{r5}E)iK5~8l literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-right-entry.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/combo-right-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..6503c0673e613cf866ee8f76a1787fd08247ebb5 GIT binary patch literal 217 zcmeAS@N?(olHy`uVBq!ia0vp^5GVuRxj1N| qW#-|Y$z7Lkd+uoBvJ_|*m0&2AYYu0#_tgaIX7F_Nb6Mw<&;$V9cSzF! literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..780b6959048f3f1b18d6a46a518dcf055a5f8949 GIT binary patch literal 416 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3-n?Hl6taq&N#aB8wRq_zr_GklJ)2|qY>C;sHE!SLnBAL$cdQTE zu|9C;y5Q~WfDC`2%I$0Ywy%XSfNcM5Yam>|ZEO8N>@~jIK!M@U6R9EaRhX+hdt86xfBU&i{=o$u3S3j3^P63}z0g##b3Y1q`09elF{r5}E)V6CyzX literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry-background.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry-background.png new file mode 100644 index 0000000000000000000000000000000000000000..fdf26ab3cf553d9547cc9fa7f4aa3decbe626569 GIT binary patch literal 136 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`1|*BN@u~nR&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXpdwLE7sn8enaO|t|F`F71_EJb b5e5c>bPdtZeN4ZH0_L5hqU<#}JM4$q5NXyhj-ha`Eu=L>zH;c4m=?aN5Yk&KCMc z$dPB=4b>(|r^1H7&V@>i##x1GY;#Vsr#B@h7#*GE!uU1m=6#;e2_Sbfc)I$ztaD0e F0sx-iO^E;i literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..c56ef4737865d7b8ba2bbbe69f16839c9954f523 GIT binary patch literal 347 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3-n?Hl6taq&N#aB8wRq_zr_Gz3Ia!s z!Zw7ku%6!k-?zFo@pk&RNVNk+R}|S7r!hy&zOzMi+Ol~`1p>k0#(ZCOEpF~IS{_vJ zIWSe@SL+J>pcxKTE$%L4?b~AXo`njxgN@xNA|FosI literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/entry.png new file mode 100644 index 0000000000000000000000000000000000000000..453c9f0d1b08bf5f9c942ba2e7c2ab1a9ed90a68 GIT binary patch literal 239 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!VDy@Iw}4HQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0wb0X`wF?(XjYF#wzMac`gk z_L3mKUjC>C>9OUBR>B-BCaOh%S_Ld5Ja9}}O ztWxJe-rX)n&JtyvA#Ely2_Z=dDg|y+B+EKe?sPJye>ynxL4j%@gM}r_q)ETjZv)L_ N@O1TaS?83{1OS=JQs)2w literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/flat-button-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/flat-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..d9412867f6cbc11ddbec59c54ad1bcb4b68f6569 GIT binary patch literal 267 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!VDy@Iw}4HQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v20X`wF?(XjY34zcX4Xc3a zc}jx(f*BZ@SlPrhG_?#2joG8Wr~}0VJY5_^G|nd{1f0Fq%Q%hI$Y4Xs`(sRH76ut_ zj&VszF52jwlX~Kq-p1ZU)3VN3p528Fft`&L4+sWY7rN`7JEG7SyGX#j>2}_M0}5TX bolFcuHTQnKs9Nv`Xf}hVtDnm{r-UW|{fBH7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/flat-button-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/flat-button-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e83089d2cc6d1749414f824ff9982dc534601788 GIT binary patch literal 195 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s#0(^(n65+uDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDUi+ppAc7fclZBbkX`S+4k*Z6 z666=mz{td#JY_SGtK;e77$R{wIU$CXosTDm;~W#4E=xMAvslySNr|FD5-VkuDHi(}yaeM`~j{?#I&J_b)$KbLh*2~7ZAnl~r_ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/flat-button-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/flat-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..a60405b12137bd294ca979be9dc781e41c20b039 GIT binary patch literal 252 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!VDy@Iw}4HQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0x00X`wF?(XjYaezEaloaXvXgfbabQhNW#hJU)`L5e}=Fnj_f51WqJ0 z#x9zv$h6x<+nKejv#gCzCLts#L8ZV= R*Il5&44$rjF6*2UngF7CSCjw% literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/flat-button.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/flat-button.png new file mode 100644 index 0000000000000000000000000000000000000000..e83089d2cc6d1749414f824ff9982dc534601788 GIT binary patch literal 195 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s#0(^(n65+uDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDUi+ppAc7fclZBbkX`S+4k*Z6 z666=mz{td#JY_SGtK;e77$R{wIU$CXosTDm;~W#4E=xMAvslySNr|FD5-VkuDHi(}yaeM`~j{?#I&J_b)$KbLh*2~7ZAnl~r_ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/focus.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/focus.png new file mode 100644 index 0000000000000000000000000000000000000000..df250919d666e7617e971df8a23d899b762a3034 GIT binary patch literal 221 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2ZGmxy8xzq=wI14-?iy0XB4ude`@%$AjKtah8 z*NBqf{Irtt#G+J&^73-M%)IR4PZ7{e;}B0s&`H%u pPhd#m;1py$Ddrf;RLaW9zz`C^oo&SO_!Ce!gQu&X%Q~loCIH_OM&SSe literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/frame-inline.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/frame-inline.png new file mode 100644 index 0000000000000000000000000000000000000000..7d10ff19f65034320fc6e45c51cb32208d0ba98b GIT binary patch literal 144 zcmeAS@N?(olHy`uVBq!ia0vp^%s|YFVdQ&MBb@0I3HsOaK4? literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/frame-notebook.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/frame-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..7b5020ee4de56b41636bbad9c4c23b90dd460a3d GIT binary patch literal 147 zcmeAS@N?(olHy`uVBq!ia0vp^%plCc1|-8Yw(bW~oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt&3kE{-7_Gn4=P|G!^~S;WB5 nz`)?et5^3@5`e&E8Y9DoQ1;bL3fI>F)iQXx`njxgN@xNAoun(h literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/frame.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/frame.png new file mode 100644 index 0000000000000000000000000000000000000000..f617e4f55268e7f4c17060b08d08015ad91d69d9 GIT binary patch literal 147 zcmeAS@N?(olHy`uVBq!ia0vp^%plCc1|-8Yw(bW~oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt&3kE{-7_Gn4=P|G!^~S;WB5 nz`&rQqT)_c0uZ=NV`SL2oBi+Cf(Mg;Y8gCT{an^LB{Ts5i#RLQ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/handle-horz-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/handle-horz-active.png new file mode 100644 index 0000000000000000000000000000000000000000..dc092fa985cc3f39aeeae6d42ae39aaaece10525 GIT binary patch literal 182 zcmeAS@N?(olHy`uVBq!ia0vp^0zk~d!3HGTx9oodq&N#aB8wRq_zr_G^xsD2Q-Yq)78&qol`;+04n}FsQ>@~ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/handle-vert-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/handle-vert-active.png new file mode 100644 index 0000000000000000000000000000000000000000..d7d2c6e8db11c929d9cdc0872d85d51f5f5168d0 GIT binary patch literal 172 zcmeAS@N?(olHy`uVBq!ia0vp^EI=&4!3HD^x83^;q&N#aB8wRq_zr_GBDv2gkbEb&t*XqWy0H@9M?V&cw9j79Bgy?(wE=dB=wG QB%mP-p00i_>zopr0N*k^l>h($ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/handle-vert-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/handle-vert-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..69d104bd8253ebe467ce5c307f6e4989d8196e01 GIT binary patch literal 177 zcmeAS@N?(olHy`uVBq!ia0vp^EI=&4!3HD^x83^;q&N#aB8wRq_zr_Gc8;AC+q26n?)~0WvGV?&n9G$K V>NEVFBmqrg@O1TaS?83{1OPVmmtT}V`<;yxP*GZdPl)S(FlYdR{|)75W_FyJ z*|5LA`S{d^(-WJ3>{C;lPET(*KBeKzl-d*1nodk>I61lHoGShjwWFT)LmmtT}V`<;yxP*FvIPl)UP|NmF5TGg<>Vdj~c z4Odr9x;?4k#Ehm>QyNZBZ#p))>EzVLQ&SsHOl>#`L{l2U+y*eW@f46d4I~cao|*<$ zIi=~uRG^wBh)SSh5CZFhvLPZM@=b5sU7#D(OM?7@8JJmE+1RzTb#%*Wn>u^@CQO_> zW!m(`%U7@2y=U*f%U7;`{Pg+DpTCW4m$iUeIz3$+LnOjo&!3iZc3^0}7#}!g+CuZa z3nVK4o4+|EadWQzO_qi;Uq0Un*UWzOTFG-#u2RDf?fL#Jcgnu6QjFd+zx|Gy#Cx+R zOC}xsuDJ7xq1WHM-X1IV^6k^VBnLQt$haQ&YQ>VKgw0+-+M+qz+%r@}&lx#`dsoErgL!J4B=4g9FJ3@LF?hQAxvXmmtT}V`<;yxP?2ANPl)UP|Nk3+;D1B;nVB7D zW;X2aZ#q4_;rNt>GgE3$OlvwZt>NV4mXkA@PEBn*F%`&e2BGN3Xq&}6BSAirP+CMJG<0Yf7rV`CE&Q%5H!Coiv%kkE*T$nMEH zy+Bo&o-U3d5|W_@xy70kL|iW_KVo0ICcUZrpK$M$r%ii*zHU02vH1BDx!ru3Whw6# z-@eW0FRJ#UOmvd^3Zo6Hl3YAvRC04B?eO@uX;o6ssxLp5IAtYW+@} literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-checkbox-mixed.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..85c7537a8347044e0f52815121ed6dd3830a373b GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GHXPl)UP|Nm#6nb~l4)uh{# z8cxh;IyI%?^z^1X*@Z#@zm6Y6H^;N3?O$JkkNEvDp0%$A`27;A+Sm)8zKTC z#ZM%j1KJ{6666=mz{mmtT}V`<;yxP?3FrPl&6#yZe6%fT`k(hd`r5 zOM?7@85o(ES-5%llvPyK^bJfcZEWrA9bW8humvh8^>lFzk(ip=e^IPifya5hLBd)- z)=&TM?_w`Kmwd0v|FRl`%IdYD-fy@*Pf*FMVBnB1)ixA+AH`&lefD=&+|vne_Gu?- zReX;5>n&atvtY#~5q*KH?;b3Dn`!v-?~BK}|K!g!Y*_JIvX+UXZrbLTAKrbv&-sA6 Y*Me>3%;HTdKnE~*y85}Sb4q9e0J^)JNdN!< literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-checkbox-unchecked.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..f3e3d8d0a50d6a09e869351d3475d982f60a7460 GIT binary patch literal 392 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GHXPl&6#yZe9IfN-`pS)eU) zB|(0{49qNS?4n}g64ElV?jD|A-ac{hS=mLERW-GB^$k`IrO$vWTRmMILnOje`wt2= zD+oBt2VD$m4O_Wr#{d6k6f^uMHU{ z2i${quirLV$>es?nG1SHFKT}X4>=xwUbsSa(;Ln;Y0tDPGWJF1EnF9KZr#$h3SBV< xdm&fM}Q7u@O1TaS?83{1OUtI!I1y} literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-checked-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-checked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..927232821bfe4c2864b434b079d2d6deffaefae9 GIT binary patch literal 390 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*FmFPl)UP|Nk3+07%@Q-*>F9 z@7SvHGc!BR%xu`--+X*(!-+{vr>8d@pVDw5@6X;Aj+dV*>JN8LJg2UbvHi~^sYMqjJonNx4!-(h zBF|}_smYHw|AoZGwZ>0&m{a*V|ve+ibDSHYjOx^7?g_|3ib; YU+obIoSM9CJzopr0Ijd0>Hq)$ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-checked.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..12bd2b4d5548feab492a030116933e3faf5f2e30 GIT binary patch literal 419 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*G8UPl)UP|Nm#6nb~l4)uh{# z8ct1Z1+tG!ZaFr+;lzxlQ&SpFPj5Olx#{H8#*@>UPEBn%Ii(TE1~N_n*+2%6I}ONa zIssHLwFx2%QVc|3l~6Vc*E8#46VP_mk|4ie239t92}vnwEo~j$vhs@Fz6ld2PnkA- z_ny7`E?>F&@zduoKmYu7+w!{{sG-r*#W6%e()S=IUy}g?%K_FcMG;Rw>2Pd$^MC&f zEzXxbb*suErY+Rmcrs7>zteoDP3Gn6MGnlJ$hRWQ&8e~N(fMN${wocGbdChcq@5Bh zTHrH7gRN*$jX{vk6Q{xqjeAnbwoBb4B{(fF7++%Yn19Ds$m164zgDw@%U0aA*`3Yz alZi)MqU6H!o4mmtT}V`<;yxP?2ANPl)UP|Nk3+;D1B;nVB7D zW;X2aZ#q4_;rNt>GgE3$OlvwZt>NV4mXkA@PEBn*F%`&e2BGN3Xq&}6BSAirP+CMJG<0Yf7rV`CE&Q%5H!Coiv%kkE*T$nMEH zy+Bo&o-U3d5|W_@xy70kL|iW_KVo0ICcUZrpK$M$r%ii*zHU02vH1BDx!ru3Whw6# z-@eW0FRJ#UOmvd^3Zo6Hl3YAvRC04B?eO@uX;o6ssxLp5IAtYW+@} literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-mixed.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..85c7537a8347044e0f52815121ed6dd3830a373b GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GHXPl)UP|Nm#6nb~l4)uh{# z8cxh;IyI%?^z^1X*@Z#@zm6Y6H^;N3?O$JkkNEvDp0%$A`27;A+Sm)8zKTC z#ZM%j1KJ{6666=mz{mmtT}V`<;yxP?3FrPl&6#yZe6%fT`k(hd`r5 zOM?7@85o(ES-5%llvPyK^bJfcZEWrA9bW8humvh8^>lFzk(ip=e^IPifya5hLBd)- z)=&TM?_w`Kmwd0v|FRl`%IdYD-fy@*Pf*FMVBnB1)ixA+AH`&lefD=&+|vne_Gu?- zReX;5>n&atvtY#~5q*KH?;b3Dn`!v-?~BK}|K!g!Y*_JIvX+UXZrbLTAKrbv&-sA6 Y*Me>3%;HTdKnE~*y85}Sb4q9e0J^)JNdN!< literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-unchecked.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/menu-radio-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..f3e3d8d0a50d6a09e869351d3475d982f60a7460 GIT binary patch literal 392 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GHXPl&6#yZe9IfN-`pS)eU) zB|(0{49qNS?4n}g64ElV?jD|A-ac{hS=mLERW-GB^$k`IrO$vWTRmMILnOje`wt2= zD+oBt2VD$m4O_Wr#{d6k6f^uMHU{ z2i${quirLV$>es?nG1SHFKT}X4>=xwUbsSa(;Ln;Y0tDPGWJF1EnF9KZr#$h3SBV< xdm&fM}Q7u@O1TaS?83{1OUtI!I1y} literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-down-alt-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-down-alt-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..3f97de3c9c00deae166cca481a75f8ff33dde6ca GIT binary patch literal 188 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt((OJ|V8|?(YBLK(90jD9%z6 z?x=IGYGxmZ(s>#&f{g^aAvD@ T^EOokDrWF>^>bP0l+XkKM0Ghg literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-down-alt.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-down-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..c5d452ccc402626aadd41547790b6cdb00a166f8 GIT binary patch literal 194 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!73?$#)eFPHVEbxddW? zg8YIRLL#F!e-FJg87QFa>Eal|F*7+qf!|;kLnBj%>Z3=GScHQbJi06#Lk*=TWa%+{ Xe97$OlfI1ysGPym)z4*}Q$iB}JJUcm literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-down-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-down-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..412fbaba392eca41286164be1970218c8b5ddd41 GIT binary patch literal 188 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt((OJ|V8|?(YBLK(90jD9%z6 z?x=IGYGxmZ(s>#&f{g^aAvD@ T^EOokDrWF>^>bP0l+XkKdeu4@ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-down.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-down.png new file mode 100644 index 0000000000000000000000000000000000000000..ae90840a7b4f84a92fc7ac3070aef3e2c8b2817a GIT binary patch literal 193 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!73?$#)eFPHVEbxddW?anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt((OJ|V8|?(YBLK(90jD9%z6 zgRY5; Z44T&LDS!RnTmfof@O1TaS?83{1ON_BIY9sb literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-left-alt.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-left-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..80dc6f064210ca30b5acc7bf52723383d285c578 GIT binary patch literal 194 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt((OJ|V8|?(YBLK(90jD9%z6 zanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt((OJ|V8|?(YBLK(90jD9%z6 zgRY5; Z44T&LDS!RnTmfof@O1TaS?83{1OQ3&IwAl7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-left-semi.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-left-semi.png new file mode 100644 index 0000000000000000000000000000000000000000..51c5b22f5827203479e08f87cdba372b2bfd1bc6 GIT binary patch literal 205 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt)lWE{-7?Dp3<8(T zPGfs>W21B0@jlsyQ+71WY-~(?*(YnAbi$M&?F5rkn*bMcQ=5QrM+L8anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt((OJ|V8|?(YBLK(90jD9&6G zanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt%zbE{-7?Dp3<8(T zUdHz3#zyDKLE;+1$sCIM0wygp3=U*-Y;5efED)6RP+yhp&ZiF_cDSx%v@jJ;W{5l6 l!lSTaW+M<3zDQSNkX$4wKIhHRr$DnAJYD@<);T3K0RS9gKg|FD literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-right-alt.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-right-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..11ead9ee4eb623fdd6e94ddac9b8698bdf00c70b GIT binary patch literal 196 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+L`E{-7?Dp3<8(T zUdHz3#zy6NLE|;pJjDP2 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-right-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-right-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..633d232cc1d5656cf40fa36971b909c28db77990 GIT binary patch literal 195 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt%zbE{-7?Dp3<8(T zUdHz3#>T^~LE<+Ak~tLh1x#9I7#zsv*x1-{Ss*CsA-^h{%!dyjEF9J`T9^taGsK;3 k;ZayIvk?diU!mdKI;Vst037ZanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt&0jE{-7?Dp3<8(T z&SQIXW217-@jh9j6v++A$NK`<*xFQiczDjJNHbjB)6>}4$U0qW4x7MY$>oekvW{gj zXwEX^Q3y3=7Hd_Pl#sYmxT3bpcS2!{O6n}24c{M2dvQoMX#(wH@O1TaS?83{1OS?7 BK&=1( literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-right.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-right.png new file mode 100644 index 0000000000000000000000000000000000000000..d6c41a82cbd5257e20a64e945dd783ba87250651 GIT binary patch literal 196 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+L`E{-7?Dp3<8(T zUdHz3#>U0XLE=+{lQ|Ui1x#9I7#zsv*x1-{Ss*Csp|vWTNkv74$)s!szq3aq8p4eg lnWZ>0(-MF{=GRP4hSQmng_CDoO#>Rv;OXk;vd$@?2>=fOJ$3*9 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-up-alt-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-up-alt-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..7785e26e783e62eacb3cca7ec3158a6860dc4027 GIT binary patch literal 187 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt((OJ|V8|?(YBLK(90jD9%z6 z|I8j&{xfs^{m(CSgqh*jX||d* Tt67+UY8gCT{an^LB{Ts5Ls~l* literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-up-alt.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-up-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..375e1b601feb7cb8826cc63ebfd5c1617ec10f3c GIT binary patch literal 187 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt((OJ|V8|?(YBLK(90jD9%z6 z|I8j&{xfs^{m(CSgqh*jX||d* Tt67+UY8gCT{an^LB{Ts5Z4NuW literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-up-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-up-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..242c40c374bf9e9dd4fb44b1c746bae7ffee5030 GIT binary patch literal 187 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt((OJ|V8|?(YBLK(90jD9%z6 z|I8j&{xfs^{m(CSgqh*jX||d* Tt67+UY8gCT{an^LB{Ts5WUxD; literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-up.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/pan-up.png new file mode 100644 index 0000000000000000000000000000000000000000..f2a224795f31eac5b51588f7ed62afd8f6ddf620 GIT binary patch literal 186 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt((OJ|V8|?(YBLK(90jD9&6G z=GyCpiEB literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-checked-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..8074b0d8e06e712b42ab827f43f6cff741855232 GIT binary patch literal 483 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LFr|NpT*EZ&@YbsdZSg@`!Z*61#x`x7abp>l13RXAduW0}= z)-@KcYXB<9ThoxgwgE)0X~+Y~*5|IN2XgZeWL@6s`g|Y)DF8~<1C`~iuFG8w5`Vw? zksr`WIwe7V!3<2yZ0s_!a`Iu}5s}fcaq$TajZG6KPMR`x&DwSAZ{N9l@BV{_4t>ekZ&jTSfO@3DWk%<$h=HudcW%l_I$u>&2<;OXk;vd$@?2>=&H B+9?14 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-checked-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-checked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..5c263bb6b236c588441fbab1e2f0d4c755821e37 GIT binary patch literal 423 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tm?#_=LFr|Nox>2><_Y00JO! ze}3PwzP@9tT8>R`I5DZ^)YOI}6C2I|(ah%KQ-LB)CucOAn%Z=1deg}%Aoj7TKyKs7 zX$>c*G@qQ_czkN(sj1B;Kq4Ua$*FM}E2V*UDU<~H1v4-*GBI&*a!Sj{%E`%TYUvvo zT3T9JdHeYI`i6vtN1k2uA|0r9j;D)bh=klvod7LO3I&B~!oAWHbE^rGclGgwz~d|WcCX=~!5EJeLL9|fKs=)LG*nKx(R z)tH@+SFiZ_I4lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LFr|NpjH>`a8sDp8v&i9 zQxfDC%)rFV#x5f(Cm$9b5g8pD7oX73*fe3{q$yL^tX;SM_MN-;?mu|=@X_b5-+uke zx@R*RsBfvKi(`m{YvKAzWOJ<+?T=KcQ~tMt^=Pv`IbnC-dw&(AZP zXF4VXZ77poeDUU|(`tu~Pir*I65iIc;7qS>IrGF%?o1N{rxs_&dTwpE2(}E73FUjZ zvT8-iN}HDDn^t^TDJPJw)qbi;tKA}C>ba=!ptlNXe+*kY*5_#QT$!=(I>T08X73u8 wY_qu49K9E(Zapo~XmNA?9{YF84F7#)Q{Qf|?5|xEJJ7)lp00i_>zopr08PZ|asU7T literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-checked.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..79727be82f7f14a3e123d963818708174f75e4cb GIT binary patch literal 483 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LFr|NpH7L!>OsQK*o{DEyt!e9G}*BVoJlwX^khRG@h8;aAIoX$!SferZk?K+H?}ao(dKO zssV8uPe8a+8-VITB2$4PPzHnxG73!us!}spCkN;xosuBGURamR;usD1{@pUe be_z?uw;L?`YZt{1bTEUbtDnm{r-UW|#UtVk literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-mixed-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-mixed-active.png new file mode 100644 index 0000000000000000000000000000000000000000..8c009472c7344cf76e392d2139250e2380d532fc GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LFr|Npo?rKbNAl;2M-@U`uz3Vzaw9_xd3(adAc};NJ!2-cw5TJL4x&y zZZL=IQsz#nx8LiJJo|2G^6XqxgzwVrt6r~)UX;)o#Wzb}^V!b&BL2m~x{_>y;!Iyc z4!3S^@_5;y_^w1mz*JVWWmzL9FYm(41gFQ$AD1j{*>S0`&Ev%l=O6ldTe$X4*!Etm zdCoLux42_BzrRQn+heh!e8Z2zz^uPJ-qf!7${fU}bwT09$2UNiF?hQAxvXlpinR(g8$%zH2dih1^v)|cB0TuZL_=LFr|Nox>2><_Y0D}Jw zEyt!eoS4*dYHGugi4A9fXlB#N84ahVHXWPZbaD!aeQYX_+jw$X!^tVlC#N?apW1k8 zYV!$@NaM+=8#s#mfhJ3p1o;IsFfuYRNz2H}$;s&(7+P9dS$X^T`1*!~M&`D}OaQ8C z@pN$vk&v8w&{M2gL4@UinNYz2i9(Lr|J`lx4>R6~Y&{-gZu$Q16)lxB$1<+&*u!@3 z23LC{XZHz%#T$dQjb}H#h{#Y-6LagB$;$pv^1+b<&J}DHhCdw7=vZ{#MDK{7jD|~Qak3$p^R%DSI)lJQ!XF;c%^+thD>gm(wsz~dl)=j{an^L HB{Ts5dDEBU literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-mixed-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..a53015057e4503b0ec5dfc786bd3f394b89ff3c7 GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LFr|NpHOk}7eI_D7Z*-Czi9HsrBg00nS5!3<*N&(dXr9iS5mVgvr1d&rf8o_!mKp0D37tLD)bbwk(kY6wZ6EhooSa?Ka zbZlIF!i0&Frc7PEX6?H58*bmZd++{(hYufp{`&3Tk+0iafI9j-T^vIsB4O z!FoYAn8S4`bEnkX@AXHXeYZ4ub}lNycj@+3uUADcO6ZK@nQ;YVR$*54g(YS(;a4&u|gpzz}38=%V=JYD@<);T3K F0RR~6(bE6` literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-mixed.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..3c60bdf20f6bd700e8c7b0cfa08e1dbdc71761e0 GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LFr|NpH7L!|`d2C#E!9Xb5 zuHU$M>-L?y_db69^3N@~MhU2+&(p;*L_%`z!P`lpinR(g8$%zH2dih1^v)|cB0TrzX@Ck8scX$6k6oBDP{+U2G zTa*O(1v4P z=GQ&V=k@A{Vb(Gm4GZNw7Sl;^9S;0v=PF{6Fo%1}*AI ze9xyF+T4#hBw3`rVq#CN#j6vXS!p^()1_LR}7x6elF{r5}E*D<3K|I literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-unchecked-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..fcc9144941120aa47858a93f469dc3bba7b22554 GIT binary patch literal 404 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TuZL_=LE+ySx9V9!RP!2?Lre zRTAVE%)rRR%)%`oC?YB*B`qVXq^zlBYG!U@Yv-W7>enHls)e2|jv*T7=LTLBJ1ii= zowjycSl7h=|1a8}x%pzFtx0~KM-lT5uAMT5&nt8`&7Xaw%fvkS;faK;LATg0b@D%q zxKv>e@0W1buHwV_`^HH80>y z@}pzV>ox1m>O(%yFHC(@7PTR6PUNyc)rRDoZmLdia^F_Jw&=I#YA~>SCbL&?N0+$C XC2reO=F@wCj%Dz4^>bP0l+XkKL?^<2 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-unchecked-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-unchecked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..576e02ff2bc2fa17cbbc631e8f18df0110b8a6d8 GIT binary patch literal 542 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts;*@Ck8scX$6kD1nZzh8@t6 z#w9_1!3>N{%q;92oYFF~TG~3sCZ=ZQ7M3oqZtfml5s^{RnOWI6xt(3zJ-vPX6XwpF zzi`pgWj|j=vjDXp_jGX#(U>?l@T5?afrxf$pdhQGpn$l5NZ^uZ|LxDs3|b&7%l~YW z$;;?vs!!r2Uhk>0TWwvlq~(`4qTL(d=eM8q089@}{+gf}N-j&wv;!or_&J|BME)%q<{_e5sF zg81vESuI5Z50{mnVlH;8KNxp9?)|}Si==xc$_}gQvYtA!O~+dEqt{dRqSyZx=Xo!3 k_`W&&a*W?Tzkf%iKeLI6FVWq559lQZPgg&ebxsLQ0Nr6HX8-^I literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-unchecked.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/radio-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..c6030dd194b095b58d7ab80e251591527650a0d7 GIT binary patch literal 500 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TtB+_=LE+ySx7%IIu!mG6d)n zt&$+WUF$?3~=Z{K~4D+WLl>><%nI zT?ai~977}|=N^nMYcgP9xp30CSt)|$h?6g~*|D4d*{TmYs_wtn-M{kjgFWTWD<^2= z#rUxAImum_+jDK%#uW7rB@g!s&FIwHaCp%J+r!>sGm@9({W)~1bFx#(lh6d$sA(N_ z5y}@gxtkPqw=8sivU1{$3(B9ac;x(O&v+un>D-=?(Cl(L-$ixpk*+N|0xLU3!?OCg zHZwc7O^>a3v+;$5pOA4R`@D}TR+qN9WnYf6JI9p&^T^Q|$_r23tNedkoNN9s_U~$f Vw_PiO+<=~8@O1TaS?83{1OT=n2#o*$ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-horz-trough-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-horz-trough-active.png new file mode 100644 index 0000000000000000000000000000000000000000..ec53b09a6723ac8de8d2f4f06e0840d9e03bec9e GIT binary patch literal 164 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaT3?y&uT)!JgaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TrlpinR(g8$%zH2dih1^v)|cB0TrgTe~DWM4f D0s=4q literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-horz-trough.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-horz-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..8fa6c3b8c308d674355901e2a7be0af0b356d6b5 GIT binary patch literal 165 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaT3?y&uT)!JgaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TrgTe~DWM4f D0lP2& literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-slider-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..d2c11db986904cb331d01dab1a82458d5d5a6931 GIT binary patch literal 551 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts;*@Ck8scXxN#zu)-G%rp=> z6S`_u=+#v&t5&(}UKP4~RlxfB0qfU$Zd>KHZjsx%b#6P?1@2tuzhSxW=2c!>mwIho z>#=@$!1ndtTh{vRSmm>Msn6y$zMIzg?pWi!Wrf$)Rh}D{dv09gyLpB0j$l={xAK6xFM7H- zhG?8G4Z6wHq#&@QneX$94Mv)QAAO9!{J@|sxrUyq)Y{K>VfQjaj> gSbAi_?dPAF!<(GDH~*B&1bU9a)78&qol`;+08#Gi$^ZZW literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-slider-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..c02421565b38ce593a74ba9be68fe17cac7de0d3 GIT binary patch literal 272 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaN3?zjj6;1;w&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXpdy0+pAc7fclU&ZgwW8?;NalM z$jFF@2p|~`20(ELBPl5zopr0P2lk%K!iX literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-slider-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..fa1819b95ce30009afb5f4470c09d6378b5804b2 GIT binary patch literal 466 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tty0_=LE+ySp9^t9`ev_1y+!07($TcN<8=2gCqz-LtC~0PR&S3GxeOU;+YWHVzIBPHr9^US2*y zVG$`Q-HM9JQ>V|Iy?o`fV=Uo6Q-{I-v7@~2$H0ZTdlLAj{(7j8K7A?w@`t|Sq zj9d*h`RDuve97&(3@zE`TBkIn^YnFaZGBu>T%&W9(dgcfn7I>f|31Zh%-|)rQB>=s zZ>8pEK3}+2q7^=WOZGBWL$i`Jv*O&Jp$lh-SggCd$yxcJ$mpHk)|oS3d( zvqqq%Ytr_*Pd#t?cHiadWSQ~zLB+oZVUxVRAKPPcH~i>&&xJ~Cr{(fOc5G#szWcHK k#rtzMOgW~0^VoClnq-XvHEmgKpdT1KUHx3vIVCg!05OWnWB>pF literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-slider.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scale-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..e8ec86b34dc22649bb9f2f80ef0bf18a9975c762 GIT binary patch literal 290 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tmes_=LE+ySs<3TIIQIo6qJ| ze%sdgZd>cS9ZZ7QYkaq^1qp5ivmqke)*Ni;z68`RP!i-9%)rJjos*k)?D&b3=P!Kx z{H0bpeHu_M#M8wwL_+fH!A9N&1s;|I%NHme{q);E+sP+*PJ{Iu-*eSHzXkq0Ip=9C zcIjuJW632^m)>lpinR(g8$%zH2dih1^v)|cB0TrlpinR(g8$%zH2dih1^v)|cB0Tr4;t6^|n~7#YkG7!@~^WiJBCF?hQAxvXlpinR(g8$%zH2dih1^v)|cB0Tr4;t6^|n~7#YkG7!@~^WiJBCF?hQAxvXanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;L%J|V8|?(YAI2E6|q27}jf6G|D*-C{_)%6L@ffX>?T_i``4aLfPz literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-horz-slider-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-horz-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..3ffd8c4d8a7740120b0a87c6707dbca408d40fb3 GIT binary patch literal 224 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Po3?xrFN1X&xoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt<94J|V8|?(Y9_fKTx&SV0z) z1o;IsaPSzJxVd}yd<$Zm1Qay%ba4#fh)zyWU^dvf-P$oCOI9|QD`6VYxOV0lp^Pb_ o3pP4zVl$9k%VZGDBiX^uuznNYYXgf2KcHp?Pgg&ebxsLQ06=CanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt);sJ|V8|?(YAI0|)hm%z?W2 zN`m}?8APOI$}6j?YnH88xoWe!w&Z=FjE$#@V+coda)JW0!S_3wO&ObaReztxG~;UZ z_jh+03|{L@*vfb=iXrVP(@~iNI%{{A=W{hg`rO$yROVM?zA)3ejM>wxAkc)I$z JtaD0e0syFnY=Hm( literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-horz-slider.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-horz-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..a3cb348b739aa9289d4454f7584dec66420d53dd GIT binary patch literal 232 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Po3?xrFN1X&xoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt*x^J|V8|?(Y9_gA_aWxj>a% zB|(0{416M?;SpsOl?^(njGjPIQ%@Ji5RT~N1O;XT*E1YV8?L0Eo3oA~&Gp}F7pMpw-l8K0S#dAboFyt=akR{07^4e(f|Me literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-horz-trough.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-horz-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..e5e9d5b45ff4a807ec1a1e6e22862111024ae78a GIT binary patch literal 127 zcmeAS@N?(olHy`uVBq!ia0vp^j6lr90VEjqyn6W?NO2Z;L>4nJ@ErzW#^d=bQh9gP2NC6e`c)B=-aL6VXq+S4;`k$dl TdYOGBP@KWj)z4*}Q$iB}v?U@O literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2d63c0d5ca9ec7c49622638f3f49260770ccda4b GIT binary patch literal 262 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Po3?xrFN1X&xoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;L%J|V8|?(YAI2E6|qanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt<94J|V8|?(Y9_fKTx&SV0z) z1o;IsaPSzJxVd}yd<$Zm1Qay$ba4#fh)zyWkXtdu+EKzsQZ|<>LCo9Ty`6c+QN9$> uhDaHQFy>hj9&;Ie@>esQv2kX5#K`cdfN#B(YPAZ`1O`u6KbLh*2~7a7=1#r< literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..2b80215a3b8bd236125005fe2f3d3a0e7add95da GIT binary patch literal 259 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Po3?xrFN1X&xoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt);sJ|V8|?(YAI0|)hm%z?W2 zN`m}?8APOI$}6j?YnH88xoWe!w&Z=FjDx3(V+coda)N?f#2n2ggBjQF?On={R(NM` zwK>C?M~s`y8Y1^NTw~pFgUO&<_CyiG<{8)S?bT#3bj#hY%>0po;nF$roLQ=?!+~Zo Nc)I$ztaD0e0sszAY^neN literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-ltr-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..5394756bbe25d0d208a5f970e90597da4fafc7b7 GIT binary patch literal 236 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Po3?xrFN1X&xoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt*x^J|V8|?(Y9_gA_aWxj>a% zB|(0{416M?;SpsOl?^(njGjPIOHUWa5RRG22?}y6%2*sFe5M*N*KUYhW1N1jgkiHq z!x}b&Zs8NN7{s+3RvS0GoU6uQ=(hCm1eV*3mCgb=ix*G22{eSk)78&qol`;+0Bw_3 AwEzGB literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-ltr-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..5e35639245841190c1bc92a69092da520f5d7566 GIT binary patch literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-Y0VEhMdMbngDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD>5PZ!4!4%y^_tBec`I~j_) T)i0+3g&90u{an^LB{Ts5*HIu1 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..344037d67644886f7aa594d660ce7dd3fa0a72d0 GIT binary patch literal 261 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Po3?xrFN1X&xoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;L%J|V8|?(YAI2E6|q-)RA(j2d41r8jIbB-u|f6umY!anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt<94J|V8|?(Y9_fKTx&SV0z) z1o;IsaPSzJxVd}yd<$Zm1Qay&ba4#fn3anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt);sJ|V8|?(YAI0|)hm%z?W2 zN`m}?8APOI$}6j?YnH88xoWe!w&Z=FjJ>CeV+coda)N@C!FQSPh7D`p-HT;O{CaP1 zwdf(M>hJGzIbQ1t95|Zi7_qhdeO%*)E${BlanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt*x^J|V8|?(Y9_gA_aWxj>a% zB|(0{416M?;SpsOl?^(njGjPI3r`ov5RT~N1O+Jr*DYEO5wDEX#T+9h8mId;Zm>!} zH-|CtEDO_)8znn-oh;bfDIhl4eKP~|M+Syz`~oXNeg0Yk&0z3!^>bP0l+XkKBBfV1 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/scrollbar-vert-rtl-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..056290d960487587f0728abdeb5245b70e1511e9 GIT binary patch literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-Y0VEhMdMbngDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD>5PZ!4!4%y@jg{%w=3mA%| TUP#sfg&90u{an^LB{Ts5(H$S6 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-down-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-down-active.png new file mode 100644 index 0000000000000000000000000000000000000000..1944ee83f5fb9d882931795db43091f20da2aa9a GIT binary patch literal 243 zcmeAS@N?(olHy`uVBq!ia0vp^5anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt%=tJ|V8|?(U(hR{j6~f9AC_ zb8nmr+O~G$)iW`>HwW)n@4s!W|8@}a+qTAU`x@VEAmr4ldnn1PK)Qc6ZH zF8{>Ii%&j(3E<4u14?Onx;Tb#L?;J0HT>r(dAQ<_>!TI_ogO{;<4|zse16Ige)j#$ e0&}MK@-VPg7+|53V literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-down-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-down-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..0b1d0a01bfe9b318f6cfba42394b23b0de4ce683 GIT binary patch literal 176 zcmeAS@N?(olHy`uVBq!ia0vp^5k$7FiG?uW^7qf+s`a1&%1ZW TqOvPMgBUzr{an^LB{Ts5qS`mw literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-down-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-down-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..3a9168b335538c3230e7b5060af10edadbaa92ff GIT binary patch literal 222 zcmeAS@N?(olHy`uVBq!ia0vp^5BkNwE OwG5uFelF{r5}E)>8BhlR literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-down.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-down.png new file mode 100644 index 0000000000000000000000000000000000000000..bf60f8e1aec2f735f916d35ddacc45fc92be509d GIT binary patch literal 182 zcmeAS@N?(olHy`uVBq!ia0vp^5`K3J|O@A literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-up-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..16cacab87358aeffcd0e44422af5b8387c601187 GIT binary patch literal 262 zcmeAS@N?(olHy`uVBq!ia0vp^5RaWhN3j~h%MQfZJeKCq|7R`Yh|ix18(Wm)qP|0Sy7l905pTa)78&qol`;+0PNvm AL;wH) literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-up-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-up-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..6ae4a44e1286984195eac7bea8dd4f5869d8248d GIT binary patch literal 186 zcmeAS@N?(olHy`uVBq!ia0vp^5BEqGGc>^$XI&oeSrEXZ>-TP>Ed*!BRc d-UWsqjPF(no{MK>(*+vI;OXk;vd$@?2>@u%JKX>P literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-up-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-up-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..09cc0bc3fa033e52f17fbdeff65b1a9a883ff2b6 GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^5JI`V|%d#jL<08$Ui&mPitGs`e;laf8aBhjuIoXW+ d(-PSJz30v^m$=Zz_ygn_22WQ%mvv4FO#oQPRFD7w literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-up.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-ltr-up.png new file mode 100644 index 0000000000000000000000000000000000000000..f5ce4116f138ef466c6e94b4016199fa5bde0403 GIT binary patch literal 193 zcmeAS@N?(olHy`uVBq!ia0vp^5j-TI;x8RiF+Gx2nB43P-GdeWVdL4k+)z=m}1KdW6C3=h=ur%d?} vDWfJk+xPeqamj-(Y`YyywHOXXJn!XJILa2}*l=4MsGq^p)z4*}Q$iB}W}sWZ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-down-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-down-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..932ef70ffcbbcb2bc5b37d936285c642973ab3cc GIT binary patch literal 179 zcmeAS@N?(olHy`uVBq!ia0vp^5bxYDGUakI#$S?3oq^*?*P;=tCQVxKz>u$Jp=JnVM7m{(JE=@iy)5nrYL89AN%*(rQ($4}dT a`S+N^1^;|^V95bGfWgz%&t;ucLK6T?QdS-S literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-down.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-down.png new file mode 100644 index 0000000000000000000000000000000000000000..f2d50ce77cad7aab5a6b2f79e5790a04464784c1 GIT binary patch literal 187 zcmeAS@N?(olHy`uVBq!ia0vp^5bxWe=*^27XVVt*EIWv$Q1YHV*mp3f%ri%IO{{mfL(#k+S~&)J-OoG*-xjZJLD e(Vi8bg=d#Wzp$Pz-R6Vi) literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-up-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..34c4de67005d74883839d955bd359a6c4d190134 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^5anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;L%J|V8|?(Poz=l}ozfBx00 z(=S{I-Mu+(&*tFm>w-~b!rF#hZEc;9wTEPdw5MXQ)N4%|3mn#BBW?xWW8Q%^9i+1>oprSWr~-eE!C i&%7R%jlw@1A281U!V$+1{rMcwSO!m5KbLh*2~7Z5R73Ls literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-up-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/spin-rtl-up-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..1d30d5648d4c3c7f582e62fe9c4ae800c4415c25 GIT binary patch literal 234 zcmeAS@N?(olHy`uVBq!ia0vp^57{AAOe@|n`Jl0qLB;t?Ps(kSj`YgveVw=XscylV??Sryjo)+?XV-K8nX0>i cweC4FVdQ&MBb@0B27_YXATM literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/tab.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/tab.png new file mode 100644 index 0000000000000000000000000000000000000000..40732bb11b36e6ca60778cb27ac94f7874e4d083 GIT binary patch literal 127 zcmeAS@N?(olHy`uVBq!ia0vp^j3CUx1SBVv2j2ryoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(*BE{-7_vdJIrZewF$W@g;r TKa=MPP@KWj)z4*}Q$iB}Lv0~* literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-ltr-button-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-ltr-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..45da44f88921ae0be34db84f1a4f0fe9ebc7ba49 GIT binary patch literal 133 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`0wizjKe`@BaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tl^(x;Tb#$R=mx6>LZ-*if(m YXo4tHj_S(rOF&r$Pgg&ebxsLQ0B}lpinR(g8$%zH2dih1^v)|cB0Tl^(x;Tb#$R@AYvPCF)gV1In aW(LlOjEg0byZ-`Z89ZJ6T-G@yGywp3;3U`p literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-ltr-button.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-ltr-button.png new file mode 100644 index 0000000000000000000000000000000000000000..269e20ef0104d20ac0f79720e411dc61c5e875f3 GIT binary patch literal 135 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`1|*BN@u~nR&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXpdt}Z7sn8enaL&P<>?6^kkr7$ Yz}v=fGx6=dIY4;^Pgg&ebxsLQ042^OrvLx| literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-rtl-button-active.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-rtl-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..a5a46b99b79158641352a883caead5357af4d1d0 GIT binary patch literal 133 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`0wizjKe`@BaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tl^(x;Tb#$R-zT$jD15*if*6 Zfq~~gQ_hr->R6yGgQu&X%Q~loCIEmLB?kZi literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-rtl-button-hover.png b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/assets/treeview-rtl-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..810a277eee4e0cc4483b35a092150230416c9f92 GIT binary patch literal 133 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`0wizjKe`@BaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tl^(x;Tb#$R=+PTD>J@gV1In aW(H1K#>HD$e$E8SGI+ZBxvX?6^kkr7$ Yz}v=fGx6=dIY4;^Pgg&ebxsLQ042^OrvLx| literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/gtkrc b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/gtkrc new file mode 100644 index 0000000..4bb94c2 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/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:#FFFFFF\nbase_color:#2C2C2C" +# Foreground/background +gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#212121" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#4DB6AC" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#2C2C2C" +# Menus +gtk-color-scheme = "menu_color:#3C3C3C" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#4DB6AC\nvisited_link_color:#CE93D8" + +# 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/HyprFlux-Compact/gtk-2.0/hacks.rc b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/hacks.rc new file mode 100644 index 0000000..c288da3 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/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/HyprFlux-Compact/gtk-2.0/main.rc b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/main.rc new file mode 100644 index 0000000..d1716f7 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-2.0/main.rc @@ -0,0 +1,2636 @@ +# 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" + } + + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-right-alt.png" + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-right.png" + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-right.png" + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-right-alt-disabled.png" + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-right-semi.png" + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-right-semi.png" + } + + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-left-alt.png" + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-left.png" + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-left.png" + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-left-alt-disabled.png" + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-left-semi.png" + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-left-semi.png" + } + + ############# + # 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 + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-rtl-trough.png" + border = {0, 1, 0, 0} + orientation = VERTICAL + } + + # 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 + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-hover.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-active.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-disabled.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + } + + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-hover.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-active.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-disabled.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + } + + ########## + # 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 # + ######### + + + 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 + } + + 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 + } + + 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 + } + + 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 + } + + + 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 + } + + 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 + } + + 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 + } + + 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 + } + + + 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 + } + + 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 + } + + 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 + } + + 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 + } + + + 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 + } + + 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 + } + + 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 + } + + 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 + } + + ############## + # 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) + # 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" { + + ############# + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-left-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-left-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-left-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + ############# + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-right-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-right-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-right-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + ############## + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-right-entry.png" + border = {0, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-right-entry-hover.png" + border = {0, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-right-entry-active.png" + border = {0, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-right-entry-disabled.png" + border = {0, 6, 6, 6} + stretch = TRUE + } + + ############## + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-left-entry.png" + border = {6, 0, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-left-entry-hover.png" + border = {6, 0, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-left-entry-active.png" + border = {6, 0, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-left-entry-disabled.png" + border = {6, 0, 6, 6} + stretch = TRUE + } + } +} + +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 +} + +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 + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-ltr-button-hover.png" + border = {0, 1, 0, 1} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-ltr-button-active.png" + border = {0, 1, 0, 1} + stretch = TRUE + } + + image { + function = BOX + state = NORMAL + file = "assets/treeview-rtl-button.png" + border = {1, 0, 0, 1} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-rtl-button-hover.png" + border = {1, 0, 0, 1} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-rtl-button-active.png" + border = {1, 0, 0, 1} + stretch = TRUE + } + + 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 + + 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/HyprFlux-Compact/gtk-3.0/assets/row-selected-blackness-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-blackness-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..8a25d53ab3bdffe60fcfb9ce67989447e54aa573 GIT binary patch literal 996 zcmVpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H1193@2 zK~#90?cGaAR8auN@pG>;qxnb+$;X)HkcbLOsc0gimIU^&Y%$=%&`m^(ga~(uo6t52 zAuckp7FrTz6ha#{7{LdHqG{!0G*eNOu~D1Jxt`m?+$e-Idd?Y#@3)kJ?=1d|_s(2Y zy7I0$m;kt7;X_A&Ecy^|cr6T#gd!ktnQdw|0|9}{9P6uB5fHd!u%hZ5b!=uKAaL4j zTYHezJX1>uAqWVZGTYW3H2J3enM$dF5JEJf4+MwDz=Nuc)v1}9?RW?Rg8y0W>h_!M z|E#x7&!s!oR|}|PGi&E-+%BNuntFqEd^$(9+tR3_#Hdu&6IJymglI*d4R&*jfL6xM z+OfKZLc7IUqAE(V=<~qd2@k06ensA&g{6lorKd!n1)L`=pyjS^ztQKd)pTRSDC!Kb ze?kHpZE6Ww>NK^gn>1d;J{%nG0gX1bge-NK-s4x6XW;rlqQ%tfyVPlViFiB**MPn> zHa}7~X#&qpV2fKo{pFRpxM21?Tmo7dH*4+li`6`~fG;iqjny?2;=0E(aS6z7v6k}K z0sfc=G+a|}P!;7Y>m3k-c|g{2b1v%*5Qlj{s(mAs^#+K;JRqt#Vp(s1IPBkns2aw4 z1H@r}7q;~<7YJ|Ib2W4-~xFb_zQr8(9cAP)0@WR3Pa>kSZx{X3A4Pao?I z5Qlj{fick?tT#X$<^d&?-7-rW%_r77AO@G)cwL}>Baa>6k4r%D_wKxwWZBGP3;5y^ zP(Wma;uChFoW~aM#qE>m)ar^(S*Lr!YY+I~`c+0kX;Hc4B@gr51h%*abSyLNckuZv zBd&)$2lp>ig1B-Y&T$dwVyF*oT87>~W63^b}j> z)7ra7^r1#cmM27=1NO%&w&;eh$OGu}vdzbnlbS38!xPk@gb+&gBF_WPk=*TnWsE$2 z61DnmGDor5(zpJ^9gX<+RHIJx*_(qf&Z$`)9(hf#C26&B^?!)o5N>zK*33RXs`YP(3&+{K~~&hU@t^x9^-0 z5I9YLEq~=`bYvMpK;WvR%JLprtNDn4z-2oBfVT(;T;>xM-h+U^WnpI$=l=pwUl`JE SFYn3#0000cq|7*s!C1a`PW|z|@AKTh`@Ww0dY}7uUGa|g*0Rzn(f|Ni8@wd} z07w&F2cjh4cWW?N8~#Xz;9bH1P>U5k(49{UzHo3S#mbrDL_SZUdWHG|DwS$;o0n1yXDM=Hab5~Sy`~HCqAPN0p2P?{)lb=WH1L%ngh`MH zBX}tweCS!%wI;MC5RjUUIj&~?SJ@mJodDTaRg+hds79<;V$*HLTHW@nbR+WrCKuQX zQRQQ@aGPZ?%|U)~ZY|z{demtih3-)+TjokE%noKTY%{W&3HrcAS zxz4{^CRpecre+!1-n7)Q6WBKzqPlhdkW)2cT*-0eX0T!d+ltT+{t3of&t^(gsYC3< zmiW((W8^JIr8_d%`++qvLv~PKG&pIpGPHehElSYrr(mI-okrM3;X<_x5Z^LTQT&x7 z#tkexv1naDte?ly&#su^G{_&y2W!JwM~9cCN8LcfLJ(a`FU!I`Hd}?sV);?X(0Xe+ z6fpL@;lO)NpFYE>n6_=)uYOy%wHp=V?ZLk0nA$o}C(b)^R(xja-cYW(nhaMl`2-BL zGQ&6A8mZ#P-jAL*i`MY`%(J3rnKrETJ5$0R#f_{6RfFEnMQF``jzNB1VkHozEKul& z1+}MwVcZt-5F1qT0{?BNhmmWsUb!u!8nY|E_|-{SMo{`J2O96h?99LGM(zJc+RyXz zB8mQTw9bXKMS46`C)PNHQOb7`$^{b`&q)F~aCebNH(TwK6u)<&{%@Kj{qX{kF2UGX z6&4V$&#QrlP5Yq)roWua!_^z2ZRdXI3vKJ&-2!6rk8Of=Y+i32gbT%>^K->wZ<%i_ zO9P{i@xZFa9y^hiC(cuFSnoZ2{_F11T|lRc52^e{-RC zG=kpr(&7n)43boaBwG^RgpVnW6N{dtPnBZ`tV@}CwAkNzklmQEZA@>V9rNswCjP-_D@J`F8XF~fm0 zufhk%;Wbki|AIS9nT`jFr=Mbsv=}0Clkp&}VQGC8cfQG-!UajH4oJME&c!P)Xd+mK zAA-2{j6HVC>(9$vU~)NEs+(DUvE5Uj;s{@h({v_?k282en@Un{N)r9*CMU>sY39|d z7cS4`;FCQAFp8S!JtCke;|Rye6!7C;QK|x36f*s8{F$(zv_-2 z0V6qjVmhWu8b(N!X8ayQ%zr=@jqd7vThlrzss3)yZ^kAky0He=5Ebs3K6 zYe~VwJ~EXJ^LRR3IakN*GFUNEdU!qa#Th8Yp+u@<_1c@m+S-k=!(v&!saRo0(mZ;$ zg4Z@MQBc}TEh#HAa;&Ix6{t6sTocInlQxSKS>=i3;Gdl<%Ip!>o!9~pIo0NeQ!p%Y zr$1Fe|(AiB~{kv#Wdy>;iXOY+t&Y;mk3yjK~4< z=DNR^%UhoqFH-gBB?Qvb^%-X~w3%s4EH;(#;SKu0>Rd+iY`Z1)yv;Uu$1CNWaC2Cf zcRZ_u9%MvThl?|Nq+sB_Rh>qjobfvMNxj}rz>dIO_)PvYhG=CUUE*v36wlg zJ9bOykTh&k7N05%^%8O8sv;|TF`}y2(z(7%WL_pe1;A!g){=9k-wrml->XWO5Tdw; c)hd4racLLE%F2(@2D>$|v9h-;KIVDj|Fn(J>Hq)$ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-blackness.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-blackness.png new file mode 100644 index 0000000000000000000000000000000000000000..581cbc521c1cf102dc7e40813a13be55900193c2 GIT binary patch literal 886 zcmeAS@N?(olHy`uVBq!ia0vp^6M)!^gAGV(FbjACDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDFy~+W=|K#kcv5P@9g(}Tp+>r z;rQl2Pvx@_s!dY7O;(z>W-N?oeUz5VUS4|n;$Js$*^<&Leq4D8Y5C-HrC7(L;#hHZc6NpXOo2x0UO)QrLt@{1W*q@lL07>?7H%T0 z`NxA+2?u(6FTec3hCfkaQHYk}{PX**mp|ot^4pH9m8oc_Op`*x^U4Al_Gzh^{ciFZ zolKF_T8nn}eEnMLp792h5de30{LOx+@A>GqXYr`HdUCk>Q*?8)y(do;}dPFjklMlP_XbR|0c>jCG ztXY%#6jdLwMnyzS=u>cg#5!x{%!y!zl(h6@Fyqzx_tU|QA{lq9CXqsaliIF|#(DGR zEm8KESkd_I{rjb0MqYkCgt2bjI*8OGi)mnutFFJ^v2Wirpha$SkNNreeUD6FQkFgy zv{EE%t5jQi`_jcH43xDmynd~{ZTog#mx+nT?ztQ-ARd-W#IF0@pZoQb1keSJ8Zf?G8v1h}n>p$EUHzsZDSiD%d zx8j#m)@{qUxVQ~FcXoO$ZQ8xtdadD$$vyX6{(EapJ#^|6*R^Zc46LnJ+w!Si5Mupx z`@sVRVEi32a1mgUkdSD2Z1LjNt4ngdb{C3R7hOxdZDw=cS#P@Y%8)~U{`}cp9HHG#LBNV(;CZAjowRYd%a1(Bq&YkPJPoMVg>FN0pE;;4S>;Ujp_gZ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-blackness@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-blackness@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9212dceee9307f09517d6311f418d02aceed7ea9 GIT binary patch literal 1855 zcmXX{c|6o>7k_?(v81?^E?Fj7D-^?fbB(4hFS5+oqKIjvh{3fR#!MtqSzBDflr3Y| z)!1G}b(4u}E9%X1(G=$54w1e0nfK$5-|sx1^PKfL=X}piqJ!0LDJ3ZYz-}9B3nu^& z3_J%)py8hz6nqF0$q?&vVF0Kk3qK^CC-8+##c)gaaOdF5;ZYYueL+-Il)isZK$y?P z5MTY^&?|ZKW=a5{yKO8^xkNvl8zoq0(?O@8cf>P{o~T~beT`yUucWeGM9#VKzN9)wrHN3K0U4y=#?$~ZO+DD@m zeA#Ml+P&r(w?r!_53^Ly)J5=_dLGa0G)t{ONGVarf&p?I9UV_Wl4-3WAq$MI1_baX zwXh6wSd%Apd-H@g2K>SH>D*&kt} z=-NO~QBhi|Wm(kU+9rc=6Fa9I4S#d7x4%QK z%YoJ&_dnT;Z@+Kgt=~RwP%|7r)gmd1`t8}bZy(Iu`Ilc3XZien(r9}EDlifBa2CGt zIoCu?LqDa=&d$0xJ73{-S{{mj-knMM9!2rHOFr?bGckQ0`gZeh=_=o*<4#Xtfyy;6XRg5HmzR1 zNS5J0PudmQRaI4{QS-_IIs~V~fiRJzqyo65e&0Xfsz2bc!$T3s3->NoH-s;zF9=p7kRg4B!SeWHE<_AJ+A;T@%Lr=$_RxpHX`PY z`1EK?lrVw}o(R^^ki4TBJl1-A$KJ%m#T{Q%!DNy-eLHX`#O&;B>f)!HGm1cpv<7UP z==64>BhoDZO%hJVZywvpx32E^ZfWV90t7>NCXt~r+8Q(XRTRX83deKskV3-v!f;<- z#@T95f2tHCroKngk4!$j-@pqC^;O{;XBCJ1ROzW-X01UM3e@&US`X3{=_`Mq8#Dsl z*;NkstWV3-dqVp}0Rasrd zuw0ifw%FEwUyU=zMgN1(Gocv52J?PDFZcJ!@iv;XY5vg5m)D`#_VZ^*R=5CY}KQ^#Y=gPmxz!9DIepqSJO|l%C{X z=`FxDQ|%a^58A4 z*%466F9h05Z!r`S5gExUE3>L_tAT!NaVTse9LR=-2HksS${#&CrKy?L>WV&Uiozxv z2MqbaysriZx?H%B4_ki5hCz{Knl+9FQ9jgL8XFs@{y~Q0!K$ou(b?;yA?JvZ%^2nz zY?Pl)Q7eShZv{O;}BVit=f#3WQL=^5o?X}D=sqPPrqO3=MV zMTwF+TwPtu*=#pGJ-w%G|HneBbX8Za?9B0nLO~1^aHNd2o{O3vag2#sQ|lG%(gzBz z`VR)j{u8@A@gn(T!67_Q82!i&j+pK{NZVRpW_L=;G9Le^q%=_OToxaD8z4Hl2mTeL zlh?DonVZ)KQV%QK@(&3is-`DHWS&$~RP2YHs;S=razbVXG;i7-16qxq`ncE?A#zXV z<>n4RsF8#_0s_B~c(upd!^Lsj#N^*XVs2hdN1SNHG`(J}M!5WdjirM{^=VSV{{W*8 BR~!HU literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..69be3bbff0800396ca007ae3dbebe761bae1b15e GIT binary patch literal 981 zcmV;`11kK9P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H117b-; zK~#90?cHBUQ&9lN@pE@KwX2rKa{fsaON0!BEc{c53Wks-SRqu9)kFAHJ%sN)1on`< z^zWri!Dv0bd$%h} zjW2r51Rx6YgTtu?(T9M|EBI|D69GZgmS;Sb2neF4`WKEOAc%_lc2@;e^(q7e5%bxG z(ts+I4Fxqw{V)`F!ecMS;z%ZR2IQk~`yN>d0SCedeu)nX!`kke!G^jMp< zg}_;=s->dO18XNdpy|$gb?WS|YgE_sMV|#CCoG^vyCZq_)j)?H3blwj1FWBrfZTok zmcYn6E79m45&N)lxCi9!>$e2oj=m&1#jmV5!1a^pfMZMvj*LFR^-lcY8j!c|^>wQ0 z#XL8GEp7pQzj3z~7tHa8OF$u~$E5$9>)^2kd~pfL(_?MMbx(Za5|HNepX0Fu{4o#6 z)om@HnzoPi4v4`#pyg>-E$a;shj~DBY54%_4G@QYK$=>_dIQ8^ACOM7SZ{zh?C-+< zJ`4tN3V)RW>%u-DNm^jO0m3j3NHR!H)*B!W`+#KQIO`1%hy7hxLc$2^4G@QUKuLMo zHr5*;4)cIAPamI@j7A6R9T0=dZM>YK+~=_a{Ba2=`~0b=lEE;^V+;7=^ApINuFB^0 zb{<>67q?HMb1z>QASTmeUVFd?*RL`%n+~^2vf%^IO<;>_KwC;n{7QLg3$BOa2lp>i zGaBl=N=0ddBpcrI-iD1QWKCdArw5EGU)V=mk8JHP(;T%OPKyx!02^M0P!`^nnpy-QomPzwN{y_J9=?L*8&~$Y&s}y|NVD>x78r0L_3~{%G#74F=mJHlOJNU-hNmc z!g@M-g8sQvG~+7YRM4e;T;wL=ie~0%3sk{;dD1k~l`P|jK0Wcd@(4-=WN%z~E`wIS z3w*bzHuLvpfYqB4{l{S1BXnZ#V3Z3Z3SRz+eV?q*P*Z!ttR> z<`Z!~jsbY_i@W*^b4Q#?-UfCXvbrdpW;j69vd;HGst1car*+1!L?^s>89d<#=O6kN z{$TEe@iF1KDZ{A52OJM`|IzagcRr|jH!`AI>f9S}7Lj5Z7EENGw-?4g3hPhU(NQ~w zuf%ZJJ`ZfrIhTaR3}4;S4U)BV`vM_bay7)R$)jKD!C{XdvHUaUsL?>Y%BW#(Wargo za^an6>F8`vTwYV|@@T~7bl_z-Cl$22&i)X_oN|_3?`HQ&);3RQy#I(gk&@9T9rCGk zDWlX2T^Iq0uDGel<+p3q)e0y!Gn(9BaCa)2@nM92LDDFmk0^dev~N=VZnamfLiE0^ z6`%YH;>`J$KL%l6>p@FN(ihjL*wJ;It%pyc1}Ha9CI7*1q~E6ur>DPEzi#ZTSK8Z2 zmsLy)au%_e-fj_)LxHeXK;(}>DLb|dmC1xy>I4O_pO$0uW~A=a}7|dnE#Y#E7puW zBqfJ3eC{Q#@833y;yMA(cNA!Bo4BE=jFK)i2IXI?z&e3E`Aji^)-TZk+`%fK-Iz32 zSVmzf-LLE+j~gxlhb=JzyC!6_q}~FTPNzksA9oQbqelwBrz3-fULm5)`Kedn#nbI#V-zUiG$s^m^ zHs`M~F-<;tp45oc8J-2g_&iYxq%*t#J~=>$HSJSSd!YXvp*GMOoCO=J_-{U3J+Pux1|bFxbS%H*Ggxj3)}J3l-n?SCxe3CB!{~P;6+Z!Fw6s0t zj{o;B$WcqzAIRS=d&5s58PB)4;^f)2Ge1*|cE2;?qgi#j+FLFSB8LwC*6EX~Fo2mH z>YRcw=qdNF3m=z$=FV{26SX&s&;b)8JL%3?MNBE}*Z*GP(1gULhM-N+XnK-RlWPQq zU{cw`{N%76Y&u-6>#jX2>&5j>7&+l)%TH3XGW`S%V~%BA|1K3_Ka@@TQiDEdE^hp3 zW6<@}-;7H1OGE-CM8P-2iZGwcn*ITb_b`MnTys3WjOilQU#Vqm4;Su2y&VpV-S4!P z79vX#74V^fxe%k$53T)N^4PU;3=0FdZ=FMr8UcTl^CGxIz4|MC2Yw^m`Lv>Hq&XI| zI9cO(`iIp_cBTW|vI=sF5`RA7v8>%A)$=dLrxrb!i^_QpH3*JMI7jG~tO6!t&!s47 z(K3I5SeNRn8lk>dl~5C=XBBfIHmVj*(y%N+ZkHYsX%OdvIr&?~WMwstl# zMdvj0JR0Jrvp4_!As5-EkSrr~&ppVzlFwJIGlmMxSA-T7H=Jtu^!l_+U2p15@!{ZO zxm^hcl6 z09LOy?_1v}-9+8u>W@L~?%%XHY(KnPIThi(U8!{BdfP4Xj^yFCURMA37tT(ntL$LA zZo}d?zbduP6gYZ`?$VPZtEdC$;x=bfY+7Z9C9IrmzFEv3Usz7N@*YZejwDIbGeJbh zbK^pGp7T9Y)bX%kzR{vD4xw_WmG_85jjF4eeB)6mk8;_|0B`#j~L!DjGNr-b6t5R7H?Hmj*&reBk0pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H119C}3 zK~#90?cHBUQ&9lN@pJF>I(1qrhjVHuOHq@#Y@}xXNmCO{tA+R?f(lX;)tmO%OJoEU ziPTGC_@I(XRMmhwn2sb_F%<=m?j=}Fdd~tW%WeViZ zH7x;f!PyvNfXMq0uyq{?Hv}Ufa9M&@pMrqEWm+GfLIeaZ>9dp^P)Slc0s^O18_gP1 zV9*Uh2th#Llxm|{b15;cK@tQ5A%uAGJ`ijjuPr4h@qt0tSK=WE2>z!cGFE+JcXa4p zZE&*I$LE+zlG0Z{$L#`Y&nYk@2I(_3D&Hho6r;REF;pPLpAaJRJ{zp%76F;HI=MBs z&=R8dFOvn)%=rTbSKf+6vXJGn4VyVI8R~ch$Mm(N_X+U)u8CPXd zjAOY8bTJEPu(&J>7tEfANkC?;PLAHTqlU#6u*D>x*4#o1u6sNalYm0h{^cxofIaE~ zwdWKVWI^0Vdk6TS9#B${K8yAS@IyVI?JD2>v^Rhs>H*237)^Tv_@N$}eEM+2>QMSV37t?_5eeIvSJ=|Z6 z>mkp<{L9pH&pXHKhTa~vD#`%sZPJ=*boWcJhCY)f9qE}gd|8Cmbc=HYfb zN7L}Yd_euJ^Y5pB7uy|r;y&Jo=0e`T~B zJ|2EBI5<9=&e9@J+WViRMJjUg1JZxP(<3AQ{HtUnju<(3Q5O(4( z5IF71K;KmVuki~6FJa&+b6aEYqTSw&fWT!F3kwer5V-8k#8@u^0+&4=`8@U)$b`mE Ty|Y8100000NkvXXu0mjfnvu)d literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-light@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected-light@2.png new file mode 100644 index 0000000000000000000000000000000000000000..0f6fb8b90b4381f657b0894ae02cf02ca7a53fff GIT binary patch literal 2006 zcmXw4e>~G$A3xu1G9u*0Q>?9}uAWCobIWC{nv8x4x3%PDyHUw+run%o-K2Dlay^xw z5#{Gfe&^S{lBsS9k;&#!C}d&w#YWFpPtPCcoX>f`&gXqTpYuAe_xpr&uAr=D}fSGN$Y{0HA)#nYza#GV}8wFQ8`**FFu8#YmO?6Mu9Wq%4;Q<~y?b zEi3QTA6rDHM(?K64?ML}UAlF;f4SeF#-~5w#_vAQuQ4>Oh(U?1Hl{vnNPeArOjxYi zevnsYkWOT(iM#N9Tv(mtce0>yb>op{scd#y8Yc^jniJTEH_E)4T~7RTS`(Ns0$EpH zb&^qh+cz(=a$NY}?9m-?p)m?WNqUzSq5+|D9TOamALauSueTHKo4QN4Qo!}{K;QSc zjlLiB2*8=1p1trO5euPGJjxRyhrLwcT#8!e-xoGHgLgxeN}=7OzOL4`dJ51}jr z>yHUNvv8VZIA-o%f8A`y$#1$iT4OhrtT;5k$cW%-{ zIj2hip`Jfm4A5;YevIXCSwTTAwI;22Go4$ftDM$HP21@}S6k!dTH)@#OMj_ocg@<) zNQ^D*+K}FiT=phdb*0g0)Yy6s>ii!5)`wM#*_rF=)L_SkCYR>+Qdc5tFaz8pQ1p+x zSDIEfHQ3!=r^RiRO?!Na+Qy95%?<7S!yNmyQdK@`#{2R(!7ZFEgEEtWmr|y(kTT#8 zlawLnE!T@n6wfbyps`P3i9X0^w zny&EeAAA4S{*Akp=z;+Bx?%Kr+}{GyT0C`q_+=AJPxYb=dc||em{00M*c799LNA0?L$ z7YP2DO8T}vg{mw(d(?DL##^CwAG-<4EG)czO|3n@Z++D+>WoVO!9E$=nZ%Lai1|Fe z4g@^WgHB|-cMhfHsD!obFq%{RqacNk z5{x(zW8dQ*Y#UHFZ6hs644LlLI<75pT|!G?0G=SQnqdcnlz*sWXqO^Zf&q1!9-*ar z5>H6|VbBPeJXJs_rgybY%9gHsF=+miw+@u_HznU9d&=hY2nM_gTnVM{_dE19LX=+v z@VOV>iqw&^XxBcYdkmAZy1v5#bFXuK-{bb>hcd4NzwOF{j4I;zl8HK9qibzzCL|Dn zi`9k!BTB~Qn8F`k2l&*_! z$9(+6k@S<#F$~!T9D(OIn{n1i*}1a&o{TY7A^Qi#L}fpP4gYwPYKd_|!id~Wx$ z@IcNQEj!_NfJ)6%a>)2crEmnoVbiYmkqO_rqsR_-SmF3!Y)H^cbrd$Sb2*V8kJNKO zt-aGK8ui1S8u%+Sk}W4Ab;a&zUv*Yiq<=9udn)qX+7fT%GwO#2@Tt^es<^%@`s5rk zk+@^f6Q~@V)RElYEM8>(BY4=IE*wHLw<2GaO4Y1s{xaTwVHvN#iFrEI5kW=+l}m*$ zB}r1fR2GtZa^yDXcthW7D}d#(NhL+7ofk_`CVdip@jz5@g1em0EnkhiWSo+db1vFn zI`h1BpT#E$s`l2u&?dwgafjl9sCTT1Cs*~KeNmA-Awk!s`lCss&xK3Vu5YsG=~)x9 zuWDbPp=ssG|dT#+HM@QVeI3*vCF$Q z+RnVXvDD}(6NwfrKkjHPWPP}r*wv^VLfo?5XlI1rX2(ywDlT^)_w_T9P-gy3Vf6l| zFrlUg56uR6Ru3!UUGJJr!v7bk^)7DOzSK0@)x>$W3^N%Ipu_>X)mXGqn5J9FjOL@+ z*8g1B;+=ICkxIxe>z>ZqVX!UQ;rH)EP3M)CR&DBT@TR`#*m#5w-i7dr{7g@#(&dPv z`j@XLDpSn1c95ju4)^C$4@FiF&f%#T%eb(bn#tXraifx>&li32lp4Bxzh4FypYhH| zG&G0hVG&2@p1QCLW;etsnh&M>dadVWB6e`KxEJ@;zPk@@oo+|u`)-~s_oCIo%b|!!FI9zr>P~pjmCAZv^y1xcrtKyJWMU$ H%Z&do_Gq+~ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected.png new file mode 100644 index 0000000000000000000000000000000000000000..72a7dde0b63ebdbfbd60662029bf8e5f4636a9af GIT binary patch literal 865 zcmV-n1D^beP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10`5sf zK~#90?cFa(YjGIH@yEMk*e1hr`~%8S1T9W1eRxge0`fc$K@ebKVgiGMgXrz;MKYO$ z<3#SL6qSG+$3d}J#O&-W#>U31k3&r`4`_ON8q3Se=8b(G& zG$%=zT0m1%Q@mkrK`H?`j)Rqz6^$uUrV>!GSmb?Ai&6=wR4QrAkOA?4JkLWqotB;< zBjN!CK_ERrhQtFJA0L;VAVcB-4Gj%RPmm$;fV#W8r6TFE3bJT;%;w3sHZVTCdl!u&{vZ>uc?45@7N)zFx0metsSY2L~4O z^o?R&U0uH|hF@P_adL8ktE(%d(`j^ec3K>RzNjq<|LPzXi=j{`pj0aHJJdf+Bm(+d zUtb@BAV4;o{pTm{+S}W$k4FCyxqv7-;_-OnM>g~MJSHb6KfHzk(WhlH8I;Rq3=9l3 zuJJq3^l8;<6?1cQI6FIQTw_4gl&7aBEG;eJ?(Pm?KorK~<0IDB*8v7ZVO6VDoSvRC rAPVpJ_?Q7vc<1Nm42Z&eczD1cJ`|YIHfAeD00000NkvXXu0mjfL+ySR literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/row-selected@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b3e6e5db241a97cdb107a6c270cdd75eb0c59f26 GIT binary patch literal 1808 zcmXX{3pAAJ8-KsgxU)%CYjRsG(#FVNxtm(EVUaLyk*N$qw2UxV-|DDzam&FPrfJLM zvV(OQ$!)5oozzi{ieX%mN}6giE4Ru2owIw+_kHhkp7UIO-|ue#OFeSt>qJ|x(hM$?0#quj&RtpS6OiI4l0?J0;jkS?u=r|DjX-$Sx!SrrZiUC3} z#b44k1~F!ry-*xW8ev@#P_Kia{`AI>=3obXb0Y9gUU~(^a&vQhrQZe0=<>#17_ZOEMyqHyN(a+oCv%kQ@@S@REPo%Eo46{%7b2ADI2Q z#xeEB#n;0dbB^+e=(eyL*Q`@_mOY>RQEG!yvPwKXYHDiY6BDbYX*d<0(M(ELd;C+Y zj*gD{j*frs)i3e2jDg}}h70@)wfueOf4t^xe%ZS=K<(^ZMVTQQ1Ukn#RaN+bqqea5 z4()jjn6l(gDNcp#J-D*EBFc$=ZdnwV_?~m&Wjoh2& zhAJ3L)S+tD@56P$@f!DB<}$FuuAyc8XxfXvRLMa>l}wc96?L0?Vw|0`w#1)H`HhKE zs!iRH6QeD^!r)@DLYd!e_mp`-(gzg z0fnpi=;{w=buJ9}3>Uw)cQVkFo-3aDV9Ld4KRZN6(K5>h2^Yg|C>sY!HhK`yOIUG)vb9&Rf9#Eq& z0Ckt1U<=UsTNi;7g5!bJEQ@!dBNG!3IH^Frb)cKu*EcD}0a8mgHj&gBpOD}?4E%9J z%5`k^nXF7im%0KZTR&iFVQ$2A(N;<%+*jN3P5uu0yIm1t$@fOa{Zq+w6f@au3vEpg^m!TIPFpsArz$pkFV z@=cG1Dr|fY0DrR~JC}So|Ni$+Z4Llwn zaO~JMs1NgwV9?QoSW4UYlGFQ(EPS38PNi};rjhit2AV)S0xs#4~QPCzEY~ z6wZzU+0^tji=LHb@8s0*^^V}Wo}LM*8P7JNz#~sRdT=G%joKELMx({e+{tIZ2HgFa zx&Og~SIf(F;qq}JyUPVjy#IYm?Ef=Ea@2m$p2ohu!wJv+IB2Xza8+&5M1!!_)?HAH zpiGcVHp3@>-?xe=0@wTg>qY*oq>`x`ss!b%C9ExGyOxUOHyT#>OATCZaD9+BnM{@| z4Q{$9tShBfC=|B;BBOVS-cR*00kS;X(9ke4HdfDOv%R8TFE3zVJ@blN&XcE&A@&Xq zb#T5LF1zoqP=VmpliHtzeL3B3*~^5PMW}V{bm^NC;rO`4MJ)s+h!6MDYen7Z3ve&p zUHzcw{&n~4rrfSrBZzC)R-3~?xw#ufS5%<@JHf;v=ciB@zq2P0SbcqN1yI>%Cc09! z5tMSLH|w+X)x&LaeIFbgq|FX$qB!0~C|xii#wGVlH4L7Wt$mhX3Z|x}t40^~y@jlP Sttoh$0WXrDN7Ft^-v0r(#W#Kc literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg new file mode 100644 index 0000000..ad58085 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..9fcfe7b --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/close-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/close-symbolic.svg new file mode 100644 index 0000000..06201c3 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/close-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/close-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/close-symbolic@2.svg new file mode 100644 index 0000000..a26e6ff --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/close-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/devel-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/devel-symbolic.svg new file mode 100644 index 0000000..14843f0 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/devel-symbolic.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/maximize-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/maximize-symbolic.svg new file mode 100644 index 0000000..39316eb --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/maximize-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/maximize-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/maximize-symbolic@2.svg new file mode 100644 index 0000000..8095f75 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/maximize-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/minimize-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/minimize-symbolic.svg new file mode 100644 index 0000000..f3683b9 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/minimize-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/minimize-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/minimize-symbolic@2.svg new file mode 100644 index 0000000..741534b --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/minimize-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/mixed-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/mixed-symbolic.svg new file mode 100644 index 0000000..b12be3e --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/mixed-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/mixed-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/mixed-symbolic@2.svg new file mode 100644 index 0000000..9bb712e --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/mixed-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 0000000..9da9f06 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg new file mode 100644 index 0000000..b8c70db --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/select-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/select-symbolic.svg new file mode 100644 index 0000000..13bd982 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/select-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/select-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/select-symbolic@2.svg new file mode 100644 index 0000000..f491de4 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/select-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-checked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-checked-symbolic.svg new file mode 100644 index 0000000..747a499 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-checked-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-checked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-checked-symbolic@2.svg new file mode 100644 index 0000000..b7b1912 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-checked-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-unchecked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-unchecked-symbolic.svg new file mode 100644 index 0000000..fbff19f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-unchecked-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-unchecked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-unchecked-symbolic@2.svg new file mode 100644 index 0000000..0158c84 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/selection-unchecked-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..8e4689d --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..1a85fef --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-mixed-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-mixed-symbolic.svg new file mode 100644 index 0000000..63596f9 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-mixed-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-mixed-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-mixed-symbolic@2.svg new file mode 100644 index 0000000..2b5fe63 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-mixed-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..42e52c6 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg new file mode 100644 index 0000000..f4667d7 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-unchecked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-unchecked-symbolic.svg new file mode 100644 index 0000000..05e2817 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-unchecked-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-unchecked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-unchecked-symbolic@2.svg new file mode 100644 index 0000000..5aa85a8 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/small-unchecked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unchecked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unchecked-symbolic.svg new file mode 100644 index 0000000..6d97559 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unchecked-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unchecked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unchecked-symbolic@2.svg new file mode 100644 index 0000000..ea6af93 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unchecked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unmaximize-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unmaximize-symbolic.svg new file mode 100644 index 0000000..492d47a --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unmaximize-symbolic.svg @@ -0,0 +1,46 @@ + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unmaximize-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unmaximize-symbolic@2.svg new file mode 100644 index 0000000..85f4f3a --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scalable/unmaximize-symbolic@2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..3a418f657089eba6203a8fa9351a66b8722ed1a4 GIT binary patch literal 453 zcmV;$0XqJPP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10a8gs zK~zYI?Ug-C13?gm-`P7&%zF~#LVbth`!SQ1;0YzCKdQWFc79_g9U98 zW9swxmVo`ic6?NnvZL!K-Ix}xPt#F{F94oXl+;~EES%(4pREOc5IEt8r~#PP-4H;1 zs2$H1rR?@fD&OEWCAJOV05B7d(v~Wz6p(;#0RIRkX)ORFV=REWRyU?^76RoYX#{j* zN+-shwSbwAO$9OG&|1(QPVWJzCeoQ|<6|!e)`E)XMGT!`EtI{(lHX3-C1t=NjPryo1_UR&X#iWA*o-xi@wIn)%ir+jVb_K vQ@E7?0G2L;NdPD<%16^4E5T3V@Be7;J;-cliWDb=00000NkvXXu0mjf&LzET literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f9cd27916ef6b715175c881fe6dfce726c40be87 GIT binary patch literal 685 zcmV;e0#f~nP)m!Pc_7C8vptI*d{N|^=H~& zv_aDriiHOOiw8JL6y3K3)hm#`SvyH1`ds3)(UL`t__X$9(yu^6${dvz;ylaR+K^sA zxS-CI9ojIqUckv2b*4P(u`LhrF+-*-Q`&$pcC Tvo0Q<00000NkvXXu0mjf7m_~Z literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..c9fe248d2be6ec9fbe66a451ce17506570949ff0 GIT binary patch literal 475 zcmV<10VMv3P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10cc4? zK~zYI?Uk`g!%!54PjhY(J0x>6If$i$uOJ%H7cfhqUHSrU`VtNt+RtCX?Q^nbvw0I;HgUaz;7rsk_eBW0#p#(GY!=zTVuZO3suRAp%IqBxF+obw$i<=b~pN;#fRr~A6_LI40j6h+Tzn(i(_ zq?F^yWU`ke$$injwxUIKI-O11wg&)!Wy320V16b|m{<2ycBc~HC;Iy@+9#3Tmd`3W RRpbBw002ovPDHLkV1hav&O!hH literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b6c0a0f6abcc295c3057eeb87a6e21bdb475bc2e GIT binary patch literal 739 zcmV<90v!E`P)b){`uIa1}l1#f$jD3W5q!Jt%~x zIi&XmLD+*w&%%l;egFkwJ9*p5cn~kkF6}d!7z+8{e>4AICrzFNrIfJBG3qW*HjO~t zX$0y{BT#o5fx6QO)E%aCF~@P%4a2y>7`wt4+d#xM001fFZz04%p68#kEE`8rbf{}j z)G^ErhrL?Z+qPf3uKS=&2jvs+Ja5~wtd{_QWeNa* zzu&*u>-9dX{PL$oN_jM&&o75zctB;9E+NaZp6MzN0Dy?yR;#tE#8OYdahwa?Zud(C z&kzyE@g?e=iCls)cDx4!lr5Z-1q(4W%e)qR1JdQKIi-~mD5okbd3d630>tu=UlU_gwFDydoWuhp}Ra( zFpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10a{5! zK~zYI?bR_$!$1@V@OSqv)Pz7gN+$;e&CsP&A>bj&>d?L4z)in~gOjt9_z|Sb`wAk` zL8&elKS4RtcZrKb!6vyA3JTu(-uwS@TyharRlzow+-mwi@GAh-)<8r%%zVbo6Km}r z001Jsb~>FKA;h)T+BD6Jrq`5+c8xLj%skjsN5omL*ULwv(YrT5M9LWR$jpaLPl$-K zFboG;Yu;3^J%h3=FWSNZ0Ian~Wm%rr)oX#GD8_B!F1<}VNL&GHZEbHYP*s(61%wbQ zZ$K$EcLk)BZ{9!<1b420QtH+l=yto8N~s5j@TY#if8`Afhr?AI$74iX)b$|ZB97zJ zBuNTy001CO(|H(%$5P5~Un(Mg1VNCcY1(*Jt(TqF`X!1Yy^ef^pJZ7!YnyMpi`Ewr z?Jt*05<;MBxEBBbFr7{h008nle|DYm0)Ddo{vYiVtOk6_63Zg300000NkvXXu0mjf D5Zu7o literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..79b0d8d7ee50bff9a45d716bcb8d3ba06fb3aeff GIT binary patch literal 727 zcmV;|0x127P)vnH}4JC^tqbc2eeqGDj61L8%1#K2Ms3IlwH z4#+trLs&b5c&WtBfYiwGDfTfS7St+v&S$Jh{_nr%`Tu=)z85scz&eZ7ZJ?~00ClSg zP`8=@b*l+bx0(QTtL?JbbUM9~rs>T*&wE8tY#U=X000p27h~)*W9*}p@^ugdr>=UU zi^JSxGTGExztmb^Utv@W&iOIte19+)d@b9%bb#@Ad?QWM!=flIks2eWzVGjaVR%%g zf2lQ~lzK3m&E8SX0{|Ff{4`BpDWwj|c(5LUBuRF))`!LzEM)-E_`ZM3b|kCdBJmZ{Si{tnUm9?5ed7eLaWgh-ar!D|Ivth|2kR-`gmSvwR*hBJew|kZP zXCj+G#GQ&Zz?Rl}hYFF66h$$hGF8?l2Usi?TU2IM8Dlo7jLisKrZR-u8&t+-4ODpm zB-geH@RQ1{D#jSOHaS46)%r$dRuv+Cr!wRK?RI-YWeBwul_3Z4Jns!6E~wlxA>u+x z`JT#=0|Y^E$~pf)<(A3wyyJeqU;PvU0O)i&w-NEohCSB=V>2n`9V^xb>h*d*eBa+k z#M0L}L^MK(J=<%h^*=of!y_TY6I=eTgbXgvuFQkWbN#9zT$%^h7n5ZnT$_g~ZdMnCsKPu{^)~u% zh^owktEa__q?CFJ01!pdy{dXt8sL9u?Vs110ClSgP`B1Tz;C6i*`Oo>K*Rt5002ov JPDHLkV1j8$Nv!|? literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-after-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..854f3a5605f3cc42ec9f47f3e5ef5798a1c0edf1 GIT binary patch literal 428 zcmV;d0aN~oP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10Xa!T zK~zYI?Uk`g13?f#-{cOhCAGHpYGY@>&Qc;)f}n?p=|U_l4hs=KKnoEO)apvHv9Yod zd$mYHG*yTn5WUOT2pY)l?F9lBnQ~|5J=h&)MO7JQFk%yPNGr|FcIl9TM zM3I+SK)bq$GGomDm3-7TvI~%vRQPWc2M{ppj8}85P4ML`0OKUt1kdh#eH}oc*Y13| z%r0nk&Oja<@Q?Tt7nubbhA}a#K+OWL5zDd$f$_bpyGTowCK@jQ)jrtuLSgUDQ)}axjVb_n^KjJd*%GPLHMlG}wJ}?iqdhY4Htv W6=~YiQh!1K0000m zGy&?S2~ampfVyb{)J;3(VDfbRBJJq|G`mTr*HPwe?) zfU_vCWn;J)<-xlGG9KJVWD}4W1Arpj^R9#|fIJ&rAuD&CSN=E-XmLXqx}U8=-z}7t zj}w{)IM0+v9-(;!fIWvM43&>oiDwVIw`&3s z-dQD%GCFw$9GZ2rIi%#RRb&qE=V9cHRTsdPE*4*{B40&mO_qTJm-cvmB4ytrbOq3b z{yxG(AjP}+DJt{c$4qxk*Sx!pQh4?M5G}M*nD70+L>)@n={`Yp**}1+YTg^gc!)k# zHSdjFAyihiQ>?|#pQJ4?he%|elzmNbh=k@z-I&b`k=Q&{be1QEsK7i`wZ{L2sK`92 zUM-$D`14_pqcdYr*&NM>?wV-=)J+qhZccrG-)Y#wD}OY^82|tP07*qoM6N<$g0PSz AH2?qr literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..2d499a84f062e2d12209b6b19feae95e7cffb17d GIT binary patch literal 423 zcmV;Y0a*TtP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10W?WO zK~zYI?UlVs13?sp&)r?a+E|FCNiY`T3kag1RvH6K5YmW^iug|I1Bin{V2QegiP28- z3RV_ESQ{fYyK^lhjX1M2l7$qW`tp68`6XsXo^f)ekDVY0MJWhHDHlOKY8K%-cW|9< z5Q({w3hGg_DAS}3U>-mjsna%q`08~82<#F$1!dfu(86N>y(ZIh$y!6_i*|!!jXg3o+jO0CQ0l+2t{*r>dfY7rLC}-7sAaP-gCl=O%$q#u-L?$hs{C7T6yEPYW>sCw`q#FXftb!+y zwN|y!S246t#m#2p%^#%e1RMhN2p|R!6XSuI5Bz~#)xk3xj3VRp;rt77$rl}tYR@?G RMkD|L002ovPDHLkV1f%%sZ#&| literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..026905dd5ebea3ac589e9cf9c0e8fcb1a749acd9 GIT binary patch literal 678 zcmV;X0$KfuP)v%(+i7k2zY2hw?Wy`xbzUn_dz;KN z(<=a^9ex0VG2f}ou4uw4f!bE*Jg5El00uNe|HDt-&qg<<=e|gTsx!d-{u7Vo0pKjf z=8+~S-hu1gwTlt)2LQ2V;4!2oiZ88St$mh+#5-UN-zcCw0K{3AHpG3z0mg(hV-4eq zG$IyYU__b`Ff0vd4)Ks8W6L>dKqHVTGPdkX0~&!nMaGtI(tuomct@PEN4&QD5NEU{ z&DbMfTP#3XmS}#f7NjPMTGEhMpff%9i9pNJ+{w@j=~Wood!dwZ55Nyi_6WY4D7vo+ zss!Ft>K}=C;m>u=87AV}nr|O2Ph{=M#%p3MIZ7}y7Tc4JRqX;!PhpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10Yphe zK~zYI?bW|Z#4sGd@g!|pXuAt83dbGjAR;(B`3mI+eSq6VeF%M%fg=Kjrw<@^ zE;n4Ef6OnflhP$^16R1g-zWKXY|#3~0RS)ofXN_06h&jt^MvPlPhlAD zuN8=*XzaS~17mEPF}4*1!F^w(6KKZ&4jCY=004{}$9ZhVn~3lGcK|SIYf#-gm` zD2iv!`9WI%5ocMJ9ma9|ZFGY)O)tCRgb-re_8w#GOt-EDIOkzk{C8Z}1!KUntlhqV zWm!AM0HxIK3$*Rk0!pd(z5pU>_iBN%EN}V(Qp#InV6j+SDWyKT;)pn#&*#_1fDi(g z%jF3ozO}`(EISoKpfNxQAxV;aQA&^VJim}qzE)MWs;X)wrF8I@1RTfNXt&#+8DpnZh8_kH!{u^$X+EF-pk|eBA3jhIp)&9YWE4dgCzHuHN{GAzwOZ|F0p$Sz1Y_(v zHKZbNg__BW5aKE|Ll$6+ZBjFN;hb-fGt__(;tVyD7tZ-vaz}{nD{o2VHn<3x%!~2xN4--A&7~ZV4eS3n9)6Ax^{J(_2b;kf!OUD2iS$ z7K@*zW*QYJgX;5o*;E2$Qwfw!B~Uh%K-rvlfj?)8<4=;c0`dR=002ovPDHLkV1mJu BKA`{r literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..c9f33fea4120ad80e538653e845072e836673da7 GIT binary patch literal 419 zcmV;U0bKrxP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10We8K zK~zYI?bV@9#4s2K@U86{%se>^x!ehY;1z0k1%krk5IhEW^gX}{Y!@h`b_TIv(6bZG zM%J$_YRN*fZar9X;{I~^_W!NTk}r17MRNwt+P-%H=X}jMU(W&vAy!)JR{(g=vh3_% z0U^Yyu4`efJu$`{Ypq|VBBMaRyn7accmXNpvT2&Pe)%sXlTt2s0`fdhlu}z`%wlN9 z7_(4HJr_kmgMq55?g8M!_jOSeMF4PKmgQYA0038G>xlX-A)C3v%V8N5JEo3$_XI_Lg+CVV2nYMB#aR9;VVzm^pY_K zLo@N%!Vy9oIp=QMw!P{8ER69NrF4T3dSZ-y``#Y~{+j(-I0s;s`~Yj*n{*EjHm3jp N002ovPDHLkV1l28tQY_Q literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..23df08787869935ac8ed696750ae265ec792c9b5 GIT binary patch literal 714 zcmV;*0yX`KP)BB5Kxa(`7De&QRe3@P zQA%y(dH&QSi{1et#MLxSKNCWj$-onkVHjQ?kH_CIA(I`r)j)Yd2w_snO>77)P?qHw zn?bA{VKZm}DdlBsrY=gUOV|urKx=&-o2iRZ3ca?8fWl@Fpw~tVP)dJcGl;bh(HU&O z^SlFWrY-=0x`YzL%jmvArWT&(32X)}003`HzNe}@{vMk<4bJ&H z?5{8}Jqt0$wkf4YCfR=h0KYls+a_5ffjEx8`o2E}0PAP->*MrYlTV-6+|a~v{M`5b zhc*)H@(-dYdS$$Z?H?So*=#e*vR&-)8UU8PUhhsE$FFVXTMLlCH#k>{qIgmi#mySK zDmmvL`u+aB;c)ofcD56Nip64aakX0AF3WN#rMyN6Ik$f6kTLd!G4?SCf)|6q;HRsZ wP6gVad%WH@oj}`k0&UX?v`r__HfLVo50|D7hHcCCJ^%m!07*qoM6N<$f_acU5C8xG literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-horz-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..220ac7f759faf8d358c9edcaaab764babaf79ab0 GIT binary patch literal 396 zcmV;70dxL|P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10U1d| zK~zYI?bRVq12GuJ@&7x@4bKt`8`(_|z5oV+!=TTQnF-`9mYkRv!9gYt5)=tx;VZC! zK@cnwg#}AOuDqy0NVw7tEo-aPWYDW)xy0(V z9PT&&6p%r$j+hb90$E}vANe9b0$P%0R$j8E#eB<~sk0000vv=?A%#Nrk|1(+J1!Cz0+NKj| zn@(UFGA;))UK}+!qcH&)mji@bh+dbw<>jX4G$Qc3{2#70C6QcULiw6TB$5hDDPNOZ zBAGxy`I@8>Ndye#Ym!Ms3pmQxB$1Gq%jt;ne>WItv9RQiI|XE=oJCm!#5;T&MVQrM z_}JCMBOrGc_mb;tV5ev31imBHj25F0)}ZeU^thd{Jirb#zv&5@cR-ex_LEg_fSzaI z6e_ejpmU@5mXLi1vW-&>l;_u)`AKsf`y4rD&x9^5$E^|1893y~gmTat@CfX7WJ1|v z4R{2$9GOrytpU#&_+-z7qF<~D&knqDWWvzQytYF?pW8Em27uRFvN8c0c{O}oC9R?l-emhmb zeJYuWEl-La_-C<|8~f1wG;kE;2(WAWrO%)*QF%dcb5;A7J|>&lJtJ$GPM~c%fwt)c h+NKj|n@*r@ega0_srgXYwVwb0002ovPDHLkV1oU@8fpLl literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..1de942d2ffdaa6e12749bc08d5fa23e628642cfc GIT binary patch literal 378 zcmV-=0fqjFP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10S8G$ zK~zYI?UX%E!$1&5-&jVga0PCFke~}!aAZn1p+>24A=jjVG7ujD=v<)OAUCiqcHbN;?Ue16a5^ zp}ljRyNj%H8#3=eoUv|z*z>-CPVplEang8zm1P9L8S8l>?)$n6%%TB12BkpV!@M?) zmeGJkmaTQKxexN)Xb(lPi3R}7^I~Nh9STf=SD^V^@**%bjShWXOlVa6hW`J!J_3UJ Y0MXx6_`+rdUH||907*qoM6N<$g4YV3EC2ui literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..1fd4725966e7db8c6a8ab15dccc86008c5adbc8c GIT binary patch literal 665 zcmV;K0%rY*P)R^k zO7Qle-9Ihccj*AVY0?MwfLlg&AtJk@_8=|Of2n66K2BZ%iNoLlnyPxxJ4s%a8H4i* ztY$u`pb+FD^4N7HoC0*G!&ZcTbDa6Vv5=^-IlABbVHKTbFM^L14j!PX%j|=TXkLLo zr81Zms5VxX8M1!d8O$w`eFdVR{|^Qa5QeI;RdU!u+Oa#u5TR>z>;Y8nnVsTnSOu4d z__l*nlr^hx(=KzlRWJt-FxTqBsJ(4-02Q5Cox%v_w(TpRa%6Q1w+$1kV-FBUBVcLu z3XuIm##YH3;BYHGL-}I$u0`du^%Tan3Td9d2No{w6`VIhobEzS0mcuXeg}P4(N@Y8 zc9RE#pDwcVIgoaCrU-9bYWF2_kk{kR6Z77`p!6$cd@}5*>Q|s?RL@a;o_2T4mFF_0 zPvTK~kY?l?D4&3=fRZEZH3HczJ9w)4Dse$~I&6iiu?X8Jcaha+6=jYvL-Z)qAa$uW zS5avIAKbLdoS8a+Z|VTPsRQ_?4&a+QfNy>SH!`UYawmba00000NkvXXu0mjf_p~3F literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider-disabled-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..8d117015bf7bbd0efee28852e4366a3d28533f3e GIT binary patch literal 389 zcmV;00eb$4P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10TM|> zK~zYI?bJ(Z!!QsAU`ZY$)n-@)-d3KlKr@v(_GsF?}+il-d&^uMNxdrvg~0PhKE(ht{lMgyouvDFBoGE#?x9SQp)Wx3}06n zztT70dEOJ(b@#B%6G8}M%<1)dug2r?PL&>vXTbBkiR-$1lu}xy0RVtFjwhxwVH7|J zvEjPzCzF5vEVR~16h$}Z^Z8e-YqW%H+kReG^JKN0y4~(G6Bj)LLWn`X-#@&7Gek#G zGzi1+Ge$x;!5G`RpaYPtYU3oV(Cv0_VV$zrw!MjU&;cl=*Rf7nEXzXIHVJSA>mX`h z#X6VjGDj&z@98E1ei}HX&|3e%I_Lme>tn1_7Nr!rHab9_=LcA)EJac5V;z%^I3R>* ztXBf1wGOcoI)Lx{M`@bA$9m_HW!XFIDNIavp)^e&X{{3z_bdQFN+}{sao2U-m)Pqy0LUas z?oX%Fw^hckpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10ToF^ zK~zYI?bJO^!!Q&F@aM0HT3&JlP+?~E5@qZK=tZEn$VDh8V2iSNW(^3AkR@?ZoY+j2 z7_c1+RRXDR_4EH{%OA)&2d6B2()2U%Cjc62P)e<|*1K^W@0@dM004y0Tb5;e&Uq!J zJcQ<>&^2wE=CbemXKU^CPvaQlRtT{visB;~P)e=3u6yx?e@F5>zxD0Jdj?wTT`U{` zz*>7V48y&50looa%r+Ljq}L0~^L(`wu-2}Vfs{fB*<^qa@}2;Ad%XZ->~Sf;7~3ZU zobw7}+{VH^N(Q8q2O-2Jgd87QS(cx^p5RLc0I2KwVw$E0W6bt=TL>Yql+q_k mX%z}z1pK!C|95=`qV)wAL~Z&a$RC0L0000%`34pWhl*!)+N8*4Gn?JV!ZgC^?K8W_p0K|*{N{Q7JF`181Q3z^&+wuf z$VwTYXvzRZQwAuSGCYVfI%jL2g$MJc_*xKr+Lm|X>A;g}hX?@3W z_VcOKr7=|x~!{LK0Jt)t>>d9{-B4la+04>YfP@M^- z0KV_9Pp8ulDo_5%CIAB4wy!vj^OfoIHb5?=?2#p^5XbRVs*@HeWtZxx1h_}MXEy%kR-_& zs*@H(JWF*>)nN_*5~`!}691q&1b$KlasVO30o6$h=bSvY$_%`xI%&~${TUwI#JU3aHasXPP#WhMN!m^fTAe_ h6ipeRXvzRZ^9%n8=DPsG@O=OP002ovPDHLkV1k?KRgM4v literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..99c7551a59ea78ac49c077643d192fc8131cff4b GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(@2T^vI^I^Rw)^gC=I(Yk-X zSI3E46QvbYBrILRrj_X>p5&AWXrHIReaa`&>bpSB#Hd2%W9uSZ#q6E6N;f4pYXz>% z-!lKc`s?~_E413LJXr8j{lI<(m0GryuY0acS<%<9`tB#G8OfjBR%gAoeZP98&3U~G zDV#CZI=V^RwH1Fl*gRs>Rp#f<`(S(I+4gm_ccf34WuzeUpzVrJ%5F|NDe1`GrSPgg&e IbxsLQ0P#(iLjV8( literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..e05f9841be198ade1cbebd6af5701dd2b04e532f GIT binary patch literal 642 zcmV-|0)737P)7gCGd;x=7Xp ze~PydaMgQq+?g&9J4z19PSs3kg?_FxZ*{%h)72j%s>=UNCw2l&Nd{t*48$fGh)psO zn`9t1S)0M+?bdlpR)8zOBCt?B8Uu%j>=7ory1x0fwKm(>%*pnPdGyQ^(3?Pa#_IuO zh=g2wj}9BR-PC}*8LWct0B4QTV~{oN=c6X=H<|kK=@2$Gofq7?Lg>hFQDV|RE^R012R=V~=E(6-z{03Za=~D_QYkKSP50BWr4rqVl zGa?T>wfh7CxUcIQ=5PNOZ5%1Df_|8uuuL2wog3PFXs$dbX}l6^KOa$qB~)JmMGZ*+ z-Jx49H%*?lZY6#Po1WCB*DA^dq`Fp7#?>OVPszwrZT{M3`bQR-WFR)lKx~qM*dzn7 cNd{u`6AQ1bYTlmitN;K207*qoM6N<$f^}~g0RR91 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..5b7e3704092408601d1b3332a968cddbf1e5119e GIT binary patch literal 403 zcmV;E0c`$>P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10U$|4 zK~zYI?UXx913?spzdI}9BUS-RMJqc|tTloNqNE7ywp!@F5>hA@P9X#l34$O53$0_9 zp!g3AB*^THjdnZxK!XZ7?aV#j9p;`Z&N+rDHB|Qz;7fDqzIX zws6*)Dj(lgDkiO7(#EvbyqGnyy#`i1<@W}ntDV|wVL+ty_@Ja(z*<^|K!@0FHul1o zq(ko?^h;_#hdIC^fx4?U^+F*4!a)x6FU=FHo9d;W%MB36QUL(Im;7oDo(g((i0yh~ zJM88Ih|~+1KNHxkq)GAuCf?!`;30>3V&|EF^Dulj*j?Z;#k^&Z4POSxN;03TVlX3z xI3kc`5C^X9;Iubcu77J){Dl7hx*h>C^#N@?WwX=YJU##b002ovPDHLkV1ldBq$mIY literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..37b581e965bd6883124dae6859893ae0d3786d5f GIT binary patch literal 685 zcmV;e0#f~nP)^pgW<)oeOoT$+*x!7uuYUOAdwmtk2we-!qfRIY(5LgG>}!fG@d$(BuX} zlN$(4ZXh(dfzTvbek|?OXC;m+Dx-N+=78hCA>gyX2SwjRabatFp|qP-PRZghccI%n znFtRRy$Zw=mj423Ivm|?FI5J=Nr_Annv=iKF+x5tpR@R>ErQeEF$u zm|F|QQ8iQX07^COH}2VnSy!OgYo18ZPX^P*3EOtEu0X=bWK=pMqK|AU;m|^I);`7( zrMld0u9+;gHXv}?NtA6K!%A2i&_Bn6>0nR^mnk&Wha{2xr;JMref3ggmu$7QSbnnK z5|z$YOt9Gb zF-~WpC`s-EKU`w}%QO#j+Y6;#RIgrnE^cv41kXauO%*Q?VL-$WR){h10gu@FLSwp(BuX}lN$(4ZXh(dfzbR0N+GjQ TcMtr?00000NkvXXu0mjfKQb^z literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..56705196e2acf7a40dc8ac1fd3056cf1bbedc677 GIT binary patch literal 433 zcmV;i0Z#sjP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10X|7Y zK~zYI?UX-C#Xu0oH<=eA38Xav3mc!}9TWrFi$VyPCMU4cO9(brsnS?1IfGbu0YOAX zkXJrDK$1;%Cu<{CNj5Y{L!S8WRcPr>b?a03BW{^;QRi>b=`B*G>-vb zQ%Z@5IIHVAa~$U)NfO@oUh5mvD2mn$!?*>2jkdTD;*l|SNGW|A4T$4-g%ENN09$<( zBI3L(%RNfzYg@dt2aK^(l{q1V0Dxy%)?E+;+oJ%cX`ZOezf5#})wb=MFbt=I0RXT* z6hL}@@_TzAgqV#nLd1Dd6uViLJq-eI&aa1>H%;@N=lOoyB=t4JM)Ic1^=Ql|<+3Z5!!P501JoV}WEVJ3Hc&qpa+EO1t5Jg;R!9yvc2)k)u z$pfetJ@^2gEp#71FCI3@gk;7`13l=H-z4o&$mg8N@B5kG?9NO;N=a@qRCj>7v;w+m z1$5I2=%y9WO)H=qv&ok+#s-wq`<+f_8vt$@hOt2iv4jx6gb>R-&%a42KLkN=)>KVs z;xIQH4sSb-GwpObcPn(Y;GBO+lH_p|Mdx*E*B0=7|B-FmuK=Kj87HNTlO)+cJv}|C zQ@_@4!1w*8NX__9*=kq<4u}T7r zv4QKlKPaVLm7@QGb3UETW>2x>l$MZXSw~HVCxj5&whtzg$!qL5bO#t?oBe+O=T+?? z*yV%{K`Gt2$_>zQoLx*O&_OKAx`R%I#J24N-}euzJc|}E3}Z_v6_To*P+3A7%Bhf4 z=>%Hfy1yd0BPF4ZT%$F$bs6|oi3Lz4evH#;*4|72foFz%}kPy7H`W#e$kR0a%sGFuSS*%xYd0cL!WbKvrg@K2x^0@~CIIvRz%Gj7 zw-91k6vfvp%icE;yrfY99o+aYbFF}GS^?d(0=j7hbkhpx<}c0j0PU9qu@?XU002ov JPDHLkV1ifiM<@UQ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..4e624a8887fb69bfa3d95a1e3543efdc7689cbea GIT binary patch literal 420 zcmV;V0bBlwP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10WnEL zK~zYI?UcVt#6S?nlik_FVj-lHv$2sw+q6L}k_Yf?eFZD;H3S=zR~tsNZW&##kHRxXb(#WV5d8G)a=3-TJN)Ib!+XI`?I87k=CAiMo1gb)+<*#AJhS$ZkOAD}l8Jy>n^CR7mx{{}^v z&F&udAMmQB^{kimu+EZAX1sJoL6^Llv_m1EYx3rOzw=%)Kd3Q=oM*td09RTAzG)5k zrZwQ3)_`wX1HK8H985~tqm*9PT3;>8vP%fLsI`uQAovCVM?nyb!Z3WBB*|e@IcXD{ zxjfI;tEzfZ6val3s#c7#kBqVHIF659b2}T5Qf@64i#@IN8YT_^W}NezX_~%r$?x2lAsH$q+N)?j2m9VM6C2Lhk>Qn-4fKqy<7fD*{ zmCtPq{BRM3K?t$i@Ap^!knvBRSq2mk;807*qoM6N<$ Eg5I@5LI3~& literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-after-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..53f1e3a176e5560aa87d6d3b321679d70e2b8bca GIT binary patch literal 395 zcmV;60d)R}P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10T@X{ zK~zYI?UX%B13?f#-(*Gd2TZAGWfv6dh+t>!wOXi^cB18BDWtRrBBW4k?hja43Bf|^ zSb3sYd8YP*+l*DZ+q*q9sE}!Q_PtqlW<*sPW>khs9|``1V5}%XqR8-izX=im^FRvP z1P)Q4z6ISXV(r*=yX`_`&WKti;W_ok%cQ zY^=5MF9?EmLX4e7V(Hy`EHq&Y&CZ#*WDw@5=gfKEIcH~Q=8CHFKa<545K1x-n`9t1 z$v|w9f!HJiv1!yfnT(1im7YbjMbHIc9ykd47334jJ1Ez+-QB1yXB~$*dG_QuS$QA0 z2ppI(yadKb+0j;aGdOps0U7i!AhH4+F@|m77TJpc literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..66ba8928e78f916fcd1525063acedde34ce836bb GIT binary patch literal 416 zcmV;R0bl-!P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10WC>H zK~zYI?UcVS1W^#jKW}#>ClQU7E2vN_BoaRg@heC33ZWqq|C5MLVJ{KnLZVYA z#US9KsDtbjo@CS4I!b!4lD_H8(QdZ~KFDxPNe31Ta4@HD9M>BIu59f^%$7BPteuEDZ-0^POaMMQ2~ne>I7_gv zVj8n?J3!hd1B?fO*ZKOmDk4ju20#?Z1q%Pir{XvC|Ic*`kg9hd6K=59MmY`u0000< KMNUMnLSTXcnW}UE literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f9a4bd83ac6ed6991900c38d820b7ab5b99e279c GIT binary patch literal 680 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3TAX~PbvH$7ERG^?_ ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$QVa}Crk*a2AsLNtXV_+o1d6oX zFD_1=9&uCR;x&O2@f#+bc(-V?!EAodOhvP#&8{vRt}J-MpOL(3j=i;q-LZ(6-ZF@xx-p%5vVA!4IbKYk6g&K9Mvo6b@z7(L>m>{s#dxqKn#&e#+ z?OY)rp8Zb?lakO3xI6p)^A;0>poRsj_L-bo(m0W+&^Cto;j&OqBRfy#_Bv+IwOhRw zY%BCMit}RL`OoQUX;b-<&O5IiSm%0p%D?t-UbNO_=3IpU_g!3vQ}m}?iCV4d@#Y=l zcAqA<=Z#Ivg^gc$?U&nU&M7UQ@u+IYx9CG@YZKC9>f`v8FSAF;Yc|*A3%0Z~sI^`^ z?^0vB?reGPvF-c9Jf+r_UV3~v!G>+abmd7+A3b_sM&5oDcxCModA;1SpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10YXVc zK~zYI?UcVt#6S?nC%dyD$s1_pA3PAO>_rq`!MJc-oyJal3Tx|taBu_>-yr%77KgF1 z(bOsK&g|`EZ4?4tk_&pGa9_84yWeky-C4^R1B(<}X!;WHCji*A!S{U|5zmDX$B4KA z0E~zpl~UJfnqI_ltn1EOb90Eh6sB@`)%JjYfx26uq)vtBSL!O% zS`RJD+6}|-ZI(at4!Yg$mgjkKQ#b$sB5o_CPOJPc04Zh1w(Wby*lJUF3DT?d%8Sp+ z8Dou=m&G|>tMYz#4*LE6(|9~SAfmKQ2oXKc1pojT3Xf~ f{r~TJ324+irLU2wgrrL<00000NkvXXu0mjfm0-HX literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7ce5aee8c5343ff034cd7edd84b71d82a48a64ac GIT binary patch literal 729 zcmV;~0w(>5P) zK~!jg?U+rA(?A%<=f%9VCqci!R@kdwKoAe=7bqc=l;f(ZE{;Z{FREJQ&!}nh2q8oWX;Dg_YiU((j-qI2+WZ37b*~3Ou%oJ5J3t)A z2d19+|3F>Wy`d^vE5Iga{tq*RTvFAn+==Hizj5;jAw((NRn;tAfo;wFZ!?6PRn{!K zD5c!$Pa}-6RMjjEkf!N=RaH-Fxl%v~@k3R!@+D4^WWX33YP(WE2%&tqTk9*dt(A~c zepJ=0y$@_*B?RaEm8wW-C*I^raL(TqMe$8lr+gMll4M{ygp_j3Ilrr;)#`~2KTa?n zkMHDpeyk(bZtBxC-Jgf3vsVCP>`|6wuXP8g-BR{?y_>C8>lwzlt)c^fpNz44S(Yik zxF<2v)CWPZ{v?q0RWCn7++vCfDKOlpSdQ0ZJGeKX#&`$31FKhfNg#OEkzCSX&INj00000 LNkvXXu0mjf_XtOZ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..bfe7e5fbbfee25abe615258df7fdba468128f8d7 GIT binary patch literal 426 zcmV;b0agBqP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10XIoR zK~zYI?UcVt#6S?nC$qaDA>;+LyYm_g8_N(}(L93K*hrO*2AU;3}Bcx4fP!u~& zdqp5}JGX0fpqPKBccO4#`|Zx}TV`f0V+^cPxYFutz@Gr{t^;|V+eJ~FDW#6I)`;Ev3{=S8)IUBHA{_jGO!~fH;mvRaM<;tv9=h&o!M+Pnx_>O`a#$ zT6ZS@C?Xm(dB3{{QpzVG#6DxJaVqM>Ie+d2004-h=+SlEJw$xz3lKtF_6ER$FX5cu zA>u`o|I;Eaj_MhW`I|y#{pZ9hSh2 UAABGE`2YX_07*qoM6N<$g1gAF@c;k- literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..23d9fea076e074f238d46410d60d19a1e52a69f5 GIT binary patch literal 729 zcmV;~0w(>5P) zK~!jg?U+xC(?A%;-*@sq?ZM05byYn21uBG07V%r`!9O=ag>^xSmmb#33VK*Xz34Yk zZ%t|`{Scx>{0a+hJ0zKm2it>Eww=ke!$N-NJo7%!yfev6PzV7R8DiQ%U77%SL z*V+SVn)VoDC$i=N0II5LF~&~PG<{yjgK`Jv=AYFmz90<4`*9qkR_%eU z{xm{F>3Zh|NRp%*1i_11uH-nC6|8&iArSwpD2t=HQVfa`@t8^dGxttJD_`d(J)9L(F z(JNnQk|gQ+zTZ=McP~Ih5d=Y(QuJc{F3dgJ~x zj*d(Ha5%i2=lQFmDDDU$R-Lc7=XswT$2m~B!2FMv01HN=(Uqbo_RF%2g%G=(^Bn+S zgpe~toH&j%uq^AN4&w{71~9>e|1;MFFijJ{G)(~0GyzQ01Tf7X-q`r`)Y#4500000 LNkvXXu0mjf(NIs# literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/scale-vert-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..3d2b6ebda4fd190e20fcefef298f87d906b02d1a GIT binary patch literal 400 zcmV;B0dM|^P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10Ub$1 zK~zYI?UW%)1Yr<{pVwWvAK+oq3up4o20>6vf_Z~z@eqSx7BR>L!&wExA~u8fBh+N@ z;J{?ka7GcMqPI5&5ft}!zeN`m?yWQ5`^+%kjLeKYHIS=&AMhstep-UUaFFifDrSqI z3BUtdh!cj&hZY1;;`^j;s{OqYJQ~QR;uC1`+MTzJt^3RXh4m5tsZvch$67tW1F$eQ^nO2+t87u#+aVJ0?`U0@^?K?c? zfZL2d*G>QcTia}7omt?<-Csw}0J3*-N%8486M&CSI+_7463m-;{z9)EAZ?QYRIB+6 u7ph207!^Rk6{7LuQ}G-6|L3|7NYxuDvslPobm-*(0000gk_11g)Wlp zKhP@wAcgjRkV-)f2;$5fi--|4n>qK+&PBLS|K4-nd(NHvF`}yc&$L1(;7c?RnrI+2 z(LiXTfzU()p=sASm~3X}D0B(rA}|Nc0N;U+Aa6ilGQ~)j(|5JStm7~zk2lV8f(=wJ zSD2Incuv{AqpP>xddK!PAcO1*$|f*vlzu@-G)Z6h#P?bQ($6|5Lx+GlT*lfz0uvXh$>e=23c={$pf@$=~b(!l7U}eo4VWPAA$6ORdTF>24?=xXbV=w zSObmC{2`~Ug7Fn-HU4N+S_NYbXwrLxaN8>-8=tI#W7mKt=>tSN&MDd0wF)YIg&M1b zvSXE0-Uk|}L{2F~tH^Yem~bVA)?FBvv(P~$YB#Y@F6%Brr~5$7?WCw&)3xpg7qRn& z=AfOl1NiI}3asf$cjP)i9aqXllqbMRqx3WAvR?0P`^5KtR?#HgqL4Y@8StZmBu99P z<_o^bQ`f7+@4*IlXDFu@5xE4+0%w44pkL9}YbakqF><+i9T_wJBMVG45SnNpG|@n4 fqJhvv1EKi|87aDyF*JU|00000NkvXXu0mjfLj@x` literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..ec7cfee8a50fd4a57547baed235e9bca18ce59ad GIT binary patch literal 651 zcmV;60(AX}P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10vJg| zK~z|U?buCg6G0ru@$ZygE$u4^sZTk2>{%qV2{t0_E0IDkUZrPSr4POWp-2uE4D=`> z2sXQ{wY^BS7qO`|f%cHetcN(8&C+B|c4s$-{7y5&EPVJ+W@b0SbzMd|6KMm&GU@Lu zR(5kJ)^NEG+(_8c0QQAYtL6FSBRwee5-(PEbF}yXOeYKr=0XTHr;(i{R;-Nx4q)0< z6VG&~18gtrXhiTpH~pI=>EB$xOzFnR@8U5qYElC#Df#*FQ|P?O&>04zWDEP{E6xrq z8b40Cwe+ax+{7!Wq{M!)&Dntkz{y^P-(Qb=&QBERRjz7#W7$%XncSV8&m;zH<958t z@eem!D)xOY5#X>mk^n}*VHy|}he==@I82>`O19cZNnp1QisOGOShK%it#6^4&BSq` zz?$V?ZEW%DbCv4z%}`|AxKLpIOwtFI#lvwMVvEo93*@p{V_hij>uB~Ld zay!&)Cstf25Fk^?cOlQ6!!D$WWgQ6E4=Jy%jN%yNn8_6Kw3v1JnV#1ZAH%M|iV-OMs`_jbIZKq9>?n8q>w?2I9P zU?W9GFn@Hz58O}3a!my9bkhS0p;m#5)KHz&q${52jt4ByFCPh^<^=8=pq>J(j^MRK l+}m4te5wb<_+S2r`3uDl8^tmb94r6;002ovPDHLkV1ntBCl3Gs literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..047374b7ead80c5d5ccc618b6be5517b9a440a15 GIT binary patch literal 1077 zcmV-51j_q~P)AFcQ%S zMKF=OwwRy?qlxIH5!x*vwOeR+JkXM|oo!)fJG--;?~U2X^5c`4{WD8OA%sB2dVEe7 zAbKPqVC(8o$q188tRipp<@21qm2s zz}P|?Y2AE^5i$)nG{EzGY7sIQj1BTy#~2C77zxN23CI`;$QTL87zxOjjs>h})YYj| zry~LPcXsjd!32K1oM%2)%N1#_Wq)TE>4|9+G8q&y834egJ2x$#ucJm_Jzg!p7MGbu zV#ff|@M>W}?1(8`%5NhTPoTKDW!lFV3|cz3=SSd4@Gi!p=#51!o!`@d?Z$(b0eRrT ztAM=l;6*^5c<>q^Z#;Mj&G)Jz5Z#Ig zRzNMALn@wtmdzdhtg5ynx)~2FfdBq%;?ww}BfMJdM07hISOBx1*HOxEQ;%t?inWK2 zq2*M|g`MQO>NFl$0K13!n|=-~X0u3*Pg)v@M-Ry^#{=s%uqQIu6w%6b7Gc`fhxsmS zC!%P0ujmoZ z+H)eRk2_{@J09A(9@ra;!XFHp{?kq~I0%A=b}whOn$Bhs1rI#d15b-65*~OhsGby2 zG(7NJk#2=3A|7}z>6;;niU%jYi5L+@#)DIzHEYj_s6Ot99LK&3iw;+dP@gs37zxN2 z3CI`;$QTL87zxN28sMG-b%>H(V*?HFH=kOBOoL71=3~GLw{irFqF~wB)&S@y`fPRQ zMw#QO5CzYTjSYa+Jws=>l_f|B@a)ad?XSjm>Rq^u&=`PKE|rN81s~4t>Gx@esDO*% zaH)*YFbH`HpwjjN-J1#lo}Brs55E{0*{5|d-Nm<-8w;;4AMV_!3{pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10yarR zK~z|U?buCg6F~sR@&D|E-Fi?9QjkK|Cbm$#sMJHii-@Ef(3d`~NLaKpOa`q;^6g&vpUTw!i-0kktWSj0=4tY*9!z}zVGdq(Vp_F2fqooZ9 zO2%CgYb!GxYpW>k0~Zsv90J=QDr#}*vtzQSSgftgaHM?%MiYkl^BY9oMxIRZv9>w@ zI64OP+OC`cJJUKSd0-dZFGiORLk6Yf`?fG0H!1Llr0vHBI+`zCn;si#4Bd&c=*CcP|N<0dQ<18a+nK`zs z1xDoAeoK_NKw#0#QMbxG&Q9~T7>tY>7YLjkyXv3{6Itq3xhv9;lC9!`2e-Vp8wwW) zeD&#r=bW_6+^Hj}Ym$vZiK3Zv+N!Mv)m9@EE)WP%Yd1Z}!bH}CjAL5+0`@{))(tkT za%?#I*=B0(CKoapUf#LuAiq3aWYjR6K2fYWfBM>}tF4A-B;B~E)|@|mpCtb2CWdKs z=Uhjf8yP2#Fh^aj-K6>R2Rr-Uq80fP>d!*lIEJ5{5yTBVOwr-bAG_cNZl_~8C5m@; z(FGKh&gEh1`NffVZdV*&=SEZHQPhEh6krD^*7+-Lsb@>y?M5-YT3K@16CUkVFna|hp+;Q z!b2DVMdBfBfTHmbCO|*%5Eekc@DK(-Kk*Dm4|Jf0qM_h+q0MXwh`ng&lkm zmGLIlSAE3;58(9oLdDmC?Ro;s_lI1~#FVCEF`dC>hnY8CSUL6BUWe;9aB^dcy9XoI2SVQgFsoi(aAShfx47`Pk3Jmx$Le5vitk~E_ph%NPj2ij9)leA z&nfP^EIzlL%)NAZHXHXZ{09v!oD{xWRG&0000anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-=ST^vIqTHoH#6O#&lSGe8OuzS=yW!}G4TKT{r%rnuXkm$-PYc}$y{ZEiQ^jC SjUqr_GkCiCxvX!SW!;6C1ugG*{T6CU#2)_j(G?InL9+`Hf*?u)`##NpZQiF63?RpHpnhpw7U@_@-Sl zH~Ssq9i|`iR8AHc&5T)pJ14BxW!K$zae*T98Efu5oE*g@5t02na+>WAvkK<0k9v$U z?K6y+lCyJ32t4!-mRj>Q6xO*EsC-JPF zE&X)m(&Bg7wHpOD>@qG9$XVkdk*v4u@=M>^yT3)ZUHit^)9fSGzWQfP-Lu~Zr43GR zV$aTHKOoLmdKI;Vst09~dF9{>OV literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/assets/selectionmode-checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..b539561ac53a187c5894166cc7a8979eed7ad167 GIT binary patch literal 316 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(4#T^vIqTHoH-$aTm-py8qY zyG8jI`}*t_{?O4YEiJef{^FfhMoq(xB?WCwhaHPre=nSnBOksg#zQl4XK40;{ay+D za~e68oQh{*TQGTnLR}&Morc`4AJ2Se`gXv>@Ze%bnVSVO^op7UBg~WkiZ$}GUbt1v zr}I&C_UXo3GAqvFB60%{_&dAbthVxau(daJ+v$=Cx7YIRkiH>k*C_j8!Hfqp%x62_ oJAYM=NxgINj0Gpp?0=*mZs0QWjpB;uKu)qSME0~-HN-915+EXe@31}h-p1BzwJ!zF07ru#`g z|LGuBIr+fp!`8+rpJ(fcaesL~&*mFj+qnis=C*gj1?(1Vb&R|lew>fzE#Q-3y#4x- zPneC1nfH!zWxJL24gCig4OZ7K)PA7$fwkh}gJ_vH`2(+`j;xzpnzJW5j;Vbsf0lXy z`wz=Ur?;J!xuO02xb#+!{NC`bjC(TmuQ}~~m2Tg><$m0X*h9eytGDa&o))RtwI_i4 z#r(%t)lTQ{x!%enVU%zJ

@{R)}q=Y^mir`u>}f?t@hOYRM(mxmk?+ziyuH`0G~O zir%_gY<_#~?-{a}oz}Pl^i+E4o27ZbFZ3OsCAeVz=_hUnzZ)@qS@qZPda9MSeMNlV zyNI)mlh;+Onfd7V_0L8-3*{@!nr=4n76i&Io1ZoP?WW%>SGeplo!NLK4N7>k6q@fH T)O3{wrUC{}S3j3^P6 button.flat:checked, box.vertical > widget > widget:selected, row:selected, treeview.view:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected { + color: white; + background-color: #252c3a; +} + +.nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected, .background.csd .view:selected { + color: #4DB6AC; + background-color: rgba(77, 182, 172, 0.2); +} + +.nemo-window .nemo-window-pane widget.entry:selected, XfdesktopIconView.view:active, XfdesktopIconView.view:selected, XfdesktopIconView.view:checked, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, statuspage.search-view entry.search > window.background treeview.view:selected, calendar:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection, +entry selection, label selection, textview text selection:focus, textview text selection, .view:selected { + color: white; + background-color: #4DB6AC; +} + +.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: 10px; + border-bottom-left-radius: 10px; +} + +.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: 10px; + border-bottom-right-radius: 10px; +} + +.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: 10px; +} + +.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: 10px; + border-top-right-radius: 10px; +} + +.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: 10px; + border-bottom-right-radius: 10px; +} + +.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: 10px; +} + +/*************** + * Base States * + ***************/ +.background { + background-color: #0f111a; + color: white; +} + +.background.csd { + border-radius: 0 0 16px 16px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #161b26; + color: white; +} + +.gtkstyle-fallback:hover { + background-color: #141924; + color: white; +} + +.gtkstyle-fallback:active { + background-color: #0b0f18; + color: white; +} + +.gtkstyle-fallback:disabled { + background-color: #1e2431; + color: rgba(255, 255, 255, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #4DB6AC; + color: white; +} + +.view { + background-color: #161b26; + color: white; +} + +.view:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.view:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.view:selected:hover { + box-shadow: none; +} + +textview text { + background-color: #161b26; +} + +textview border { + background-color: #131823; + color: rgba(255, 255, 255, 0.7); +} + +iconview { + border-radius: 10px; +} + +.rubberband, +rubberband, +XfdesktopIconView.view .rubberband, +.content-view rubberband, +.content-view treeview.view rubberband, +treeview.view .content-view rubberband, +.content-view .rubberband, +treeview.view rubberband, +treeview.view .content-view .rubberband, +.content-view treeview.view .rubberband, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband, +flowbox rubberband, +flowbox treeview.view rubberband, +treeview.view flowbox rubberband { + border: 1px solid #4DB6AC; + background-color: rgba(77, 182, 172, 0.3); +} + +flowbox flowboxchild { + padding: 4px; + border-radius: 10px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: rgba(255, 255, 255, 0.7); +} + +label:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 10px; + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +.dim-label { + color: rgba(255, 255, 255, 0.7); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 32px; + padding: 0 12px; + color: rgba(255, 255, 255, 0.5); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: white; +} + +/********************* + * 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 * + ****************/ +spinbutton.vertical, spinbutton:not(.vertical), +entry { + min-height: 32px; + padding: 0 8px; + border-radius: 10px; + 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(currentColor, 0.05); + color: white; +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: alpha(currentColor, 0.05); + box-shadow: inset 0 0 0 2px #4DB6AC; +} + +spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical), +entry:drop(active) { + background-color: alpha(currentColor, 0.08); + 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(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +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: rgba(255, 255, 255, 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: white; +} + +spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, +entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical image.left, spinbutton:not(.vertical) image.left, +entry image.left { + margin-left: 0px; + margin-right: 6px; +} + +spinbutton.vertical image.right, spinbutton:not(.vertical) image.right, +entry image.right { + margin-left: 6px; + margin-right: 0px; +} + +spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left, +entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 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%, rgba(255, 255, 255, 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 transparent; + background-color: alpha(currentColor, 0.05); + color: white; +} + +spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: alpha(currentColor, 0.05); + box-shadow: inset 0 0 0 2px #F44336; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 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 transparent; + background-color: alpha(currentColor, 0.05); + color: white; +} + +spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: alpha(currentColor, 0.05); + box-shadow: inset 0 0 0 2px #FBC02D; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical progress, spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid #4DB6AC; + background-color: transparent; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 10px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #1e2431; + color: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #4DB6AC; +} + +.gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +.gedit-search-slider .linked:not(.vertical) > entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #131823; + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #F44336; + color: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #F44336; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #131823; + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image { + color: rgba(255, 255, 255, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { + color: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #FBC02D; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #FBC02D; +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #131823; + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image { + color: rgba(0, 0, 0, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +treeview entry.flat, treeview entry { + background-color: #161b26; +} + +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: rgba(255, 255, 255, 0.15); + color: white; +} + +.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: rgba(255, 255, 255, 0.7); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4DB6AC), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4DB6AC), to(transparent)); + } +} + +#XfceNotifyWindow button, .xfce4-panel.background button, .xfce4-panel.background button.flat, .budgie-osd-window .drop-shadow button, .raven-mpris button.image-button, .mate-panel-menu-bar button, .nautilus-window.background.csd notebook > header tab button.flat, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(255, 255, 255, 0.7); +} + +#XfceNotifyWindow button:focus, .xfce4-panel.background button:focus, .budgie-osd-window .drop-shadow button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, .nautilus-window.background.csd notebook > header tab button.flat:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, #XfceNotifyWindow button:hover, .xfce4-panel.background button:hover, .budgie-osd-window .drop-shadow button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, .nautilus-window.background.csd notebook > header tab button.flat:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, #XfceNotifyWindow button:active, .xfce4-panel.background button:active, .budgie-osd-window .drop-shadow button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, .nautilus-window.background.csd notebook > header tab button.flat:active, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, #XfceNotifyWindow button:checked, .xfce4-panel.background button:checked, .budgie-osd-window .drop-shadow button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, .nautilus-window.background.csd notebook > header tab button.flat:checked, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked { + color: white; +} + +#XfceNotifyWindow button:disabled, .xfce4-panel.background button:disabled, .budgie-osd-window .drop-shadow button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, .nautilus-window.background.csd notebook > header tab button.flat:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +#XfceNotifyWindow button:checked:disabled, .xfce4-panel.background button:checked:disabled, .budgie-osd-window .drop-shadow button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nautilus-window.background.csd notebook > header tab button.flat:checked:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), 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(currentColor, 0.05); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: white; +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +actionbar > revealer > box .linked > button:active:not(.suggested-action):not(.destructive-action), 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(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; +} + +actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + box-shadow: none; + background-color: #4DB6AC; + color: white; +} + +actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { + box-shadow: inset 0 0 0 9999px transparent; +} + +actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled { + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +.budgie-notification-window .linked > button, .budgie-notification-window .linked > button:first-child, .budgie-notification-window .linked > button:last-child, .raven-notifications-group list > row button.flat, .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.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, 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, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), filechooser #pathbarbox > stack > box > button, check, +radio, headerbar button.titlebutton:not(.suggested-action):not(.destructive-action), button.close, button.circular, .inline-toolbar button.image-button, button.image-button { + border-radius: 9999px; +} + +.budgie-notification-window .linked > button label, .budgie-notification-window .linked > button:first-child label, .budgie-notification-window .linked > button:last-child label, .raven-notifications-group list > row button.flat label, .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.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised 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, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, filechooser #pathbarbox > stack > box > button label, check label, +radio label, headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) label, button.close label, button.circular label, .inline-toolbar button.image-button label, button.image-button label { + padding: 0; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-search-slider .linked > button, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button { + min-height: 22px; + min-width: 22px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border-radius: 10px; +} + +button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.budgie-settings-window buttonbox.inline-toolbar button, .budgie-session-dialog .linked.horizontal > button, +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, .gedit-search-slider .linked > button, .nautilus-window.background.csd notebook > header tab:checked button.flat, .nautilus-window.background.csd notebook > header tab:active button.flat, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected button.sidebar-button, placessidebar.sidebar row button.sidebar-button, calendar.button, row button.circular, check, +radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, +.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .xfce4-panel.background button.flat, .raven stackswitcher.linked > button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, filechooser #pathbarbox > stack > box > button, messagedialog.csd .dialog-action-box button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .caja-pathbar button, +.path-bar.linked:not(.vertical) > button, .nemo-window .primary-toolbar button:not(.text-button), .titlebar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), .inline-toolbar 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: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-settings-window buttonbox.inline-toolbar button:focus, .budgie-session-dialog .linked.horizontal > button:focus, +.budgie-polkit-dialog .linked.horizontal > button:focus, +.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, .gedit-search-slider .linked > button:focus, .nautilus-window.background.csd notebook > header tab:checked button.flat:focus, .nautilus-window.background.csd notebook > header tab:active button.flat:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected button.sidebar-button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, row button.circular:focus, check:focus, +radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus, +.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog.csd .dialog-action-box button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .caja-pathbar button:focus, +.path-bar.linked:not(.vertical) > button:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), .titlebar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .inline-toolbar button:focus, button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: white; +} + +.budgie-settings-window buttonbox.inline-toolbar button:hover, .budgie-session-dialog .linked.horizontal > button:hover, +.budgie-polkit-dialog .linked.horizontal > button:hover, +.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, .gedit-search-slider .linked > button:hover, .nautilus-window.background.csd notebook > header tab:checked button.flat:hover, .nautilus-window.background.csd notebook > header tab:active button.flat:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected button.sidebar-button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, row button.circular:hover, check:hover, +radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover, +.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog.csd .dialog-action-box button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), .caja-pathbar button:hover, +.path-bar.linked:not(.vertical) > button:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), .titlebar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), .inline-toolbar button:hover, button.flat:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + +.budgie-settings-window buttonbox.inline-toolbar button:active, .budgie-session-dialog .linked.horizontal > button:active, +.budgie-polkit-dialog .linked.horizontal > button:active, +.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, .gedit-search-slider .linked > button:active, .nautilus-window.background.csd notebook > header tab:checked button.flat:active, .nautilus-window.background.csd notebook > header tab:active button.flat:active, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected button.sidebar-button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, row button.circular:active, check:active, +radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active, +.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog.csd .dialog-action-box button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .caja-pathbar button:active, +.path-bar.linked:not(.vertical) > button:active, .nemo-window .primary-toolbar button:active:not(.text-button), .titlebar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .inline-toolbar 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; + 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%; + color: white; +} + +.budgie-settings-window buttonbox.inline-toolbar button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, +.budgie-polkit-dialog .linked.horizontal > button:disabled, +.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, .gedit-search-slider .linked > button:disabled, .nautilus-window.background.csd notebook > header tab:checked button.flat:disabled, .nautilus-window.background.csd notebook > header tab:active button.flat:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected button.sidebar-button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, row button.circular:disabled, check:disabled, +radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled, +.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog.csd .dialog-action-box button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), .titlebar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .inline-toolbar button:disabled, button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > 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.csd .dialog-action-box button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), .titlebar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), .inline-toolbar button:checked, button.flat:checked, button.flat:checked:hover { + background-color: alpha(currentColor, 0.1); + color: white; +} + +.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > 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.csd .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .caja-pathbar button:checked:disabled, +.path-bar.linked:not(.vertical) > button:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .inline-toolbar button:checked:disabled, button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: rgba(255, 255, 255, 0.5); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 4px; +} + +button.text-button.image-button { + min-width: 24px; + padding: 4px; + border-radius: 10px; +} + +button.text-button.image-button label:first-child { + margin-left: 12px; +} + +button.text-button.image-button label:last-child { + margin-right: 12px; +} + +button.text-button.image-button.flat label:first-child { + margin-left: 8px; +} + +button.text-button.image-button.flat label:last-child { + margin-right: 8px; +} + +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: 10px; +} + +.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { + border-radius: 9999px; +} + +.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +button.osd { + min-width: 22px; + min-width: 22px; + padding: 4px; + background-color: #0f111a; + color: white; +} + +button.osd:focus { + box-shadow: none; +} + +button.osd:hover { + background-color: #424242; + color: white; +} + +button.osd:active { + background-color: #595959; + color: white; +} + +button.osd:disabled { + opacity: 0; +} + +button.osd.image-button, button.osd.circular { + padding: 8px; +} + +button.osd.image-button > image, button.osd.circular > image { + padding: 0; +} + +button.suggested-action { + background-color: #4DB6AC; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(77, 182, 172, 0.2), 0 4px 3px 0 rgba(77, 182, 172, 0.14), 0 1px 6px 0 rgba(77, 182, 172, 0.12); +} + +button.suggested-action:checked { + background-color: #82ccc5; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(77, 182, 172, 0.3), 0 2px 3px -1px rgba(77, 182, 172, 0.24), 0 2px 5px 0 rgba(77, 182, 172, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(77, 182, 172, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #4DB6AC; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +button.suggested-action.flat:checked { + background-color: rgba(77, 182, 172, 0.3); +} + +button.destructive-action { + background-color: #F44336; + color: white; + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12); +} + +button.destructive-action:checked { + background-color: #f77b72; +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #F44336; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +button.destructive-action.flat:checked { + background-color: rgba(244, 67, 54, 0.3); +} + +.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; +} + +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; +} + +modelbutton.flat, +.menuitem.button.flat { + min-height: 24px; + padding: 0 8px; + border-radius: 5px; + color: white; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button.color { + min-height: 22px; + min-width: 22px; + padding: 4px; +} + +/********* + * Links * + *********/ +*:link { + color: #4DB6AC; +} + +*:visited { + color: #BA68C8; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #4DB6AC; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #BA68C8; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; +} + +spinbutton:not(.vertical) entry { + min-width: 24px; + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +spinbutton:not(.vertical) button { + border: solid 4px transparent; +} + +spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(255, 255, 255, 0.7); +} + +spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { + margin-left: -2px; +} + +spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { + margin-right: -2px; +} + +spinbutton.vertical { + padding: 0; +} + +spinbutton.vertical:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical entry { + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + min-height: 32px; + min-width: 36px; + padding: 0; +} + +spinbutton.vertical button { + padding: 0; + border: solid 4px transparent; +} + +spinbutton.vertical button:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(255, 255, 255, 0.7); +} + +spinbutton.vertical button.up { + margin: 0 2px; +} + +spinbutton.vertical button.down { + margin: 0 2px; +} + +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: 0px; +} + +combobox button.combo cellview:dir(rtl) { + margin-right: 0px; +} + +combobox menu menuitem { + min-height: 20px; + min-width: 40px; + padding: 2px 6px; +} + +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: 10px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -32px; + padding-right: 32px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -32px; + padding-left: 32px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 5px; + padding: 3px; + border-radius: 10px; +} + +.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: 10px; + 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(currentColor, 0.05); + color: white; +} + +button.combo:only-child:focus { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 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(currentColor, 0.05); + box-shadow: inset 0 0 0 2px #4DB6AC; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #0f111a; +} + +.osd toolbar { + background-color: transparent; +} + +frame.documents-dropdown, .app-notification, toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 4px; + border-radius: 10px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +frame.bottom.documents-dropdown, .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: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, +toolbar:not(.inline-toolbar):not(.osd) stackswitcher { + margin: 2px; +} + +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: 6px 2px; +} + +.inline-toolbar { + padding: 4px; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #131823; +} + +frame.view + .inline-toolbar { + border-radius: 0 0 10px 10px; +} + +searchbar > revealer > box, +.location-bar { + padding: 4px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0f111a; + background-clip: border-box; +} + +searchbar > revealer > box { + margin: -6px; +} + +/*************** + * Header bars * + ***************/ +.nemo-window .primary-toolbar button:not(.text-button), .titlebar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(.text-button), .titlebar .linked:not(.vertical):not(.path-bar) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +.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), .nemo-window .primary-toolbar button:checked:not(.text-button), .titlebar button:checked:not(.suggested-action):not(.destructive-action) { + color: white; +} + +.nemo-window .primary-toolbar button:disabled:not(.text-button), .titlebar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} + +.nemo-window .primary-toolbar button:backdrop:not(.text-button), .titlebar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.7); +} + +.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), .titlebar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), .titlebar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), .titlebar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window .primary-toolbar entry, .titlebar entry { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.nemo-window .primary-toolbar entry image, .titlebar entry image { + color: rgba(255, 255, 255, 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: white; +} + +.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 16px 16px 0 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #161b26; + color: white; + padding: 0 4px; +} + +.titlebar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar:backdrop { + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); +} + +.titlebar:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.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: rgba(255, 255, 255, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar headerbar + separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.titlebar .linked:not(.vertical) > entry { + border-radius: 10px; +} + +.titlebar .linked:not(.vertical) > entry.search + button { + border-radius: 10px; + margin-left: 2px; +} + +.linked:not(.vertical) > .titlebar button.suggested-action, .linked:not(.vertical) > .titlebar button.destructive-action { + border-radius: 10px; +} + +.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.titlebar button.toggle { + border-radius: 9999px; +} + +.titlebar stackswitcher { + border-radius: 9999px; + margin: 4px 0; +} + +.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + border-radius: 9999px; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + border-radius: 3px; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 4px; + padding-right: 4px; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action):focus, .titlebar .path-bar button:not(.suggested-action):not(.destructive-action):hover, .titlebar .path-bar button:not(.suggested-action):not(.destructive-action):active, .titlebar .path-bar button:not(.suggested-action):not(.destructive-action):checked { + color: white; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(255, 255, 255, 0.3); +} + +.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); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #4DB6AC; + color: white; +} + +.titlebar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar.selection-mode .subtitle:link { + color: white; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; + color: white; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; + color: white; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.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"); +} + +.titlebar .selection-mode { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #4DB6AC; +} + +.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: 32px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border-radius: 16px 16px 0 0; + border: none; + padding: 0 2px; +} + +.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { + box-shadow: none; + border-radius: 0; +} + +.titlebar.default-decoration button.titlebutton { + padding: 0; + min-height: 22px; + min-width: 22px; + margin: 0 2px; +} + +.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { + background-size: 1000% 1000%; +} + +.solid-csd .titlebar, .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +headerbar { + min-height: 40px; + padding: 0 4px; +} + +headerbar:not(.titlebar) { + box-shadow: none; +} + +box.vertical headerbar { + background-color: #161b26; +} + +headerbar entry, +headerbar spinbutton, +headerbar button { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar separator.titlebutton { + margin-top: 10px; + margin-bottom: 10px; + background-color: rgba(255, 255, 255, 0.12); +} + +headerbar switch { + margin-top: 8px; + margin-bottom: 8px; +} + +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 button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + border-radius: 0; + margin-top: 0; + margin-bottom: 0; + min-width: 120px; + padding: 0; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box { + padding: 0 8px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box.narrow { + font-size: 10px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box.narrow image { + margin-top: 2px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus { + box-shadow: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer { + margin-top: 0; + margin-bottom: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher { + margin: 0 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +window.background.csd > widget > headerbar:not(.titlebar) { + min-height: 32px; + border: none; + box-shadow: none; + padding: 0 2px; +} + +window.background.csd > widget > headerbar:not(.titlebar) button.titlebutton { + padding: 0; + min-height: 22px; + min-width: 22px; + margin: 0 2px; +} + +/************ + * Pathbars * + ************/ +.caja-pathbar button, +.path-bar.linked:not(.vertical) > button { + padding-left: 4px; + padding-right: 4px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4DB6AC 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 10px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4DB6AC 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, +.path-bar.linked:not(.vertical) > button:checked:disabled { + background-color: transparent; +} + +.caja-pathbar button label, .caja-pathbar button image, +.path-bar.linked:not(.vertical) > button label, +.path-bar.linked:not(.vertical) > button image { + margin-left: 2px; + margin-right: 2px; +} + +.caja-pathbar button.text-button, +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + +.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: rgba(255, 255, 255, 0.3); + border-top-color: rgba(255, 255, 255, 0.12); + -gtk-outline-radius: 3px; +} + +* { + -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; +} + +treeview.view:selected { + background-image: image(alpha(currentColor, 0.1)); +} + +treeview.view:hover, treeview.view:selected { + border-radius: 0; +} + +treeview.view.separator { + min-height: 5px; + color: rgba(255, 255, 255, 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 { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(255, 255, 255, 0.7); +} + +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: white; +} + +treeview.view.expander:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view.progressbar { + border-bottom: 6px solid #4DB6AC; + box-shadow: none; + background-color: transparent; + background-image: none; +} + +treeview.view.progressbar:selected:hover { + box-shadow: none; +} + +treeview.view.trough { + border-bottom: 6px solid rgba(255, 255, 255, 0.15); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +treeview.view.trough:selected:hover { + box-shadow: none; +} + +treeview.view header button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; + background-clip: border-box; +} + +treeview.view header button:not(:focus):not(:hover):not(:active) { + color: rgba(255, 255, 255, 0.7); +} + +treeview.view header button, treeview.view header button:disabled { + background-color: #161b26; +} + +treeview.view header button:last-child { + border-right-style: none; +} + +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #161b26; + background-clip: border-box; + color: #4DB6AC; +} + +treeview.view acceleditor > label { + background-color: #4DB6AC; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 2px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #161b26; + color: white; +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); +} + +headerbar menubar, headerbar menubar:backdrop, headerbar .menubar, headerbar .menubar:backdrop { + background-color: transparent; + box-shadow: none; +} + +menubar > menuitem, +.menubar > menuitem { + transition: none; + min-height: 20px; + padding: 2px 8px; + color: rgba(255, 255, 255, 0.7); + border-radius: 5px; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + background-color: alpha(currentColor, 0.1); + color: white; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.3); +} + +menubar > menuitem label:disabled, +.menubar > menuitem label:disabled { + color: inherit; +} + +.background.popup { + background-color: transparent; + background-image: none; + border-radius: 10px; +} + +menu { + margin: 2px; + padding: 4px; + background-color: #1e2431; + background-clip: border-box; +} + +.background > menu { + border-radius: 9px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.background:not(.popup) > menu { + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 0; + box-shadow: none; +} + +.background.csd > menu { + border: none; + border-radius: 9px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +menu menuitem { + transition: none; + min-height: 20px; + min-width: 40px; + padding: 3px 6px; + color: white; + font: initial; + text-shadow: none; + border-radius: 5px; +} + +menu menuitem:hover { + background-color: alpha(currentColor, 0.08); + color: white; +} + +menu menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +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: #505050; +} + +menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); + border-radius: 6px; +} + +menu > arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-image: image(rgba(255, 255, 255, 0.12)) 0 0 1/0 0 1px; +} + +menu > arrow.bottom { + margin-top: 10px; + margin-bottom: -12px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-image: image(rgba(255, 255, 255, 0.12)) 1 0 0/1px 0 0; +} + +menu > arrow:hover { + background-image: image(alpha(currentColor, 0.08)); + color: white; + border-image: none; +} + +menu > arrow:disabled { + border-color: transparent; + background-color: transparent; + color: transparent; +} + +menu separator { + margin: 3px 0; +} + +menuitem accelerator { + color: rgba(255, 255, 255, 0.7); +} + +menuitem:disabled accelerator { + color: rgba(255, 255, 255, 0.3); +} + +/************ + * Popovers * + ************/ +popover.background { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + background-color: #1e2431; +} + +popover.background:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} + +popover.background, .csd popover.background { + border-style: solid; + border-width: 0; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); + border-radius: 9px; +} + +popover.background.combo { + padding: 4px; +} + +popover.background.combo > scrolledwindow > viewport.frame > list > row.activatable { + border-radius: 5px; + margin: 2px; + padding: 4px; +} + +popover.background > stack { + margin: 0px; +} + +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background > list > row:first-child { + border-top-left-radius: 9px; + border-top-right-radius: 9px; +} + +popover.background > list > row:last-child { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; +} + +popover.background button, popover.background entry, popover.background spinbutton { + border-radius: 5px; +} + +popover.background .linked > button, +popover.background button.model { + border-radius: 0; +} + +popover.background .linked > button:first-child, +popover.background button.model:first-child { + border-radius: 5px 0 0 5px; +} + +popover.background .linked > button:last-child, +popover.background button.model:last-child { + border-radius: 0 5px 5px 0; +} + +popover.background .linked > button:only-child, +popover.background button.model:only-child { + border-radius: 5px; +} + +popover.background button.model { + min-height: 32px; + min-width: 32px; + padding: 0 8px; + margin: 0; +} + +popover.background separator { + margin: 2px 0; +} + +popover.background list separator { + margin: 0; +} + +/************* + * Notebooks * + *************/ +tabbox > tab, notebook > header tab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 22px; + min-width: 22px; + padding: 4px 12px; + border-width: 1px; + border-color: transparent; + border-style: solid; + outline: none; + background-clip: padding-box; + color: rgba(255, 255, 255, 0.7); +} + +tabbox > tab:hover, notebook > header tab:hover { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +tabbox > tab:disabled, notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +tabbox > tab:checked, notebook > header tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #161b26; + background-clip: padding-box; + border-color: #404040; + color: white; +} + +tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +tabbox > tab:checked.reorderable-page, notebook > header tab:checked.reorderable-page { + background-color: #161b26; +} + +notebook { + background-color: #161b26; +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: #131823; +} + +notebook.frame, notebook.frame > stack { + border-radius: 5px; +} + +notebook.frame > stack .inline-toolbar { + border-radius: 0 0 5px 5px; +} + +notebook.frame > stack > scrolledwindow.frame { + border: none; +} + +.background.csd notebook.frame, .background.csd notebook.frame > stack { + border-radius: 10px; +} + +.background.csd notebook.frame > stack scrolledwindow.frame { + border-radius: 10px 10px 0 0; +} + +.background.csd notebook.frame > stack .inline-toolbar { + border-radius: 0 0 10px 10px; +} + +notebook > stack { + background-color: transparent; +} + +notebook.frame frame > border { + border: none; + border-radius: 10px; +} + +notebook.frame frame > list row.activatable { + border-radius: 10px; +} + +notebook:focus tab:checked { + box-shadow: none; +} + +notebook > header.top > tabs > tab { + border-radius: 5px 5px 0 0; +} + +notebook > header.bottom > tabs > tab { + border-radius: 0 0 5px 5px; +} + +notebook > header.left > tabs > tab { + border-radius: 5px 0 0 5px; +} + +notebook > header.right > tabs > tab { + border-radius: 0 5px 5px 0; +} + +notebook.frame > header.top { + border-radius: 5px 5px 0 0; +} + +notebook.frame > header.bottom { + border-radius: 0 0 5px 5px; +} + +notebook.frame > header.left { + border-radius: 5px 0 0 5px; +} + +notebook.frame > header.right { + border-radius: 0 5px 5px 0; +} + +.background.csd notebook.frame > header.top { + border-radius: 10px 10px 0 0; +} + +.background.csd notebook.frame > header.top > tabs > tab { + border-radius: 10px 10px 0 0; +} + +.background.csd notebook.frame > header.bottom { + border-radius: 0 0 10px 10px; +} + +.background.csd notebook.frame > header.bottom > tabs > tab { + border-radius: 0 0 10px 10px; +} + +.background.csd notebook.frame > header.left { + border-radius: 10px 0 0 10px; +} + +.background.csd notebook.frame > header.left > tabs > tab { + border-radius: 10px 0 0 10px; +} + +.background.csd notebook.frame > header.right { + border-radius: 0 10px 10px 0; +} + +.background.csd notebook.frame > header.right > tabs > tab { + border-radius: 0 10px 10px 0; +} + +notebook > header { + border-width: 1px; + border-color: #404040; + background-color: #0f111a; + background-clip: border-box; +} + +notebook > header.top { + border-bottom-style: solid; +} + +notebook > header.top > tabs { + margin-bottom: -1px; + margin-top: 4px; +} + +notebook > header.top > tabs > tab { + border-bottom: none; +} + +notebook > header.bottom { + border-top-style: solid; +} + +notebook > header.bottom > tabs { + margin-top: -1px; + margin-bottom: 4px; +} + +notebook > header.bottom > tabs > tab { + border-top: none; +} + +notebook > header.left { + border-right-style: solid; +} + +notebook > header.left > tabs { + margin-left: 4px; + margin-right: -1px; +} + +notebook > header.left > tabs > tab { + border-right: none; +} + +notebook > header.right { + border-left-style: solid; +} + +notebook > header.right > tabs { + margin-left: -1px; + margin-right: 4px; +} + +notebook > header.right > tabs > tab { + border-left: none; +} + +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: -8px; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: -8px; + -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: -8px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: -8px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; +} + +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -4px -12px; + padding: 4px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -8px; +} + +notebook > header tab button.flat:first-child { + margin-left: -8px; + margin-right: 4px; +} + +notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 8px; + padding-right: 8px; +} + +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.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left tabs, notebook > header.right tabs { + padding-top: 8px; + padding-bottom: 8px; +} + +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.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #161b26; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +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: rgba(255, 255, 255, 0.3); +} + +scrollbar slider:hover { + background-color: rgba(255, 255, 255, 0.5); +} + +scrollbar slider:active { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar slider:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +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(44, 44, 44, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(44, 44, 44, 0.3); + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +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: rgba(60, 60, 60, 0.9); +} + +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: 4px 0; + padding: 0 2px; + border: 5px solid transparent; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.3); + background-clip: padding-box; + font-size: 0; +} + +switch:checked { + background-color: rgba(77, 182, 172, 0.5); +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; + -gtk-icon-transform: scale(0); +} + +switch slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: -3px -2px; + border-radius: 9999px; + outline: none; + box-shadow: 0 0 0 10px transparent, 0 2px 2px -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); + background-color: #1e2431; +} + +switch:focus slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -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); +} + +switch:hover slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -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); +} + +switch:focus:hover slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 2px 2px -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); +} + +switch:checked slider { + background-color: #4DB6AC; + color: #4DB6AC; +} + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + min-height: 40px; + min-width: 40px; + margin: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + background-image: none; + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); +} + +.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):active { + -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); +} + +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); +} + +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; +} + +check, +radio { + min-height: 24px; + min-width: 24px; + margin: -8px; + padding: 8px; +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: #81C995; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.3); +} + +check:not(:hover):focus, +radio:not(:hover):focus { + box-shadow: inset 0 0 0 9999px transparent; +} + +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:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton.flat radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(255, 255, 255, 0.7); +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -12px; + margin-right: -4px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: -4px; + margin-right: -12px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 8px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 8px; +} + +menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(255, 255, 255, 0.7); +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { + box-shadow: none; +} + + +check { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")); +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/mixed-symbolic.svg")); +} + + +radio { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")); +} + + +radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/mixed-symbolic.svg")); +} + +#MozillaGtkWidget > widget > checkbutton > check, +menu menuitem check { + min-height: 18px; + min-width: 18px; + border-radius: 10px; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")); +} + +#MozillaGtkWidget > widget > checkbutton > check:checked, +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); +} + +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-mixed-symbolic.svg")); +} + +#MozillaGtkWidget > widget > radiobutton > radio, +menu menuitem radio { + min-height: 18px; + min-width: 18px; + border-image: none; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")); +} + +#MozillaGtkWidget > widget > radiobutton > radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); +} + +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-mixed-symbolic.svg")); +} + +treeview.view check, treeview.view radio { + padding: 0; + margin: 0; +} + +treeview.view check, treeview.view check:hover, treeview.view check:selected, treeview.view radio, treeview.view radio:hover, treeview.view radio:selected { + box-shadow: none; + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.7); +} + +treeview.view check:hover, treeview.view check:active, treeview.view check:hover:hover, treeview.view check:hover:active, treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:hover, treeview.view radio:active, treeview.view radio:hover:hover, treeview.view radio:hover:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { + color: white; +} + +treeview.view check:disabled, treeview.view check:hover:disabled, treeview.view check:selected:disabled, treeview.view radio:disabled, treeview.view radio:hover:disabled, treeview.view radio:selected:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view check:checked, treeview.view check:indeterminate, treeview.view check:hover:checked, treeview.view check:hover:indeterminate, treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate, treeview.view radio:hover:checked, treeview.view radio:hover:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { + color: #81C995; +} + +treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view check:hover:checked:disabled, treeview.view check:hover:indeterminate:disabled, treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled, treeview.view radio:hover:checked:disabled, treeview.view radio:hover:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { + color: rgba(255, 255, 255, 0.3); +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 15px 12px; +} + +scale.vertical { + padding: 12px 15px; +} + +scale slider { + min-height: 32px; + min-width: 32px; + margin: -15px; + transition: background-color 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); + background-repeat: no-repeat; + background-position: center; + background-size: auto, 1000% 1000%; + border-radius: 50%; + color: #4DB6AC; +} + +scale slider { + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale slider:disabled { + background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-color: alpha(currentColor, 0.08); + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: auto, 0% 0%; +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 14px; + padding-bottom: 14px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 14px; + padding-right: 14px; +} + +scale.fine-tune slider { + margin: -14px; +} + +scale trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(255, 255, 255, 0.3); +} + +scale trough:disabled { + background-color: rgba(255, 255, 255, 0.15); +} + +scale highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#4DB6AC); +} + +scale highlight:disabled { + background-color: #0f111a; + background-image: image(rgba(255, 255, 255, 0.3)); +} + +scale fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale marks, +scale value { + color: rgba(255, 255, 255, 0.7); +} + +scale indicator { + background-color: rgba(255, 255, 255, 0.3); + color: transparent; +} + +scale.horizontal marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale.horizontal.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { + margin-right: 6px; + margin-left: -14px; +} + +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +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: -24px; + margin-top: 8px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -24px; + margin-right: 8px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) slider { + margin-right: -24px; + margin-left: 8px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(255, 255, 255, 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: 10px; + background-color: rgba(255, 255, 255, 0.15); +} + +progressbar progress { + border-radius: 10px; + background-color: #4DB6AC; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #4DB6AC; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 32px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 32px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 10px; +} + +levelbar block.low { + background-color: #FBC02D; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #4DB6AC; +} + +levelbar block.full { + background-color: #81C995; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.15); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #161b26; + color: white; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, .frame { + margin: 0; + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; +} + +.frame.view { + border-radius: 10px; +} + +.frame.flat { + border-style: none; +} + +frame.flat > border, +frame > border.flat, statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + padding: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #161b26; + background-clip: border-box; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 16px 16px; +} + +.background.csd frame box.vertical > actionbar > revealer > box { + border-radius: 0; +} + +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.75, to(rgba(255, 255, 255, 0.04)), to(transparent)); + 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.75, to(rgba(255, 255, 255, 0.04)), to(transparent)); + 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.75, to(rgba(255, 255, 255, 0.04)), to(transparent)); + 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.75, to(rgba(255, 255, 255, 0.04)), to(transparent)); + 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: rgba(255, 255, 255, 0.12); + background-color: #161b26; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +preferences stacksidebar.sidebar list separator, .tweak-categories 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, .tweak-group-startup, list.content:not(.conversation-listbox) { + border-radius: 11px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, preferencesgroup list row.activatable:first-child, .geary-accounts-editor-pane list row.activatable:first-child, dialog.background scrolledwindow.frame > viewport > list > row.activatable:first-child, window.background.csd.unified > deck > deck > deck list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:first-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child, leaflet stack.background scrolledwindow > viewport list row.activatable:first-child, leaflet overlay scrolledwindow > viewport list row.activatable:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, list.tweak-group list row.activatable:first-child, .tweak-group-startup row.activatable:first-child, list.content:not(.conversation-listbox) > row:first-child { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + +window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, preferencesgroup list row.activatable:last-child, .geary-accounts-editor-pane list row.activatable:last-child, dialog.background scrolledwindow.frame > viewport > list > row.activatable:last-child, window.background.csd.unified > deck > deck > deck list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:last-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child, leaflet stack.background scrolledwindow > viewport list row.activatable:last-child, leaflet overlay scrolledwindow > viewport list row.activatable:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, list.tweak-group list row.activatable:last-child, .tweak-group-startup row.activatable:last-child, list.content:not(.conversation-listbox) > row:last-child { + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} + +window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, preferencesgroup list row.activatable:only-child, .geary-accounts-editor-pane list row.activatable:only-child, dialog.background scrolledwindow.frame > viewport > list > row.activatable:only-child, window.background.csd.unified > deck > deck > deck list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:only-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child, leaflet stack.background scrolledwindow > viewport list row.activatable:only-child, leaflet overlay scrolledwindow > viewport list row.activatable:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, list.tweak-group list row.activatable:only-child, .tweak-group-startup row.activatable:only-child, list.content:not(.conversation-listbox) > row:only-child { + border-radius: 10px; +} + +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, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable { + margin-right: 4px; + border-radius: 0 9999px 9999px 0; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable:selected, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable:selected, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable:selected, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected { + background-color: alpha(currentColor, 0.1); + color: #4DB6AC; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable:selected image, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable:selected image, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable:selected image, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable:selected label, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable:selected label, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable:selected label, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label { + color: #4DB6AC; +} + +list { + border-color: rgba(255, 255, 255, 0.12); + background-color: #161b26; +} + +list row { + padding: 2px; +} + +.budgie-popover.budgie-menu row.activatable > button.flat, .budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, 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); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +.budgie-popover.budgie-menu row.activatable > button.flat:focus, .budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.budgie-popover.budgie-menu row.activatable > button.flat:hover, .budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover { + 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); +} + +.budgie-popover.budgie-menu row.activatable > button.has-open-popup.flat, .budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.has-open-popup.activatable, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu row.activatable > button.flat:active, .budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 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%; +} + +row:selected { + color: inherit; +} + +row:selected image, +row:selected label { + color: white; +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; +} + +.app-notification button.text-button:not(:disabled) { + color: #4DB6AC; +} + +.app-notification > box > label { + padding-left: 6px; +} + +.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: rgba(255, 255, 255, 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: white; +} + +expander title > arrow:disabled { + color: rgba(255, 255, 255, 0.3); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 2px 4px; + border: 1px solid rgba(255, 255, 255, 0.12); + color: white; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 5px; +} + +calendar.header { + border-style: none none solid; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +calendar.button:focus { + outline: none; + box-shadow: none; +} + +calendar.highlight { + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +calendar:indeterminate { + color: rgba(255, 255, 255, 0.3); +} + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: #1e2431; +} + +messagedialog .titlebar { + min-height: 22px; + border-style: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; + color: white; +} + +messagedialog .titlebar:backdrop { + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); +} + +messagedialog.csd.background { + border-bottom-left-radius: 16px; + border-bottom-right-radius: 16px; +} + +messagedialog.csd .dialog-action-box { + margin-top: -4px; +} + +messagedialog.csd .dialog-action-box button, messagedialog.csd .dialog-action-box button:first-child, messagedialog.csd .dialog-action-box button:last-child { + border-radius: 9999px; +} + +messagedialog.csd .dialog-action-box button:not(:last-child) { + margin-right: 4px; +} + +messagedialog.csd .dialog-action-box button:not(:disabled) { + color: #4DB6AC; +} + +messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { + color: #F44336; +} + +.csd filechooser { + background-color: #161b26; + border-radius: 0 0 16px 16px; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #0f111a; +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 16px 0; +} + +filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +filechooser stack.view scrolledwindow treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +filechooser stack.view > placesview { + background-color: transparent; +} + +filechooser stack.view > placesview > actionbar, filechooser stack.view > placesview > actionbar > revealer > box { + background-color: transparent; +} + +filechooser stack.view frame > border { + border: none; +} + +.csd filechooser placessidebar { + background: none; + border-bottom-left-radius: 16px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #131823; +} + +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 rgba(255, 255, 255, 0.12); + 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 rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar.sidebar list { + padding: 4px; + background-color: #131823; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 2px; + border-radius: 6px; +} + +stacksidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.1); + color: #4DB6AC; + font-weight: 500; +} + +stacksidebar.sidebar row + row { + margin-top: 4px; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(255, 255, 255, 0.12); +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +row image.sidebar-icon:disabled { + color: rgba(255, 255, 255, 0.3); +} + +placessidebar.sidebar > viewport.frame { + border-style: none; +} + +placessidebar.sidebar list { + padding: 1px 0 4px; +} + +placessidebar.sidebar row { + min-height: 32px; + margin: -1px 4px -1px 0; + padding: 0; + border-radius: 0 9999px 9999px 0; +} + +placessidebar.sidebar row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.1); + color: #4DB6AC; + font-weight: 500; +} + +placessidebar.sidebar row:selected image.sidebar-icon { + color: #4DB6AC; +} + +placessidebar.sidebar row:disabled { + color: rgba(255, 255, 255, 0.5); +} + +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: #4DB6AC; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #4DB6AC; +} + +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); +} + +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: transparent; + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #0f111a; + background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 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: #161b26; +} + +infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { + color: #4DB6AC; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #4DB6AC; + color: white; +} + +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: white; +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: white; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #44a69c; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FBC02D; + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #fbb814; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #F44336; + color: white; +} + +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: white; +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: white; +} + +infobar.error:hover > revealer > box { + background-color: #f32c1e; +} + +/************ + * Tooltips * + ************/ +tooltip { + border-radius: 5px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + border-radius: 10px; + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip > box { + margin: -6px; + min-height: 24px; + padding: 4px 8px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 9px; + border-top-right-radius: 9px; +} + +colorswatch.top overlay { + border-top-left-radius: 9px; + border-top-right-radius: 9px; +} + +colorswatch.bottom { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 9px; + border-bottom-left-radius: 9px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 9px; + border-bottom-left-radius: 9px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.dark { + color: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch#add-color-button { + border-radius: 9px 9px 0 0; + color: white; +} + +colorswatch#add-color-button:only-child { + border-radius: 9px; +} + +colorswatch#add-color-button overlay { + background-color: #1e2431; +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 9px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 9px; +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 10px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f111a; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + border-radius: 16px; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 16px 2px transparent, 0 6px 18px 5px transparent; + border: none; + margin: 8px; +} + +decoration:backdrop { + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 16px 2px transparent, 0 6px 18px 5px transparent; + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; +} + +.maximized decoration, .fullscreen decoration, .popup decoration { + box-shadow: none; +} + +.ssd decoration { + border-radius: 16px 16px 0 0; + box-shadow: none; + margin: 0; +} + +.ssd decoration, .ssd decoration:backdrop { + transition: none; +} + +.csd.popup decoration { + border-radius: 9px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 10px; + box-shadow: none; +} + +messagedialog.csd decoration { + border-radius: 16px; +} + +.solid-csd decoration { + margin: 0; + padding: 1px; + border-radius: 0; + box-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #161b26; +} + +.solid-csd decoration:backdrop { + background-color: #1e2431; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #4DB6AC; + -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 rgba(255, 255, 255, 0.12); + border-radius: 8px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #1e2431; + background-clip: border-box; + color: white; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #4DB6AC; +} + +stackswitcher { + min-height: 0; + padding: 0; + border-radius: 9999px; + background-color: alpha(currentColor, 0.05); +} + +stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; +} + +stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action):first-child, stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action):last-child, stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:not(.circular) { + min-width: 100px; +} + +stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active { + box-shadow: inset 0 0 0 9999px alpha(#4DB6AC, 0.08); + background-image: radial-gradient(circle, alpha(#4DB6AC, 0.08) 10%, transparent 0%); +} + +stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: #4DB6AC; + color: white; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: none; +} + +.icon-dropshadow { + -gtk-icon-shadow: none; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker entry { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +button.emoji-section { + margin: 2px; + border-radius: 7px; +} + +button.emoji-section:checked { + color: #4DB6AC; +} + +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: 10px; +} + +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: 24px; + padding: 0 12px; +} + +popover.emoji-completion .emoji:hover { + background-color: alpha(currentColor, 0.08); +} + +/************ + * Nautilus * + ************/ +.nautilus-window.background.csd.unified headerbar { + box-shadow: none; +} + +.nautilus-window.background.csd { + background-color: #161b26; + border-radius: 0 0 16px 16px; +} + +.nautilus-window.background.csd headerbar { + padding-left: 8px; + background-color: #161b26; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.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 { + background-color: transparent; + border-radius: 16px; + color: rgba(255, 255, 255, 0.7); + margin: 0 0 8px 8px; +} + +.nautilus-window.background.csd placessidebar > viewport.frame { + border-radius: 12px; + background-color: rgba(77, 182, 172, 0.08); +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list { + padding: 12px 0 12px 0; + background: none; + border-radius: 12px; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable { + border-radius: 0; + margin: -8px 0 -8px 0; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:active { + background-image: none; + box-shadow: none; + animation: none; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable image.sidebar-icon, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable label.sidebar-label { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable image.sidebar-icon { + padding-right: 4px; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable label.sidebar-label { + color: inherit; + min-height: 54px; + padding: 0 0 0 4px; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable.sidebar-placeholder-row { + background-color: transparent; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable > revealer.sidebar-revealer { + padding-left: 12px; + padding-right: 0; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable > revealer.sidebar-revealer > widget > box { + padding-right: 12px; + padding-left: 0; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:drop(active) { + border-radius: 0; + border-radius: 9999px 0 0 9999px; + background-color: rgba(245, 124, 0, 0.1); +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:drop(active), .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:drop(active) image.sidebar-icon, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:drop(active) label.sidebar-label { + color: #F57C00; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:hover image.sidebar-icon, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:hover label.sidebar-label { + color: #4DB6AC; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected { + background-color: transparent; + font-weight: 700; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected image.sidebar-icon, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected label.sidebar-label { + color: #4DB6AC; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected > revealer.sidebar-revealer > widget > box { + background-color: #161b26; + border-image-width: 10px 10px 10px 46px; + border-image-slice: 10 10 10 46; + border-image-repeat: stretch; + border-image-source: -gtk-scaled(url("assets/row-selected-dark.png"), url("assets/row-selected-dark@2.png")); +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected > revealer.sidebar-revealer > widget > box label.sidebar-label { + padding-left: 14px; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected button.sidebar-button { + color: #4DB6AC; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:disabled image.sidebar-icon, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:disabled label.sidebar-label { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > separator { + background: none; +} + +.nautilus-window.background.csd placessidebar scrollbar { + background: none; + border: none; + margin: 2px 0; +} + +.nautilus-window.background.csd placessidebar > undershoot.top { + background: none; +} + +.nautilus-window.background.csd placessidebar > undershoot.bottom { + background: none; +} + +.nautilus-window.background.csd placessidebar > overshoot.top { + border-radius: 12px 12px 0 0; +} + +.nautilus-window.background.csd placessidebar > overshoot.bottom { + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd .nautilus-list-view { + background-color: transparent; + border-radius: 16px; +} + +.nautilus-window.background.csd .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.nautilus-window.background.csd .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) > header > button:first-child { + border-top-left-radius: 16px; +} + +.nautilus-window.background.csd .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) > header > button:last-child { + border-top-right-radius: 16px; +} + +.nautilus-window.background.csd notebook { + background: none; + margin: 0; +} + +.nautilus-window.background.csd notebook > header { + padding: 0 16px; + background: none; + border-color: #404040; +} + +.nautilus-window.background.csd notebook > header tab { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window.background.csd notebook > header tab:hover:not(:checked):not(:active) { + color: white; + background-color: rgba(255, 255, 255, 0.05); +} + +.nautilus-window.background.csd notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window.background.csd notebook > header tab:checked, .nautilus-window.background.csd notebook > header tab:active { + color: white; + border-color: #404040; +} + +.nautilus-window.background.csd notebook > header tab:checked:disabled, .nautilus-window.background.csd notebook > header tab:active:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.nautilus-window.background.csd notebook > stack { + background-color: #161b26; + border-radius: 14px; +} + +.nautilus-window.background.csd notebook scrolledwindow > .view:not(:selected):not(:hover):not(:checked) { + background-color: transparent; +} + +.nautilus-window.background.csd notebook scrolledwindow .view:selected { + background-color: #31413f; +} + +.nautilus-window.background.csd notebook placesview > stack > frame > scrolledwindow > viewport > list { + background-color: transparent; +} + +.nautilus-window.background.csd notebook placesview > actionbar { + background-color: transparent; + border-radius: 0 0 16px 16px; +} + +.nautilus-window.background.csd notebook placesview > actionbar > revealer > box { + background-color: transparent; +} + +.nautilus-window.background.csd paned > separator { + background: none; +} + +.nautilus-window.background.csd paned > separator.wide { + min-width: 0; + min-height: 0; + background: none; +} + +.nautilus-window.maximized, .nautilus-window.maximized placessidebar { + border-radius: 0; +} + +.nautilus-window .floating-bar { + min-height: 24px; + padding: 2px; + margin: 4px; + border-style: none; + border-radius: 9999px; + background-color: rgba(33, 33, 33, 0.95); +} + +.nautilus-window .floating-bar button { + margin: 5px; +} + +.windowhandle .linked.nautilus-path-bar { + background-color: rgba(255, 255, 255, 0.04); + border-radius: 9999px; + margin: 4px 0; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { + margin-top: 0; + margin-bottom: 0; + border-radius: 9999px; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { + color: white; +} + +.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; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: rgba(255, 255, 255, 0.7); +} + +.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); +} + +@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: 4px 0; + border-radius: 9999px; +} + +.path-bar-box button { + margin: 0; +} + +.path-bar-box.width-maximized { + background-color: rgba(255, 255, 255, 0.04); +} + +.path-bar-box.background.frame { + border-style: none; + background-color: rgba(255, 255, 255, 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: 10px; + padding-right: 10px; + 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; + border-radius: 9999px; +} + +.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button { + border-radius: 9999px; +} + +.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: rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.5); +} + +.disk-space-display.unknown { + background-color: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.3); +} + +.disk-space-display.used { + background-color: #4DB6AC; + color: #4DB6AC; +} + +.disk-space-display.free { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.15); +} + +.search-information { + padding: 2px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #161b26; + color: white; +} + +.conflict-row:not(:selected) { + background-color: #6a582c; +} + +.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 rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.7); +} + +.nautilus-window paned > separator { + background-color: #131823; +} + +/********* + * gedit * + *********/ +window.org-gnome-gedit > paned.titlebar, +window.background.csd > paned.titlebar { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #161b26; +} + +window.org-gnome-gedit > paned.titlebar:backdrop, +window.background.csd > paned.titlebar:backdrop { + background-color: #1e2431; +} + +window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > paned.titlebar > headerbar, +window.background.csd > paned.titlebar > separator, +window.background.csd > paned.titlebar > headerbar { + background-color: transparent; +} + +.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 2px; +} + +.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 16px; +} + +.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-path-label { + color: rgba(255, 255, 255, 0.7); + font-size: smaller; +} + +.open-document-selector-match { + background-color: #FBC02D; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-document-panel { + background-color: #131823; + border-bottom-left-radius: 16px; +} + +.gedit-document-panel row button.flat { + margin-top: 8px; + margin-bottom: 8px; +} + +.gedit-document-panel-group-row:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0 0 16px 16px; +} + +.gedit-search-slider { + margin: 0 6px 8px; + padding: 4px; + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + border-radius: 0 0 16px 16px; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 10px; +} + +.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { + all: unset; + color: rgba(255, 255, 255, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr):not(:only-child) { + margin-right: -56px; + padding-right: 56px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr):not(:only-child) .gedit-search-entry-occurrences-tag { + margin-left: 4px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr):not(:only-child) image.right { + margin-right: 0; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl):not(:only-child) { + margin-left: -56px; + padding-left: 56px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl):not(:only-child) .gedit-search-entry-occurrences-tag { + margin-right: 4px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl):not(:only-child) image.left { + margin-left: 0; +} + +.gedit-search-slider .linked:not(.vertical) > entry:not(.error) { + background-color: #1e2431; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button { + color: rgba(255, 255, 255, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.gedit-search-slider .linked > button { + border: solid 4px transparent; + border-radius: 9999px; +} + +.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) { + margin-left: -2px; + border-radius: 9999px; +} + +.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) { + margin-right: -2px; + border-radius: 9999px; +} + +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 * + **********/ +.tweak-categories { + background-image: image(#131823); +} + +.csd .tweak-categories { + border-bottom-left-radius: 16px; +} + +.tweak { + padding: 3px; +} + +.tweak.title:hover { + box-shadow: none; +} + +.tweak-group-white, +.tweak-white, +.tweak-white:hover { + background-image: image(#161b26); +} + +.tweak-startup, +.tweak-startup:hover { + background-image: image(#161b26); +} + +.tweak-group-startup { + background-image: image(#161b26); +} + +.tweak-group-startup row.tweak-startup { + border-radius: 10px; + background-color: transparent; + background-image: none; +} + +row#Focus, +row#ClickMethod, +row#PrimaryWorkspaceTweak, +row#workspaces-only-on-primary { + margin-top: 4px; +} + +leaflet.titlebar > .titlebar.tweak-titlebar-right, leaflet.titlebar > .titlebar.tweak-titlebar-left, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right, hdyleaflet.titlebar > .titlebar.tweak-titlebar-left { + background-color: inherit; + box-shadow: inherit; + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +leaflet.titlebar > .titlebar.tweak-titlebar-right + separator, leaflet.titlebar > .titlebar.tweak-titlebar-left + separator, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator, hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator { + background-color: inherit; + background-image: image(rgba(255, 255, 255, 0.12)); +} + +list.navigation-sidebar { + border-bottom-left-radius: 16px; +} + +list.navigation-sidebar > separator { + background-color: transparent; +} + +/************************ + * Gnome Control Center * + ************************/ +window.background.csd > headerbar.titlebar > leaflet.unfolded > headerbar:first-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet.unfolded > headerbar:first-child:not(:only-child) { + border-top-left-radius: 16px; +} + +window.background.csd > headerbar.titlebar > leaflet.unfolded > headerbar:last-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet.unfolded > headerbar:last-child:not(:only-child) { + border-top-right-radius: 16px; +} + +window.background.csd > headerbar.titlebar > leaflet.unfolded > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet.unfolded > headerbar:last-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet.unfolded > headerbar:first-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet.unfolded > headerbar:last-child:only-child { + border-top-right-radius: 16px; + border-top-left-radius: 16px; +} + +window.background.csd > stack:not(.titlebar) > stack.background { + border-radius: 0 0 16px 16px; +} + +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 > 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: #161b26; + border-bottom-right-radius: 16px; +} + +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 > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button { + min-width: 28px; + min-height: 26px; + margin: 3px; + background-color: rgba(0, 0, 0, 0.65); + color: white; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:hover, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:hover, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:hover { + background-color: rgba(0, 0, 0, 0.75); + color: white; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:active, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:active { + background-color: rgba(0, 0, 0, 0.85); + color: white; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:disabled, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:disabled, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:disabled { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.45); +} + +window.background.csd > leaflet > stack.background frame.view, +window.background.csd > hdyleaflet > stack.background frame.view, +window.background.csd > box.horizontal > stack.background frame.view { + border-radius: 10px; + 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: #161b26; + border-bottom-left-radius: 16px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +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 { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window.background.csd > leaflet.folded > box.vertical > scrolledwindow.view { + border-bottom-right-radius: 16px; +} + +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: 10px 10px 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 10px 10px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 16px 16px; +} + +hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { + border: none; +} + +hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) > separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) > separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) > separator { + margin: 2px 0; +} + +/************************ + * Gnome system monitor * + ************************/ +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #161b26; + border-radius: 0 0 16px 16px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(.progressbar):not(.trough):not(:hover):not(:active):not(:selected) { + background: none; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box { + border-radius: 0 0 16px 16px; +} + +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 16px 16px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 16px 16px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +/****************** + * Gnome Contacts * + ******************/ +window.background.csd scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 16px; +} + +/************************ + * Epiphany (Gnome Web) * + ************************/ +tabbox { + background-color: #0f111a; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + padding: 2px 2px 0; +} + +tabbox > tab { + border-radius: 10px 10px 0 0; + border-bottom: none; +} + +tabbox > tab button { + min-height: 24px; + min-width: 24px; + border-radius: 9999px; + border: none; + padding: 0; +} + +/***************** + * Gnome Weather * + *****************/ +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 16px; +} + +#weather-page-content-view { + border-bottom-right-radius: 16px; + border-bottom-left-radius: 16px; +} + +statuspage.search-view entry.search:focus { + box-shadow: none; +} + +/*************** + * Gnome Music * + ***************/ +window.background.csd box.vertical > overlay > stack.background { + border-radius: 0 0 16px 16px; +} + +/**************** + * Gnome Clocks * + ****************/ +window.background.csd.unified { + border-top-left-radius: 16px; + border-top-right-radius: 16px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle { + border-top-left-radius: 16px; + border-top-right-radius: 16px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer { + margin: 0 0; + background: none; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +/************* + * 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.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, 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: 4px; + margin: 0; +} + +.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: 4px; + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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 > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +/********** + * Polari * + **********/ +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: #4DB6AC; + color: white; +} + +stack.view.polari-entry-area { + background-color: #0f111a; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 16px; +} + +stack:disabled.view.polari-entry-area { + background-image: image(#0f111a); +} + +/*********** + * Builder * + ***********/ +layouttabbar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #0f111a; +} + +layouttabbar > box > button { + margin: 4px 0; +} + +layouttab { + margin: 0 8px; + border-style: none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #4DB6AC; + background-color: #161b26; +} + +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(0, 0, 0, 0.25); + -PnlDockBin-handle-size: 1; +} + +entry.search-missing { + background-color: #F44336; + color: white; +} + +window.workbench treeview.image { + color: rgba(255, 255, 255, 0.7); +} + +popover.popover-selector list { + padding: 6px; +} + +popover.popover-selector list row { + border-radius: 10px; +} + +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: 10px; +} + +omnibar:not(:hover):not(:active) entry { + color: rgba(255, 255, 255, 0.7); +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +entry.preferences-search { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; + background-color: #161b26; +} + +preferences stacksidebar.sidebar list { + background-color: #131823; +} + +preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; +} + +preferences > box > box:dir(ltr) { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +preferences > box > box:dir(rtl) { + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 10px; +} + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 10px; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.transfers list { + background-color: transparent; +} + +popover.transfers list row:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.transfers list row > box { + padding: 10px; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.25); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +eggsearchbar box.search-bar { + padding: 0 8px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #0f111a; +} + +docktabstrip { + padding: 0 8px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #0f111a; +} + +docktab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 22px; + min-width: 22px; + margin-bottom: -1px; + padding: 4px 6px; + border-width: 1px; + border-color: transparent; + box-shadow: inset 0 -2px transparent; + background-image: radial-gradient(circle, #4DB6AC 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +docktab:hover { + background-color: alpha(currentColor, 0.08); + color: white; +} + +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 #4DB6AC; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + color: white; +} + +dockoverlayedge { + background-color: #0f111a; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge docktab:checked { + box-shadow: inset -2px 0 #4DB6AC; +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 #4DB6AC; +} + +pillbox { + background-color: #0f111a; + border-radius: 10px; +} + +layoutpane entry.search { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; + background-color: #161b26; +} + +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: 8px; + padding-right: 8px; +} + +button.dzlmenubutton image { + min-width: 26px; +} + +button.dzlmenubutton image.arrow { + min-width: 23px; +} + +button.dzlmenubuttonitem { + color: white; + font-weight: normal; +} + +button.dzlmenubuttonitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +idelayoutstackheader { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +idelayoutstackheader button:checked { + color: white; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher { + padding: 8px 0; + background-color: #0f111a; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { + border-left: 1px solid rgba(255, 255, 255, 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, rgba(77, 182, 172, 0.7) 10%, transparent 0%); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { + background-color: transparent; + color: white; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { + margin-right: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 #4DB6AC; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #4DB6AC; +} + +ideeditorsidebar notebook header { + background: transparent; +} + +popover.messagepopover list { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.messagepopover list row:not(:last-child) { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +/********** + * Photos * + **********/ +GdMainIconView.content-view { + -GdMainIconView-icon-size: 48; +} + +.documents-counter { + margin: 8px; + border-radius: 9999px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + background-color: #4DB6AC; + color: white; + 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: white; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: alpha(currentColor, 0.06); + color: white; +} + +button.photos-filter-preview:checked image { + color: white; + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); +} + +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: rgba(255, 255, 255, 0.12); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); +} + +.side-panel .view { + background-image: image(#131823); +} + +.side-panel .view:hover { + background-image: image(#363636); +} + +.side-panel .view:selected { + background-image: image(#4DB6AC); +} + +.side-panel .view:selected:hover { + background-image: image(#5bbcb3); +} + +.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 rgba(255, 255, 255, 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; +} + +/*********************** + * Gnome Note (bijiben)* + ***********************/ +dialog.background scrolledwindow.frame > viewport > list { + background-color: transparent; + border: none; +} + +/******************* + * Document Viewer * + *******************/ +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + border-radius: 0 0 16px 16px; +} + +/********************************* + * Archive Manager (File roller) * + *********************************/ +window.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 16px 16px; + background-color: #161b26; +} + +window.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:active):not(:selected) { + background-color: #161b26; +} + +window.background.csd > grid.horizontal > paned.horizontal > box + separator + scrolledwindow { + border-radius: 0 0 16px 0; +} + +window.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 16px; + background-color: #0f111a; +} + +window.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +/************** + * Gnome Disk * + **************/ +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +/************ + * Terminal * + ************/ +terminal-window.background.csd { + border-radius: 0; +} + +terminal-window.background.csd.maximized { + border-radius: 0; +} + +window.background > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 16px; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 16px; +} + +popover.background.menu radiobutton.system, popover.background.menu radiobutton.light, popover.background.menu radiobutton.dark { + margin: 4px 0 2px; +} + +/********* + * 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: -4px; +} + +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: -4px; +} + +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: 16px; +} + +/******** + * Gitg * + ********/ +frame.commit-frame > border { + border-style: solid none none; +} + +/************** + * Characters * + **************/ +box.dialog-vbox scrolledwindow.related { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +list.categories { + background-image: image(#131823); +} + +/********* + * Boxes * + *********/ +.transparent-bg + stack overlay > label { + min-height: 24px; + padding: 0 4px; + border-radius: 10px; + background-color: #131823; + color: white; +} + +/************** + * Calculator * + **************/ +button.title label { + min-height: 32px; +} + +/********* + * Geary * + *********/ +window.background.csd.geary-main-window box.vertical > paned.horizontal > box.sidebar.vertical, +window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical { + border-bottom-left-radius: 16px; +} + +window.background.csd.geary-main-window box.vertical > paned.horizontal > box.sidebar.vertical statusbar, +window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar { + border-bottom-left-radius: 16px; +} + +window.background.csd.geary-main-window stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 16px; +} + +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: 16px; +} + +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: white; + background-color: #0f111a; + box-shadow: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +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 > deck > overlay > .geary-main-layout { + background-color: #131823; +} + +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > separator.sidebar, +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > separator.geary-sidebar-pane-separator, +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar { + background-color: transparent; + background-image: linear-gradient(to bottom, #161b26 0%, #161b26 39px, rgba(255, 255, 255, 0.12) 39px, rgba(255, 255, 255, 0.12) 100%); + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop, +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > separator.geary-sidebar-pane-separator:backdrop, +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop { + background-color: transparent; + background-image: linear-gradient(to bottom, #1e2431 0%, #1e2431 39px, rgba(255, 255, 255, 0.12) 39px, rgba(255, 255, 255, 0.12) 100%); +} + +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical > .geary-conversation-frame > scrolledwindow { + margin: -1px 0; +} + +.geary-main-window geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + background-color: #161b26; +} + +.geary-main-window 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 geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane { + border-radius: 0 0 8px 8px; +} + +.geary-main-window geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background { + background-color: transparent; +} + +.geary-main-window geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box { + border-radius: 0 0 6px 6px; +} + +.geary-main-window geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content geary-composer-editor box.background, +.geary-main-window geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content geary-composer-editor actionbar > revealer > box { + border-radius: 0 0 8px 8px; +} + +geary-composer-box#GearyComposerWindow geary-composer-editor box.background, +geary-composer-box#GearyComposerWindow geary-composer-editor actionbar > revealer > box { + border-radius: 0 0 16px 16px; +} + +/************** + * 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: 16px; +} + +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 16px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 16px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 16px 16px; + background-color: #161b26; +} + +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 16px 16px; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 16px 16px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook:not(.frame), dialog.background.csd > box.vertical.dialog-vbox > notebook:not(.frame) > stack { + border-radius: 0 0 16px 16px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook:not(.frame) .inline-toolbar { + border-radius: 0 0 10px 10px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 10px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 10px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:active):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 10px; +} + +window.background > deck > box > overlay > stack > leaflet > box > scrolledwindow > viewport > box > stack > scrolledwindow { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background.csd.unified headerbar { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background.csd.unified headerbar.selection-mode { + box-shadow: none; +} + +window.background.csd.unified > decoration-overlay { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd.unified, +window.background.csd.unified > decoration, +window.background.csd.unified > decoration-overlay { + border-radius: 16px; +} + +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; +} + +window.background.csd.unified > deck > .view > notebook > header.top { + border-radius: 0; +} + +/********* + * Tilix * + *********/ +overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { + border-style: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); +} + +overlay > revealer.left > scrolledwindow.frame { + margin-right: 32px; +} + +overlay > revealer.right > scrolledwindow.frame { + margin-left: 32px; +} + +.terminix-session-sidebar, +.tilix-session-sidebar { + background-image: image(#1e2431); +} + +.terminal-titlebar button { + border-radius: 0; +} + +button.image-button.session-new-button { + min-width: 28px; +} + +notebook.tilix-background tab > box > stack { + margin: -6px; +} + +button.flat.tilix-small-button { + min-height: 18px; + min-width: 14px; +} + +/************** + * Terminator * + **************/ +.terminator-terminal-window paned > separator { + background-color: #0f111a; +} + +.terminator-terminal-window notebook.frame { + border-style: none; +} + +/************* + * Ubitquity * + *************/ +#live_installer .menubar progressbar trough { + border-radius: 4px; + background-color: rgba(255, 255, 255, 0.15); +} + +/*********** + * 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: 10px; +} + +/******** + * Meld * + ********/ +notebook.meld-notebook { + background-color: #161b26; + border-radius: 0 0 16px 16px; +} + +notebook.meld-notebook > stack { + background-color: #161b26; + border-radius: 0 0 16px 16px; +} + +.meld-notebook-child { + background-color: #161b26; + border-radius: 0 0 16px 16px; +} + +.meld-status-bar { + background-color: transparent; +} + +.meld-status-bar button { + border-radius: 0; +} + +/************ + * Chromium * + ************/ +window.background.chromium { + background-color: #1e2431; +} + +window.background.chromium entry, +window.background.chromium > button { + border: 1px solid #404040; +} + +window.background.chromium > button { + color: #4DB6AC; +} + +window.background.chromium > button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +window.background.chromium menubar, window.background.chromium headerbar { + color: rgba(255, 255, 255, 0.7); +} + +window.background.chromium menu { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +window.background.chromium menu menuitem { + border-radius: 0; +} + +window.background.chromium headerbar { + padding: 0 8px; +} + +window.background.chromium spinner { + color: #4DB6AC; +} + +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: #4DB6AC; + color: white; +} + +window.background.chromium treeview.view button { + border: 1px solid rgba(255, 255, 255, 0.3); + background-color: #161b26; +} + +tooltip.background.chromium { + color: white; + background-color: #191919; +} + +/*********** + * Firefox * + ***********/ +#MozillaGtkWidget > widget text { + background-color: #1e2431; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #4DB6AC; + color: white; +} + +#MozillaGtkWidget > widget > separator { + color: #404040; +} + +#MozillaGtkWidget > widget > scrollbar { + background-clip: border-box; +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #404040; +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid #404040; + border-radius: 10px; + box-shadow: none; +} + +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(255, 255, 255, 0.15); +} + +#MozillaGtkWidget > widget > entry { + min-height: 30px; + background-color: #161b26; +} + +#MozillaGtkWidget > widget > entry:focus { + border-color: #4DB6AC; + box-shadow: inset 0 0 0 1px #4DB6AC; +} + +#MozillaGtkWidget > widget > entry:disabled { + background-color: #131823; +} + +#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: #464646; +} + +#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: #727272; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(70, 70, 70, 0.5); +} + +#MozillaGtkWidget menu { + border: none; +} + +#MozillaGtkWidget > widget > menubar { + color: rgba(255, 255, 255, 0.7); +} + +#MozillaGtkWidget > widget > menubar:hover { + color: white; +} + +#MozillaGtkWidget > widget > menubar:disabled { + color: rgba(255, 255, 255, 0.3); +} + +#MozillaGtkWidget > widget > frame { + color: #404040; +} + +#MozillaGtkWidget menu > separator { + color: #404040; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +.background.popup.xapp-status-icon-menu-window decoration { + border-radius: 9px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); +} + +/************ + * 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; + border-radius: 10px; +} + +#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; + border-radius: 10px; +} + +#CanvasTable button { + min-height: 16px; + min-width: 16px; + padding: 0; +} + +#CanvasTable #HorizontalScrollbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(ltr) { + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(rtl) { + border-right: 1px solid rgba(255, 255, 255, 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; +} + +/*********** + * Synapse * + ***********/ +/********* + * 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 > box.vertical > stack > scrolledwindow > viewport.frame > list { + border: none; + border-radius: 0; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable:first-child, window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable:last-child { + border-radius: 0; +} + +window.background.csd > box.vertical > overlay > stack > scrolledwindow.frame { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > grid.horizontal { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #161b26; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget viewport.frame > box > box > box > grid toolbar { + background: none; + border: none; + padding: 3px; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget > scrolledwindow > viewport.frame { + background: #161b26; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget > scrolledwindow > viewport.frame > grid > box.horizontal { + background: #161b26; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget > scrolledwindow > viewport.frame > grid > box.horizontal > box.vertical > toolbar { + background: #161b26; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget > scrolledwindow > viewport.frame > grid > box.vertical > toolbar { + background: none; + border: none; + padding: 6px; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget > scrolledwindow > viewport.frame > grid > box.horizontal > #combobox.linked, +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget > scrolledwindow > viewport.frame > grid > box.horizontal > grid.horizontal > box.horizontal { + background: #161b26; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget toolbar.small-button { + border: none; +} + +window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) { + border: 1px solid rgba(255, 255, 255, 0.12); + border-left: none; + border-right: none; + background-color: #161b26; + box-shadow: none; +} + +window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; + background-color: #161b26; +} + +window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) > header { + box-shadow: none; + margin: 0; + border: none; + background-color: transparent; +} + +window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) > header > tabs > tab { + margin: 3px 0 0; +} + +#gtk-combobox-popup-window scrolledwindow.frame { + border: none; +} + +#gtk-combobox-popup-window treeview.view:selected, #gtk-combobox-popup-window treeview.view:hover { + background-image: image(#4DB6AC); +} + +#gtk-combobox-popup-window treeview.view:selected, #gtk-combobox-popup-window treeview.view:selected label, #gtk-combobox-popup-window treeview.view:hover, #gtk-combobox-popup-window treeview.view:hover label { + color: white; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view, stack > scrolledwindow > viewport > box > box > box > frame.view > border, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > border, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > border, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > border { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box > list, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box > list, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box > list, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box > list { + background-color: transparent; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:first-child > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:first-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box:first-child > list, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box:first-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box:first-child > list, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box:first-child > list > row, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box:first-child > list, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box:first-child > list > row { + border-radius: 10px 10px 0 0; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:last-child > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:last-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box:last-child > list, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box:last-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box:last-child > list, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box:last-child > list > row, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box:last-child > list, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box:last-child > list > row { + border-radius: 0 0 10px 10px; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:only-child > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:only-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box:only-child > list, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box:only-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box:only-child > list, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box:only-child > list > row, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box:only-child > list, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box:only-child > list > row { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view, stack > scrolledwindow > viewport > box > box > box > frame.view > border, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > border, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > border { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box > list { + background-color: transparent; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:first-child > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:first-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box:first-child > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box:first-child > list > row, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box:first-child > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box:first-child > list > row { + border-radius: 10px 10px 0 0; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:last-child > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:last-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box:last-child > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box:last-child > list > row, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box:last-child > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box:last-child > list > row { + border-radius: 0 0 10px 10px; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:only-child > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:only-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box:only-child > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box:only-child > list > row, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box:only-child > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box:only-child > list > row { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > revealer > box > box > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > revealer > box > box > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > revealer > box > box > list { + background-color: transparent; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > revealer:first-child > box > box > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > revealer:first-child > box > box > list > row, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > revealer:first-child > box > box > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > revealer:first-child > box > box > list > row, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > revealer:first-child > box > box > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > revealer:first-child > box > box > list > row { + border-radius: 10px 10px 0 0; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > revealer:last-child > box > box > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > revealer:last-child > box > box > list > row, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > revealer:last-child > box > box > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > revealer:last-child > box > box > list > row, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > revealer:last-child > box > box > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > revealer:last-child > box > box > list > row { + border-radius: 0 0 10px 10px; +} + +stack > scrolledwindow > viewport > box > box > widget > overlay > scrolledwindow > viewport > grid > box > frame, stack > scrolledwindow > viewport > box > box > widget > overlay > scrolledwindow > viewport > grid > box > frame > border { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > box > widget > overlay > scrolledwindow > viewport > grid > box > frame > list { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > box > widget > overlay > scrolledwindow > viewport > grid > box > frame > list > row:first-child { + border-radius: 10px 10px 0 0; +} + +stack > scrolledwindow > viewport > box > box > widget > overlay > scrolledwindow > viewport > grid > box > frame > list > row:last-child { + border-radius: 0 0 10px 10px; +} + +stack > scrolledwindow > viewport > box > stack > box > box > frame.view, stack > scrolledwindow > viewport > box > stack > box > box > frame.view > border { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > stack > box > box > frame.view frame.view { + background-color: transparent; +} + +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > scrolledwindow > viewport.frame > box > list { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > scrolledwindow > viewport.frame > box > list > row:first-child { + border-radius: 10px 10px 0 0; +} + +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > scrolledwindow > viewport.frame > box > list > row:last-child { + border-radius: 0 0 10px 10px; +} + +stack > scrolledwindow > viewport > box > widget > box > frame.view, stack > scrolledwindow > viewport > box > widget > box > frame.view > border, +stack > scrolledwindow > viewport > box > widget > box > frame.view > widget > box > box > list { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box #c_box notebook { + background-color: transparent; +} + +#workspaces button { + min-width: 20px; +} + +window.background:not(.csd):not(.solid-csd) > button:not(:hover):not(:active):not(:checked):not(:disabled):not(.flat) { + background-color: #131823; +} + +/********* + * Unity * + *********/ +UnityDecoration { + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 8px; + -UnityDecoration-shadow-offset-x: 0; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48); + -UnityDecoration-active-shadow-radius: 18px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); + -UnityDecoration-inactive-shadow-radius: 6px; + -UnityDecoration-glow-size: 8px; + -UnityDecoration-glow-color: #4DB6AC; + -UnityDecoration-title-indent: 4px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration .top { + padding: 0 2px; + border-style: none; + border-radius: 16px 16px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #161b26; + color: white; +} + +UnityDecoration .top:backdrop { + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); +} + +UnityDecoration .menuitem { + color: rgba(255, 255, 255, 0.7); +} + +UnityDecoration .menuitem:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: white; +} + +.background:not(.csd) headerbar:not(.titlebar) { + border-radius: 0; + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { + border-style: none; +} + +UnityPanelWidget, +.unity-panel { + background-color: #0f111a; + color: white; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + color: rgba(255, 255, 255, 0.7); +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: white; +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: spin 1s linear infinite; + color: #4DB6AC; +} + +/************** + * Mate-Panel * + **************/ +.mate-panel-menu-bar menubar, +#PanelApplet-window-menu-applet-button { + background-color: transparent; +} + +.mate-panel-menu-bar { + background-color: rgba(33, 33, 33, 0.65); + color: rgba(255, 255, 255, 0.7); + font-weight: 500; + box-shadow: none; +} + +.mate-panel-menu-bar button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; +} + +PanelToplevel.horizontal > grid > button { + min-width: 24px; +} + +PanelToplevel.vertical > grid > button { + min-height: 24px; +} + +PanelSeparator { + color: rgba(255, 255, 255, 0.12); +} + +MatePanelAppletFrameDBus { + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); +} + +.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { + border-width: 0 1px; +} + +.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { + border-width: 1px 0; +} + +.mate-panel-menu-bar menubar { + box-shadow: none; +} + +.mate-panel-menu-bar menubar > menuitem { + color: rgba(255, 255, 255, 0.7); +} + +.mate-panel-menu-bar menubar > menuitem:hover { + color: white; +} + +.mate-panel-menu-bar menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.mate-panel-menu-bar.horizontal menubar > menuitem { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical menubar > menuitem { + padding: 8px 0; +} + +.mate-panel-menu-bar menubar menu > menuitem { + min-height: 24px; + padding: 0 6px; +} + +.mate-panel-menu-bar #PanelApplet button { + -GtkWidget-window-dragging: true; +} + +.mate-panel-menu-bar #tasklist-button { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; +} + +.mate-panel-menu-bar #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { + padding-left: 4px; +} + +.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { + padding-right: 4px; +} + +.mate-panel-menu-bar.vertical #tasklist-button { + min-height: 32px; +} + +.mate-panel-menu-bar.horizontal #showdesktop-button image { + min-width: 24px; + padding: 0 4px; +} + +.mate-panel-menu-bar.vertical #showdesktop-button image { + min-height: 24px; + padding: 4px 0; +} + +PanelApplet.wnck-applet .wnck-pager { + background-color: transparent; + color: #4DB6AC; +} + +PanelApplet.wnck-applet .wnck-pager:hover { + background-color: alpha(currentColor, 0.08); +} + +PanelApplet.wnck-applet .wnck-pager:active { + background-color: alpha(currentColor, 0.12); +} + +PanelApplet.wnck-applet .wnck-pager:selected { + background-color: #4DB6AC; +} + +.mate-panel-menu-bar.horizontal #clock-applet-button label { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical #clock-applet-button label { + padding: 8px 0; +} + +#MatePanelPopupWindow { + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 11px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +#MatePanelPopupWindow frame > border { + border-style: none; +} + +#MatePanelPopupWindow calendar { + border-style: none; +} + +#MatePanelPopupWindow calendar:not(:selected) { + background-color: transparent; +} + +#MatePanelPopupWindow calendar + box { + margin-top: -5px; + padding-top: 5px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + +#MatePanelPopupWindow button { + padding: 4px 16px; +} + +#MatePanelPopupWindow > frame > box > box > box > widget { + color: rgba(255, 255, 255, 0.12); +} + +na-tray-applet { + -NaTrayApplet-icon-padding: 3px; + -NaTrayApplet-icon-size: 16; +} + +.mate-panel-menu-bar { + -PanelMenuBar-icon-visible: true; +} + +.mate-panel-applet-slider { + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 11px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +.mate-panel-applet-slider frame > border { + border-style: none; +} + +#PanelApplet:not(:selected) > box { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +#PanelApplet:selected > box { + background-color: alpha(currentColor, 0.1); + color: white; +} + +#mate-menu { + border: 1px solid rgba(0, 0, 0, 0.25); + background-color: #1e2431; +} + +#mate-menu button { + min-height: 24px; + min-width: 24px; + padding: 4px 0; + color: white; + font-weight: normal; +} + +#mate-menu button:not(.flat) { + background-color: alpha(currentColor, 0.1); +} + +#mate-menu button image, +#mate-menu button label + label { + color: rgba(255, 255, 255, 0.7); +} + +#mate-menu entry { + margin: 0 0 4px; +} + +#mate-menu entry image { + margin: 0; +} + +#mate-menu entry + button { + margin: 0 4px 4px; + padding: 4px; +} + +.brisk-menu { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.brisk-menu entry + box > box:dir(ltr) { + margin-right: -2px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #4DB6AC; +} + +.brisk-menu .session-button { + padding: 8px; +} + +.brisk-menu .frame { + border-style: none; +} + +.brisk-menu .apps-list { + padding: 4px 0; + background-color: transparent; +} + +.brisk-menu .apps-list row { + padding: 0; +} + +.brisk-menu .apps-list row:hover { + box-shadow: none; +} + +.brisk-menu .apps-list button { + border-radius: 0; + color: white; + font-weight: normal; +} + +/********************* + * CAJA File manager * + *********************/ +.caja-navigation-window button.toggle.image-button { + border-radius: 10px; +} + +.caja-pathbar button { + margin: 0 -1px 0 -2px; +} + +.caja-pathbar button.slider-button { + min-width: 24px; +} + +.caja-pathbar button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -GtkArrow-arrow-scaling: 1; +} + +.caja-side-pane notebook viewport.frame, +.caja-side-pane notebook widget .vertical { + background-color: #161b26; +} + +.caja-side-pane notebook, +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane notebook .frame, +.caja-notebook .frame { + border-style: none; +} + +.caja-canvas-item { + border-radius: 10px; +} + +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + color: white; +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: alpha(currentColor, 0.06); +} + +.caja-desktop.view .entry { + background-color: #161b26; + color: white; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); + caret-color: currentColor; +} + +.caja-desktop.view .entry:selected { + background-color: alpha(currentColor, 0.06); +} + +.caja-navigation-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-notebook frame > border { + border-style: none; +} + +#caja-extra-view-widget { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #161b26; +} + +#caja-extra-view-widget > box > box > label { + font-weight: bold; +} + +/********* + * Pluma * + *********/ +.pluma-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.pluma-window statusbar frame > border { + border-style: none; +} + +.pluma-window statusbar frame button.flat { + padding: 0 4px; + border-radius: 0; +} + +.pluma-window statusbar frame button.flat widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -GtkArrow-arrow-scaling: 1; +} + +.pluma-print-preview toolbar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat { + margin: 1px; +} + +.pluma-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.pluma-window paned.horizontal box.vertical notebook.frame { + margin-top: -1px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +/********* + * Atril * + *********/ +.atril-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.atril-window paned.horizontal box.vertical notebook .frame { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +/* mate-screensaver lock dialog */ +.lock-dialog { + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 11px; + box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 11px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +.lock-dialog frame > border { + border-style: none; +} + +.lock-dialog button:not(:disabled) { + color: #4DB6AC; +} + +/* multimedia OSD */ +MsdOsdWindow.background.osd { + border-radius: 10px; + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +MsdOsdWindow.background.osd .trough { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.15); +} + +MsdOsdWindow.background.osd .progressbar { + border-radius: 0; + background-color: #4DB6AC; +} + +/****************** + * Budgie Desktop * + ******************/ +.budgie-container { + background-color: transparent; +} + +.budgie-popover { + border: none; + border-radius: 10px; + box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + background-color: #161b26; + border-color: #161b26; +} + +.budgie-popover > .container { + padding: 4px; +} + +.budgie-popover > .container .container { + padding: 0; +} + +.budgie-popover separator { + margin: 2px 0; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover entry, .budgie-popover button, .budgie-popover spinbutton, .budgie-popover button.combo { + border-radius: 5px; +} + +.budgie-popover .linked > entry:first-child, +.budgie-popover .linked > button:first-child { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +.budgie-popover .linked > entry:last-child, +.budgie-popover .linked > button:last-child { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; +} + +.budgie-popover button.flat:not(.image-button) { + min-height: 24px; + padding: 0 8px; + color: white; + font-weight: normal; + border-radius: 5px; +} + +.budgie-popover button.flat:not(.image-button):disabled { + color: rgba(255, 255, 255, 0.5); +} + +.budgie-popover row { + padding: 0; +} + +.budgie-popover row:hover { + box-shadow: none; +} + +.budgie-popover row button { + border-radius: 5px; +} + +.budgie-popover calendar:not(.header) { + border-radius: 5px; +} + +.budgie-popover scrolledwindow.sidebar.categories { + background-color: rgba(255, 255, 255, 0.04); +} + +.budgie-popover scrolledwindow.sidebar.categories button.category-button { + border-radius: 0; +} + +.budgie-popover treeview.view.sidebar { + background: none; + border-right: none; + color: white; + padding: 2px; +} + +.budgie-popover treeview.view.sidebar:hover { + background-color: alpha(currentColor, 0.08); +} + +.budgie-popover treeview.view.sidebar:selected { + background-color: alpha(currentColor, 0.12); +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) { + border-right: none; + background: none; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list { + background-color: rgba(255, 255, 255, 0.04); + border-radius: 5px; + padding: 2px; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable { + border-radius: 2.5px; + padding: 4px 6px; +} + +.budgie-popover scrolledwindow.sidebar + separator { + background-color: transparent; + min-width: 0; + min-height: 0; +} + +.budgie-popover scrolledwindow.sidebar + separator + scrolledwindow { + margin-left: 2px; +} + +.budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable { + border-radius: 5px; +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.budgie-menu .sidebar, +.budgie-popover.budgie-menu scrollbar, +.budgie-popover.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-popover.budgie-menu entry.search { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + font-size: 120%; +} + +.budgie-popover.budgie-menu row.activatable > button.flat { + min-height: 32px; + padding: 0 8px; + border-radius: 0; +} + +.budgie-popover.budgie-menu row.activatable > button.flat:checked:disabled { + background-color: transparent; +} + +.budgie-popover.budgie-menu list.left-overlay-menu { + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #161b26; + padding: 4px; + margin: 4px; + border-radius: 9px; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable { + border-radius: 5px; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable:not(:last-child) { + margin-bottom: 2px; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable button.menuitem { + border-radius: 5px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer { + border-top: 1px solid rgba(255, 255, 255, 0.12); + padding: 4px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat { + min-height: 16px; + min-width: 16px; + padding: 4px; + border-radius: 5px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat.image-button { + border-radius: 9999px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat.image-button:not(.last-child) { + margin-right: 4px; +} + +.budgie-popover.user-menu list, +.budgie-popover.user-menu row { + border: none; + background: none; + box-shadow: none; +} + +.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child { + margin-bottom: 2px; + outline-width: 0; + border-radius: 10px; +} + +.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child button.indicator-item { + transition: none; + animation: none; +} + +.budgie-popover.sound-popover .container { + padding: 0; +} + +.budgie-popover.sound-popover separator { + margin: 2px 0; +} + +.budgie-popover.night-light-indicator .container { + padding: 2px; +} + +.budgie-popover.night-light-indicator .view-header { + margin: 0 4px; +} + +.budgie-popover.places-menu .container { + padding: 2px; +} + +.budgie-popover.places-menu .name-button image:dir(ltr) { + margin-right: 3px; +} + +.budgie-popover.places-menu .name-button image:dir(rtl) { + margin-left: 3px; +} + +.budgie-popover.places-menu .unmount-button { + margin: 1px; + padding: 0; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 2px; + padding-top: 2px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 2px; + font-size: 15px; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: alpha(currentColor, 0.1); +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 10px; +} + +.budgie-panel { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #0f111a; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: rgba(33, 33, 33, 0.65); +} + +.bottom .budgie-panel.dock-mode { + border-radius: 16px 16px 0 0; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist button.launcher:checked, .bottom .budgie-panel.dock-mode .icon-tasklist button.launcher:active { + color: white; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-left-radius: 16px; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-top-right-radius: 16px; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 16px 16px 0; +} + +.left .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-right-radius: 16px; +} + +.left .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-bottom-right-radius: 16px; +} + +.right .budgie-panel.dock-mode { + border-radius: 16px 0 0 16px; +} + +.right .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-left-radius: 16px; +} + +.right .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-bottom-left-radius: 16px; +} + +.budgie-panel button { + color: rgba(255, 255, 255, 0.7); + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 0; +} + +.budgie-panel button:hover { + color: white; +} + +.budgie-panel button:active { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button.raven-trigger { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.3); +} + +.budgie-panel .alert { + color: #4DB6AC; +} + +.budgie-panel .titlebar:not(headerbar) { + min-height: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + color: white; +} + +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { + color: white; +} + +.budgie-panel menubar, +.budgie-panel .menubar { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active, +.budgie-panel .menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:active { + color: white; +} + +.budgie-panel menubar separator, +.budgie-panel .menubar separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel #tasklist-button { + padding: 0 4px; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: rgba(255, 255, 255, 0.5); +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled { + color: rgba(255, 255, 255, 0.3); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; +} + +.budgie-panel .lock-keys image:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.budgie-panel > box > widget > widget > image, +.budgie-panel > box > widget > widget > stack > image, +.budgie-panel > box > widget > widget > box > image { + margin-left: 4px; + margin-right: 4px; +} + +.budgie-panel > box > widget > widget > box > image + label { + margin-left: -2px; +} + +.budgie-panel > box > widget > widget > box > widget > image { + margin-left: 4px; +} + +.budgie-panel > box > widget > widget > box > stack > widget > label { + margin-right: 4px; +} + +.budgie-panel > box > widget > widget > box > widget > widget > image { + margin-left: 2px; + margin-right: 2px; +} + +.budgie-panel .budgie-clock-applet > widget > box, +.budgie-panel .budgie-calendar-applet > widget > box { + padding-left: 2px; + padding-right: 2px; +} + +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; +} + +frame.raven-frame > border { + border-style: none; +} + +.top frame.raven-frame > border { + margin-bottom: 32px; +} + +.bottom frame.raven-frame > border { + margin-top: 32px; +} + +.left frame.raven-frame > border { + margin-right: 32px; +} + +.right frame.raven-frame > border { + margin-left: 32px; +} + +.raven { + background-color: #1e2431; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); + margin: 8px 6px 6px; + border-radius: 10px; +} + +.raven scrollbar { + background-color: transparent; +} + +.raven stackswitcher.linked { + margin: 6px 16px; +} + +.raven stackswitcher.linked > button:focus { + box-shadow: none; +} + +.raven .raven-header { + min-height: 32px; + padding: 3px; +} + +.raven .raven-header.top { + padding: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top stackswitcher button { + padding: 0 16px; + min-height: 32px; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven stack .raven-header { + margin-top: -6px; +} + +.raven stack scrolledwindow .raven-header { + margin-top: -8px; +} + +.raven .raven-background { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #161b26; +} + +.raven .raven-background > overlay > widget > image { + color: rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .powerstrip button { + margin: 2px 0 1px; + padding: 8px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven .audio-widget scale.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +.raven .audio-widget button.flat.expander-button { + margin-top: 4px; + margin-bottom: 4px; +} + +.raven .audio-widget list { + background: none; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(255, 255, 255, 0.06); + color: white; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: white; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +.raven levelbar, .raven levelbar trough, .raven levelbar block { + border-radius: 9999px; +} + +calendar.raven-calendar { + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 10px; +} + +.raven-mpris { + background-color: #131823; + color: rgba(255, 255, 255, 0.7); +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 8px; +} + +image.raven-mpris { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.7); + border-radius: 10px; +} + +.raven-notifications-view > .raven-background > viewport.frame { + padding: 0; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable { + margin-left: -4px; + margin-right: -2px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header { + padding: 0 8px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list { + padding: 4px; + background: none; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border: none; + padding: 4px 4px 4px 8px; + margin: 2px; + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.04); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(255, 255, 255, 0.12); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus { + background: none; + box-shadow: none; +} + +.raven-notifications-group .raven-notifications-group-header { + padding-left: 4px; +} + +.raven-notifications-group list > row { + border-radius: 10px; + padding: 4px; +} + +.raven-notifications-group list > row .notification-clone { + padding-left: 4px; +} + +.drop-shadow { + margin: 5px 9px; + padding: 4px; + border-radius: 16px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +.budgie-notification-window { + background-color: transparent; +} + +.budgie-notification { + padding: 8px; +} + +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-notification .notification-body { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-switcher-window { + background-color: transparent; +} + +.budgie-switcher { + padding: 8px; +} + +.budgie-osd-window { + background-color: transparent; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-osd-window .drop-shadow { + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #0f111a; +} + +.budgie-osd-window image { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-osd-window progressbar trough { + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-power-dialog { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +.budgie-power-dialog.background, .budgie-power-dialog decoration { + border-radius: 20px; +} + +.budgie-power-dialog .titlebar { + background: none; + box-shadow: none; +} + +.budgie-power-dialog .drop-shadow { + border-radius: 20px; +} + +.budgie-session-dialog, +.budgie-polkit-dialog, +.budgie-run-dialog { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +.budgie-session-dialog > box > grid, +.budgie-polkit-dialog > box > grid, +.budgie-run-dialog > box > grid { + padding: 16px; +} + +.budgie-session-dialog.background.csd, .budgie-session-dialog decoration, +.budgie-polkit-dialog.background.csd, +.budgie-polkit-dialog decoration, +.budgie-run-dialog.background.csd, +.budgie-run-dialog decoration { + border-radius: 16px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title, +.budgie-run-dialog label:not(:last-child), +.budgie-run-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog .linked.horizontal > button, +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-run-dialog .linked.horizontal > button { + padding: 8px 16px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +.budgie-session-dialog .linked.horizontal > button:first-child, +.budgie-polkit-dialog .linked.horizontal > button:first-child, +.budgie-run-dialog .linked.horizontal > button:first-child { + border-bottom-left-radius: 16px; +} + +.budgie-session-dialog .linked.horizontal > button:last-child, +.budgie-polkit-dialog .linked.horizontal > button:last-child, +.budgie-run-dialog .linked.horizontal > button:last-child { + border-bottom-right-radius: 16px; +} + +.budgie-polkit-dialog .message { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-polkit-dialog .failure { + color: #F44336; +} + +.budgie-polkit-dialog > box > grid { + padding-bottom: 0; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 4px 12px; + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + color: white; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-settings-window > box > scrolledwindow { + background-color: #131823; + border-bottom-left-radius: 16px; +} + +.budgie-settings-window > box > scrolledwindow list.sidebar { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 10px; +} + +button.centerbutton:first-child { + border-radius: 10px 0 0 10px; +} + +button.centerbutton:last-child { + border-radius: 0 10px 10px 0; +} + +/************** + * Xfce4 Apps * + **************/ +.XfceHeading { + background-color: #161b26; +} + +/*************** + * xfce4-panel * + ***************/ +.xfce4-panel.background { + border: none; + border-color: transparent; + background-color: rgba(33, 33, 33, 0.65); + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +.xfce4-panel.background button, .xfce4-panel.background button.flat { + color: rgba(255, 255, 255, 0.7); + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; +} + +.xfce4-panel.background .tasklist button { + color: rgba(255, 255, 255, 0.7); + border-image: image(transparent) 0 0 2/0 0 2px; +} + +.xfce4-panel.background .tasklist button:checked { + border-image: image(#4DB6AC) 0 0 2/0 0 2px; +} + +.xfce4-panel.background .tasklist button image { + padding: 4px; +} + +wnck-pager:hover { + background-color: alpha(currentColor, 0.08); +} + +wnck-pager:active { + background-color: alpha(currentColor, 0.12); +} + +wnck-pager:selected { + background-color: #4DB6AC; +} + +XfdesktopIconView.view { + border-radius: 5px; + background-color: transparent; + color: white; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:selected, XfdesktopIconView.view:checked { + box-shadow: none; +} + +XfdesktopIconView.view .rubberband { + border-radius: 0; +} + +#XfceNotifyWindow buttonbox { + padding: 0; +} + +#XfceNotifyWindow label#summary { + font-weight: bold; +} + +#xfwm-tabwin { + padding: 12px; + border-radius: 10px; + -XfwmTabwinWidget-icon-size: 64px; + -XfwmTabwinWidget-preview-size: 64px; +} + +/*************** + * Whiskermenu * + ***************/ +window#whiskermenu-window { + border-radius: 0; + background-color: #0f111a; + border: none; +} + +window#whiskermenu-window entry.search { + border-radius: 5px; +} + +window#whiskermenu-window entry.search:focus { + background-color: #161b26; +} + +window#whiskermenu-window > frame > border { + border-radius: 16px; + padding: 4px 6px 4px 6px; + margin: 4px; + border: none; + background-color: rgba(33, 33, 33, 0.97); + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +window#whiskermenu-window box.categories > button.radio { + padding: 2px 4px; + margin: 1px 0; + border-radius: 5px; +} + +window#whiskermenu-window box.categories > button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow.frame { + padding: 2px; + background-color: #161b26; + border-radius: 5px; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view { + border-radius: 5px; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +window#whiskermenu-window scrolledwindow.frame iconview { + border-radius: 5px; +} + +window#whiskermenu-window scrollbar { + border: none; +} + +window#whiskermenu-window scrollbar, window#whiskermenu-window scrollbar.dragging, window#whiskermenu-window scrollbar.hovering, window#whiskermenu-window scrollbar.overlay-indicator, window#whiskermenu-window scrollbar.overlay-indicator.dragging, window#whiskermenu-window scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +window#whiskermenu-window .title-area > .commands-area > button.flat.command-button { + border-radius: 5px; +} + +window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +/********** + * Thunar * + **********/ +.thunar toolbar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.thunar headerbar.titlebar toolbar { + border: none; + padding: 0; + margin: 0; +} + +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) scale, +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) entry, +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) spinbutton, +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) button, +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) stackswitcher { + margin: 0 2px; +} + +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) button { + min-height: 0; + min-width: 0; +} + +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 4px 2px; +} + +.thunar .standard-view.frame { + border: none; + background-color: #0f111a; +} + +.thunar .standard-view.frame widget.view { + padding: 4px; + border-radius: 3px; + background-color: #0f111a; +} + +.thunar .standard-view.frame .view:hover { + color: white; +} + +.thunar .standard-view.frame .view:selected { + color: #0f111a; + background: #e2e9e9; + background-image: none; +} + +.thunar paned paned paned > notebook.frame { + border: none; + border-radius: 0; +} + +.thunar paned paned paned > notebook.frame .standard-view.frame > widget.view { + border-radius: 0; + box-shadow: inset 0 0 0 3px rgba(77, 182, 172, 0.25); +} + +.thunar .sidebar { + border: none; + background-color: #0f111a; +} + +.thunar .sidebar .view:not(:selected) { + background-color: #0f111a; +} + +.thunar .sidebar .view:selected, +.thunar treeview.view:selected, +.thunar treeview.view:selected:focus, +.thunar treeview.view:selected:hover { + color: #0f111a; + background-color: #e2e9e9; + background-image: none; +} + +.thunar statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 16px; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:active):not(:selected) { + background-color: #0f111a; +} + +/*************** + * xfsm dialog * + ***************/ +dialog.xfsm-logout-dialog { + box-shadow: none; + border: none; + border-radius: 16px; + background-color: rgba(33, 33, 33, 0.97); +} + +/********************** + * Xfce Notify Window * + **********************/ +#XfceNotifyWindow { + box-shadow: none; + border: none; + border-radius: 16px; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(0, 0, 0, 0.75); + padding: 4px; +} + +#XfceNotifyWindow buttonbox { + padding: 0; +} + +#XfceNotifyWindow label#summary { + font-weight: bold; +} + +/************************ + * LightDM GTK+ Greeter * + ************************/ +#panel_window { + background-color: transparent; + color: #FFFFFF; + box-shadow: none; + border-color: transparent; +} + +#panel_window menubar, +#panel_window separator { + background-color: transparent; + border: none; + box-shadow: none; +} + +#panel_window separator { + padding: 0 4px; +} + +#panel_window separator:first-child { + padding: 0 8px; +} + +#panel_window menubar > menuitem { + color: rgba(255, 255, 255, 0.7); +} + +#panel_window menubar > menuitem:hover { + color: white; +} + +#panel_window menubar > menuitem:disabled label { + color: rgba(255, 255, 255, 0.3); +} + +#panel_window menu { + border-radius: 0; + box-shadow: none; + border: 1px solid #404040; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + margin: 0; + border-radius: 10px; + box-shadow: none; + background-color: #1e2431; +} + +#login_window menu, +#shutdown_dialog menu, +#restart_dialog menu { + border-radius: 0; + box-shadow: none; + border: 1px solid #404040; +} + +#content_frame { + padding-bottom: 16px; +} + +#buttonbox_frame { + padding-top: 24px; +} + +#buttonbox_frame > box, +#buttonbox_frame > buttonbox { + margin: -16px; +} + +#buttonbox_frame button:not(:disabled) { + color: #4DB6AC; +} + +/******** + * Nemo * + ********/ +.nemo-window .primary-toolbar { + background-color: #161b26; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.nemo-window .primary-toolbar entry { + min-height: 0; + margin: 0; +} + +.nemo-window .primary-toolbar button.text-button { + padding-left: 8px; + padding-right: 8px; + color: rgba(255, 255, 255, 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: white; +} + +.nemo-window .primary-toolbar button.text-button:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.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: #131823; +} + +.nemo-window .nemo-window-pane widget.entry { + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.04); +} + +.places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #646464; + -NemoPlacesTreeView-disk-full-fg-color: #4DB6AC; + -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: 2px; + padding-bottom: 2px; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color white; +/* +text color for entries, views and content in general */ +@define-color theme_text_color white; +/* +widget base background color */ +@define-color theme_bg_color #0f111a; +/* +text widgets and the like base background color */ +@define-color theme_base_color #161b26; +/* +base background color of selections */ +@define-color theme_selected_bg_color #4DB6AC; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #0f111a; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #131823; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color white; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color white; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #0f111a; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #161b26; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #4DB6AC; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color white; +/* +insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); +/* +widgets main borders color */ +@define-color borders rgba(255, 255, 255, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #FBC02D; +@define-color error_color #F44336; +@define-color success_color #81C995; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title white; +@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); +@define-color wm_highlight rgba(255, 255, 255, 0.1); +@define-color wm_border #090909; +@define-color wm_bg #161b26; +@define-color wm_unfocused_bg #1e2431; +@define-color wm_button_icon white; +@define-color wm_button_close_hover_bg #fd5f51; +@define-color wm_button_close_active_bg #fc2714; +@define-color wm_button_max_hover_bg #38c76a; +@define-color wm_button_max_active_bg #2b9751; +@define-color wm_button_min_hover_bg #fdbe04; +@define-color wm_button_min_active_bg #c29102; +/* +FIXME this is really an API */ +@define-color content_view_bg #161b26; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1d1d1d; +@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.7); +@define-color budgie_tasklist_indicator_color_active #4DB6AC; +@define-color budgie_tasklist_indicator_color_active_window rgba(61, 127, 121, 0.8075); +@define-color budgie_tasklist_indicator_color_attention #FBC02D; +@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; diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/gtk.css b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/gtk.css new file mode 100644 index 0000000..eee9162 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/gtk.css @@ -0,0 +1,8723 @@ +@keyframes ripple { + to { + background-size: 1000% 1000%; + } +} + +@keyframes ripple-on-slider { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes ripple-on-headerbar { + from { + background-image: radial-gradient(circle, #4DB6AC 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #4DB6AC 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 0; + -GtkTextView-error-underline-color: #F44336; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 24; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 4; + outline-style: solid; + outline-width: 2px; + outline-color: transparent; + outline-offset: -4px; + -gtk-outline-radius: 10px; + -gtk-secondary-caret-color: #4DB6AC; +} + +*:focus { + outline-color: alpha(currentColor, 0.1); +} + +calendar.raven-calendar:selected, .budgie-popover.budgie-menu row.activatable > button.flat:checked, box.vertical > widget > widget:selected, row:selected, treeview.view:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected { + color: white; + background-color: #252c3a; +} + +.nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected, .background.csd .view:selected { + color: #4DB6AC; + background-color: rgba(77, 182, 172, 0.2); +} + +.nemo-window .nemo-window-pane widget.entry:selected, XfdesktopIconView.view:active, XfdesktopIconView.view:selected, XfdesktopIconView.view:checked, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, statuspage.search-view entry.search > window.background treeview.view:selected, calendar:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection, +entry selection, label selection, textview text selection:focus, textview text selection, .view:selected { + color: white; + background-color: #4DB6AC; +} + +.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: 10px; + border-bottom-left-radius: 10px; +} + +.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: 10px; + border-bottom-right-radius: 10px; +} + +.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: 10px; +} + +.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: 10px; + border-top-right-radius: 10px; +} + +.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: 10px; + border-bottom-right-radius: 10px; +} + +.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: 10px; +} + +/*************** + * Base States * + ***************/ +.background { + background-color: #0f111a; + color: white; +} + +.background.csd { + border-radius: 0 0 16px 16px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #161b26; + color: white; +} + +.gtkstyle-fallback:hover { + background-color: #141924; + color: white; +} + +.gtkstyle-fallback:active { + background-color: #0b0f18; + color: white; +} + +.gtkstyle-fallback:disabled { + background-color: #1e2431; + color: rgba(255, 255, 255, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #4DB6AC; + color: white; +} + +.view { + background-color: #161b26; + color: white; +} + +.view:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.view:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.view:selected:hover { + box-shadow: none; +} + +textview text { + background-color: #161b26; +} + +textview border { + background-color: #131823; + color: rgba(255, 255, 255, 0.7); +} + +iconview { + border-radius: 10px; +} + +.rubberband, +rubberband, +XfdesktopIconView.view .rubberband, +.content-view rubberband, +.content-view treeview.view rubberband, +treeview.view .content-view rubberband, +.content-view .rubberband, +treeview.view rubberband, +treeview.view .content-view .rubberband, +.content-view treeview.view .rubberband, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband, +flowbox rubberband, +flowbox treeview.view rubberband, +treeview.view flowbox rubberband { + border: 1px solid #4DB6AC; + background-color: rgba(77, 182, 172, 0.3); +} + +flowbox flowboxchild { + padding: 4px; + border-radius: 10px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: rgba(255, 255, 255, 0.7); +} + +label:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 10px; + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +.dim-label { + color: rgba(255, 255, 255, 0.7); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 32px; + padding: 0 12px; + color: rgba(255, 255, 255, 0.5); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: white; +} + +/********************* + * 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 * + ****************/ +spinbutton.vertical, spinbutton:not(.vertical), +entry { + min-height: 32px; + padding: 0 8px; + border-radius: 10px; + 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(currentColor, 0.05); + color: white; +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: alpha(currentColor, 0.05); + box-shadow: inset 0 0 0 2px #4DB6AC; +} + +spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical), +entry:drop(active) { + background-color: alpha(currentColor, 0.08); + 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(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +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: rgba(255, 255, 255, 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: white; +} + +spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, +entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical image.left, spinbutton:not(.vertical) image.left, +entry image.left { + margin-left: 0px; + margin-right: 6px; +} + +spinbutton.vertical image.right, spinbutton:not(.vertical) image.right, +entry image.right { + margin-left: 6px; + margin-right: 0px; +} + +spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left, +entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 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%, rgba(255, 255, 255, 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 transparent; + background-color: alpha(currentColor, 0.05); + color: white; +} + +spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: alpha(currentColor, 0.05); + box-shadow: inset 0 0 0 2px #F44336; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 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 transparent; + background-color: alpha(currentColor, 0.05); + color: white; +} + +spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: alpha(currentColor, 0.05); + box-shadow: inset 0 0 0 2px #FBC02D; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical progress, spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid #4DB6AC; + background-color: transparent; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 10px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #1e2431; + color: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #4DB6AC; +} + +.gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +.gedit-search-slider .linked:not(.vertical) > entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #131823; + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #F44336; + color: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #F44336; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #131823; + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image { + color: rgba(255, 255, 255, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { + color: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #FBC02D; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #FBC02D; +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #131823; + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image { + color: rgba(0, 0, 0, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +treeview entry.flat, treeview entry { + background-color: #161b26; +} + +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: rgba(255, 255, 255, 0.15); + color: white; +} + +.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: rgba(255, 255, 255, 0.7); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4DB6AC), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4DB6AC), to(transparent)); + } +} + +#XfceNotifyWindow button, .xfce4-panel.background button, .xfce4-panel.background button.flat, .budgie-osd-window .drop-shadow button, .raven-mpris button.image-button, .mate-panel-menu-bar button, .nautilus-window.background.csd notebook > header tab button.flat, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(255, 255, 255, 0.7); +} + +#XfceNotifyWindow button:focus, .xfce4-panel.background button:focus, .budgie-osd-window .drop-shadow button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, .nautilus-window.background.csd notebook > header tab button.flat:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, #XfceNotifyWindow button:hover, .xfce4-panel.background button:hover, .budgie-osd-window .drop-shadow button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, .nautilus-window.background.csd notebook > header tab button.flat:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, #XfceNotifyWindow button:active, .xfce4-panel.background button:active, .budgie-osd-window .drop-shadow button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, .nautilus-window.background.csd notebook > header tab button.flat:active, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, #XfceNotifyWindow button:checked, .xfce4-panel.background button:checked, .budgie-osd-window .drop-shadow button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, .nautilus-window.background.csd notebook > header tab button.flat:checked, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked { + color: white; +} + +#XfceNotifyWindow button:disabled, .xfce4-panel.background button:disabled, .budgie-osd-window .drop-shadow button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, .nautilus-window.background.csd notebook > header tab button.flat:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +#XfceNotifyWindow button:checked:disabled, .xfce4-panel.background button:checked:disabled, .budgie-osd-window .drop-shadow button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nautilus-window.background.csd notebook > header tab button.flat:checked:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), 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(currentColor, 0.05); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: white; +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +actionbar > revealer > box .linked > button:active:not(.suggested-action):not(.destructive-action), 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(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; +} + +actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + box-shadow: none; + background-color: #4DB6AC; + color: white; +} + +actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { + box-shadow: inset 0 0 0 9999px transparent; +} + +actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled { + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +.budgie-notification-window .linked > button, .budgie-notification-window .linked > button:first-child, .budgie-notification-window .linked > button:last-child, .raven-notifications-group list > row button.flat, .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.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, 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, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), filechooser #pathbarbox > stack > box > button, check, +radio, headerbar button.titlebutton:not(.suggested-action):not(.destructive-action), button.close, button.circular, .inline-toolbar button.image-button, button.image-button { + border-radius: 9999px; +} + +.budgie-notification-window .linked > button label, .budgie-notification-window .linked > button:first-child label, .budgie-notification-window .linked > button:last-child label, .raven-notifications-group list > row button.flat label, .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.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised 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, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, filechooser #pathbarbox > stack > box > button label, check label, +radio label, headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) label, button.close label, button.circular label, .inline-toolbar button.image-button label, button.image-button label { + padding: 0; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-search-slider .linked > button, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button { + min-height: 22px; + min-width: 22px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border-radius: 10px; +} + +button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.budgie-settings-window buttonbox.inline-toolbar button, .budgie-session-dialog .linked.horizontal > button, +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, .gedit-search-slider .linked > button, .nautilus-window.background.csd notebook > header tab:checked button.flat, .nautilus-window.background.csd notebook > header tab:active button.flat, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected button.sidebar-button, placessidebar.sidebar row button.sidebar-button, calendar.button, row button.circular, check, +radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, +.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .xfce4-panel.background button.flat, .raven stackswitcher.linked > button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, filechooser #pathbarbox > stack > box > button, messagedialog.csd .dialog-action-box button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .caja-pathbar button, +.path-bar.linked:not(.vertical) > button, .nemo-window .primary-toolbar button:not(.text-button), .titlebar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), .inline-toolbar 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: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-settings-window buttonbox.inline-toolbar button:focus, .budgie-session-dialog .linked.horizontal > button:focus, +.budgie-polkit-dialog .linked.horizontal > button:focus, +.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, .gedit-search-slider .linked > button:focus, .nautilus-window.background.csd notebook > header tab:checked button.flat:focus, .nautilus-window.background.csd notebook > header tab:active button.flat:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected button.sidebar-button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, row button.circular:focus, check:focus, +radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus, +.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog.csd .dialog-action-box button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .caja-pathbar button:focus, +.path-bar.linked:not(.vertical) > button:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), .titlebar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .inline-toolbar button:focus, button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: white; +} + +.budgie-settings-window buttonbox.inline-toolbar button:hover, .budgie-session-dialog .linked.horizontal > button:hover, +.budgie-polkit-dialog .linked.horizontal > button:hover, +.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, .gedit-search-slider .linked > button:hover, .nautilus-window.background.csd notebook > header tab:checked button.flat:hover, .nautilus-window.background.csd notebook > header tab:active button.flat:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected button.sidebar-button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, row button.circular:hover, check:hover, +radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover, +.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog.csd .dialog-action-box button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), .caja-pathbar button:hover, +.path-bar.linked:not(.vertical) > button:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), .titlebar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), .inline-toolbar button:hover, button.flat:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + +.budgie-settings-window buttonbox.inline-toolbar button:active, .budgie-session-dialog .linked.horizontal > button:active, +.budgie-polkit-dialog .linked.horizontal > button:active, +.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, .gedit-search-slider .linked > button:active, .nautilus-window.background.csd notebook > header tab:checked button.flat:active, .nautilus-window.background.csd notebook > header tab:active button.flat:active, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected button.sidebar-button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, row button.circular:active, check:active, +radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active, +.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog.csd .dialog-action-box button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .caja-pathbar button:active, +.path-bar.linked:not(.vertical) > button:active, .nemo-window .primary-toolbar button:active:not(.text-button), .titlebar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .inline-toolbar 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; + 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%; + color: white; +} + +.budgie-settings-window buttonbox.inline-toolbar button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, +.budgie-polkit-dialog .linked.horizontal > button:disabled, +.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, .gedit-search-slider .linked > button:disabled, .nautilus-window.background.csd notebook > header tab:checked button.flat:disabled, .nautilus-window.background.csd notebook > header tab:active button.flat:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected button.sidebar-button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, row button.circular:disabled, check:disabled, +radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled, +.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog.csd .dialog-action-box button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), .titlebar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .inline-toolbar button:disabled, button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > 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.csd .dialog-action-box button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), .titlebar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), .inline-toolbar button:checked, button.flat:checked, button.flat:checked:hover { + background-color: alpha(currentColor, 0.1); + color: white; +} + +.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > 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.csd .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .caja-pathbar button:checked:disabled, +.path-bar.linked:not(.vertical) > button:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .inline-toolbar button:checked:disabled, button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: rgba(255, 255, 255, 0.5); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 4px; +} + +button.text-button.image-button { + min-width: 24px; + padding: 4px; + border-radius: 10px; +} + +button.text-button.image-button label:first-child { + margin-left: 12px; +} + +button.text-button.image-button label:last-child { + margin-right: 12px; +} + +button.text-button.image-button.flat label:first-child { + margin-left: 8px; +} + +button.text-button.image-button.flat label:last-child { + margin-right: 8px; +} + +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: 10px; +} + +.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { + border-radius: 9999px; +} + +.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +button.osd { + min-width: 22px; + min-width: 22px; + padding: 4px; + background-color: #0f111a; + color: white; +} + +button.osd:focus { + box-shadow: none; +} + +button.osd:hover { + background-color: #424242; + color: white; +} + +button.osd:active { + background-color: #595959; + color: white; +} + +button.osd:disabled { + opacity: 0; +} + +button.osd.image-button, button.osd.circular { + padding: 8px; +} + +button.osd.image-button > image, button.osd.circular > image { + padding: 0; +} + +button.suggested-action { + background-color: #4DB6AC; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(77, 182, 172, 0.2), 0 4px 3px 0 rgba(77, 182, 172, 0.14), 0 1px 6px 0 rgba(77, 182, 172, 0.12); +} + +button.suggested-action:checked { + background-color: #82ccc5; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(77, 182, 172, 0.3), 0 2px 3px -1px rgba(77, 182, 172, 0.24), 0 2px 5px 0 rgba(77, 182, 172, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(77, 182, 172, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #4DB6AC; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +button.suggested-action.flat:checked { + background-color: rgba(77, 182, 172, 0.3); +} + +button.destructive-action { + background-color: #F44336; + color: white; + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12); +} + +button.destructive-action:checked { + background-color: #f77b72; +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #F44336; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +button.destructive-action.flat:checked { + background-color: rgba(244, 67, 54, 0.3); +} + +.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; +} + +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; +} + +modelbutton.flat, +.menuitem.button.flat { + min-height: 24px; + padding: 0 8px; + border-radius: 5px; + color: white; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button.color { + min-height: 22px; + min-width: 22px; + padding: 4px; +} + +/********* + * Links * + *********/ +*:link { + color: #4DB6AC; +} + +*:visited { + color: #BA68C8; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #4DB6AC; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #BA68C8; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; +} + +spinbutton:not(.vertical) entry { + min-width: 24px; + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +spinbutton:not(.vertical) button { + border: solid 4px transparent; +} + +spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(255, 255, 255, 0.7); +} + +spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { + margin-left: -2px; +} + +spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { + margin-right: -2px; +} + +spinbutton.vertical { + padding: 0; +} + +spinbutton.vertical:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical entry { + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + min-height: 32px; + min-width: 36px; + padding: 0; +} + +spinbutton.vertical button { + padding: 0; + border: solid 4px transparent; +} + +spinbutton.vertical button:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(255, 255, 255, 0.7); +} + +spinbutton.vertical button.up { + margin: 0 2px; +} + +spinbutton.vertical button.down { + margin: 0 2px; +} + +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: 0px; +} + +combobox button.combo cellview:dir(rtl) { + margin-right: 0px; +} + +combobox menu menuitem { + min-height: 20px; + min-width: 40px; + padding: 2px 6px; +} + +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: 10px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -32px; + padding-right: 32px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -32px; + padding-left: 32px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 5px; + padding: 3px; + border-radius: 10px; +} + +.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: 10px; + 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(currentColor, 0.05); + color: white; +} + +button.combo:only-child:focus { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 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(currentColor, 0.05); + box-shadow: inset 0 0 0 2px #4DB6AC; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #0f111a; +} + +.osd toolbar { + background-color: transparent; +} + +frame.documents-dropdown, .app-notification, toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 4px; + border-radius: 10px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +frame.bottom.documents-dropdown, .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: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, +toolbar:not(.inline-toolbar):not(.osd) stackswitcher { + margin: 2px; +} + +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: 6px 2px; +} + +.inline-toolbar { + padding: 4px; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #131823; +} + +frame.view + .inline-toolbar { + border-radius: 0 0 10px 10px; +} + +searchbar > revealer > box, +.location-bar { + padding: 4px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0f111a; + background-clip: border-box; +} + +searchbar > revealer > box { + margin: -6px; +} + +/*************** + * Header bars * + ***************/ +.nemo-window .primary-toolbar button:not(.text-button), .titlebar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(.text-button), .titlebar .linked:not(.vertical):not(.path-bar) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +.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), .nemo-window .primary-toolbar button:checked:not(.text-button), .titlebar button:checked:not(.suggested-action):not(.destructive-action) { + color: white; +} + +.nemo-window .primary-toolbar button:disabled:not(.text-button), .titlebar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} + +.nemo-window .primary-toolbar button:backdrop:not(.text-button), .titlebar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.7); +} + +.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), .titlebar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), .titlebar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), .titlebar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window .primary-toolbar entry, .titlebar entry { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.nemo-window .primary-toolbar entry image, .titlebar entry image { + color: rgba(255, 255, 255, 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: white; +} + +.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 16px 16px 0 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #161b26; + color: white; + padding: 0 4px; +} + +.titlebar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar:backdrop { + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); +} + +.titlebar:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.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: rgba(255, 255, 255, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar headerbar + separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.titlebar .linked:not(.vertical) > entry { + border-radius: 10px; +} + +.titlebar .linked:not(.vertical) > entry.search + button { + border-radius: 10px; + margin-left: 2px; +} + +.linked:not(.vertical) > .titlebar button.suggested-action, .linked:not(.vertical) > .titlebar button.destructive-action { + border-radius: 10px; +} + +.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.titlebar button.toggle { + border-radius: 9999px; +} + +.titlebar stackswitcher { + border-radius: 9999px; + margin: 4px 0; +} + +.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + border-radius: 9999px; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + border-radius: 3px; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 4px; + padding-right: 4px; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action):focus, .titlebar .path-bar button:not(.suggested-action):not(.destructive-action):hover, .titlebar .path-bar button:not(.suggested-action):not(.destructive-action):active, .titlebar .path-bar button:not(.suggested-action):not(.destructive-action):checked { + color: white; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(255, 255, 255, 0.3); +} + +.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); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #4DB6AC; + color: white; +} + +.titlebar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar.selection-mode .subtitle:link { + color: white; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; + color: white; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; + color: white; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.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"); +} + +.titlebar .selection-mode { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #4DB6AC; +} + +.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: 32px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border-radius: 16px 16px 0 0; + border: none; + padding: 0 2px; +} + +.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { + box-shadow: none; + border-radius: 0; +} + +.titlebar.default-decoration button.titlebutton { + padding: 0; + min-height: 22px; + min-width: 22px; + margin: 0 2px; +} + +.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { + background-size: 1000% 1000%; +} + +.solid-csd .titlebar, .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +headerbar { + min-height: 40px; + padding: 0 4px; +} + +headerbar:not(.titlebar) { + box-shadow: none; +} + +box.vertical headerbar { + background-color: #161b26; +} + +headerbar entry, +headerbar spinbutton, +headerbar button { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar separator.titlebutton { + margin-top: 10px; + margin-bottom: 10px; + background-color: rgba(255, 255, 255, 0.12); +} + +headerbar switch { + margin-top: 8px; + margin-bottom: 8px; +} + +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 button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + border-radius: 0; + margin-top: 0; + margin-bottom: 0; + min-width: 120px; + padding: 0; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box { + padding: 0 8px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box.narrow { + font-size: 10px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box.narrow image { + margin-top: 2px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus { + box-shadow: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer { + margin-top: 0; + margin-bottom: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher { + margin: 0 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +window.background.csd > widget > headerbar:not(.titlebar) { + min-height: 32px; + border: none; + box-shadow: none; + padding: 0 2px; +} + +window.background.csd > widget > headerbar:not(.titlebar) button.titlebutton { + padding: 0; + min-height: 22px; + min-width: 22px; + margin: 0 2px; +} + +/************ + * Pathbars * + ************/ +.caja-pathbar button, +.path-bar.linked:not(.vertical) > button { + padding-left: 4px; + padding-right: 4px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4DB6AC 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 10px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4DB6AC 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, +.path-bar.linked:not(.vertical) > button:checked:disabled { + background-color: transparent; +} + +.caja-pathbar button label, .caja-pathbar button image, +.path-bar.linked:not(.vertical) > button label, +.path-bar.linked:not(.vertical) > button image { + margin-left: 2px; + margin-right: 2px; +} + +.caja-pathbar button.text-button, +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + +.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: rgba(255, 255, 255, 0.3); + border-top-color: rgba(255, 255, 255, 0.12); + -gtk-outline-radius: 3px; +} + +* { + -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; +} + +treeview.view:selected { + background-image: image(alpha(currentColor, 0.1)); +} + +treeview.view:hover, treeview.view:selected { + border-radius: 0; +} + +treeview.view.separator { + min-height: 5px; + color: rgba(255, 255, 255, 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 { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(255, 255, 255, 0.7); +} + +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: white; +} + +treeview.view.expander:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view.progressbar { + border-bottom: 6px solid #4DB6AC; + box-shadow: none; + background-color: transparent; + background-image: none; +} + +treeview.view.progressbar:selected:hover { + box-shadow: none; +} + +treeview.view.trough { + border-bottom: 6px solid rgba(255, 255, 255, 0.15); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +treeview.view.trough:selected:hover { + box-shadow: none; +} + +treeview.view header button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; + background-clip: border-box; +} + +treeview.view header button:not(:focus):not(:hover):not(:active) { + color: rgba(255, 255, 255, 0.7); +} + +treeview.view header button, treeview.view header button:disabled { + background-color: #161b26; +} + +treeview.view header button:last-child { + border-right-style: none; +} + +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #161b26; + background-clip: border-box; + color: #4DB6AC; +} + +treeview.view acceleditor > label { + background-color: #4DB6AC; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 2px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #161b26; + color: white; +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); +} + +headerbar menubar, headerbar menubar:backdrop, headerbar .menubar, headerbar .menubar:backdrop { + background-color: transparent; + box-shadow: none; +} + +menubar > menuitem, +.menubar > menuitem { + transition: none; + min-height: 20px; + padding: 2px 8px; + color: rgba(255, 255, 255, 0.7); + border-radius: 5px; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + background-color: alpha(currentColor, 0.1); + color: white; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.3); +} + +menubar > menuitem label:disabled, +.menubar > menuitem label:disabled { + color: inherit; +} + +.background.popup { + background-color: transparent; + background-image: none; + border-radius: 10px; +} + +menu { + margin: 2px; + padding: 4px; + background-color: #1e2431; + background-clip: border-box; +} + +.background > menu { + border-radius: 9px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.background:not(.popup) > menu { + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 0; + box-shadow: none; +} + +.background.csd > menu { + border: none; + border-radius: 9px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +menu menuitem { + transition: none; + min-height: 20px; + min-width: 40px; + padding: 3px 6px; + color: white; + font: initial; + text-shadow: none; + border-radius: 5px; +} + +menu menuitem:hover { + background-color: alpha(currentColor, 0.08); + color: white; +} + +menu menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +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: #505050; +} + +menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); + border-radius: 6px; +} + +menu > arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-image: image(rgba(255, 255, 255, 0.12)) 0 0 1/0 0 1px; +} + +menu > arrow.bottom { + margin-top: 10px; + margin-bottom: -12px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-image: image(rgba(255, 255, 255, 0.12)) 1 0 0/1px 0 0; +} + +menu > arrow:hover { + background-image: image(alpha(currentColor, 0.08)); + color: white; + border-image: none; +} + +menu > arrow:disabled { + border-color: transparent; + background-color: transparent; + color: transparent; +} + +menu separator { + margin: 3px 0; +} + +menuitem accelerator { + color: rgba(255, 255, 255, 0.7); +} + +menuitem:disabled accelerator { + color: rgba(255, 255, 255, 0.3); +} + +/************ + * Popovers * + ************/ +popover.background { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + background-color: #1e2431; +} + +popover.background:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} + +popover.background, .csd popover.background { + border-style: solid; + border-width: 0; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); + border-radius: 9px; +} + +popover.background.combo { + padding: 4px; +} + +popover.background.combo > scrolledwindow > viewport.frame > list > row.activatable { + border-radius: 5px; + margin: 2px; + padding: 4px; +} + +popover.background > stack { + margin: 0px; +} + +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background > list > row:first-child { + border-top-left-radius: 9px; + border-top-right-radius: 9px; +} + +popover.background > list > row:last-child { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; +} + +popover.background button, popover.background entry, popover.background spinbutton { + border-radius: 5px; +} + +popover.background .linked > button, +popover.background button.model { + border-radius: 0; +} + +popover.background .linked > button:first-child, +popover.background button.model:first-child { + border-radius: 5px 0 0 5px; +} + +popover.background .linked > button:last-child, +popover.background button.model:last-child { + border-radius: 0 5px 5px 0; +} + +popover.background .linked > button:only-child, +popover.background button.model:only-child { + border-radius: 5px; +} + +popover.background button.model { + min-height: 32px; + min-width: 32px; + padding: 0 8px; + margin: 0; +} + +popover.background separator { + margin: 2px 0; +} + +popover.background list separator { + margin: 0; +} + +/************* + * Notebooks * + *************/ +tabbox > tab, notebook > header tab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 22px; + min-width: 22px; + padding: 4px 12px; + border-width: 1px; + border-color: transparent; + border-style: solid; + outline: none; + background-clip: padding-box; + color: rgba(255, 255, 255, 0.7); +} + +tabbox > tab:hover, notebook > header tab:hover { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +tabbox > tab:disabled, notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +tabbox > tab:checked, notebook > header tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #161b26; + background-clip: padding-box; + border-color: #404040; + color: white; +} + +tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +tabbox > tab:checked.reorderable-page, notebook > header tab:checked.reorderable-page { + background-color: #161b26; +} + +notebook { + background-color: #161b26; +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: #131823; +} + +notebook.frame, notebook.frame > stack { + border-radius: 5px; +} + +notebook.frame > stack .inline-toolbar { + border-radius: 0 0 5px 5px; +} + +notebook.frame > stack > scrolledwindow.frame { + border: none; +} + +.background.csd notebook.frame, .background.csd notebook.frame > stack { + border-radius: 10px; +} + +.background.csd notebook.frame > stack scrolledwindow.frame { + border-radius: 10px 10px 0 0; +} + +.background.csd notebook.frame > stack .inline-toolbar { + border-radius: 0 0 10px 10px; +} + +notebook > stack { + background-color: transparent; +} + +notebook.frame frame > border { + border: none; + border-radius: 10px; +} + +notebook.frame frame > list row.activatable { + border-radius: 10px; +} + +notebook:focus tab:checked { + box-shadow: none; +} + +notebook > header.top > tabs > tab { + border-radius: 5px 5px 0 0; +} + +notebook > header.bottom > tabs > tab { + border-radius: 0 0 5px 5px; +} + +notebook > header.left > tabs > tab { + border-radius: 5px 0 0 5px; +} + +notebook > header.right > tabs > tab { + border-radius: 0 5px 5px 0; +} + +notebook.frame > header.top { + border-radius: 5px 5px 0 0; +} + +notebook.frame > header.bottom { + border-radius: 0 0 5px 5px; +} + +notebook.frame > header.left { + border-radius: 5px 0 0 5px; +} + +notebook.frame > header.right { + border-radius: 0 5px 5px 0; +} + +.background.csd notebook.frame > header.top { + border-radius: 10px 10px 0 0; +} + +.background.csd notebook.frame > header.top > tabs > tab { + border-radius: 10px 10px 0 0; +} + +.background.csd notebook.frame > header.bottom { + border-radius: 0 0 10px 10px; +} + +.background.csd notebook.frame > header.bottom > tabs > tab { + border-radius: 0 0 10px 10px; +} + +.background.csd notebook.frame > header.left { + border-radius: 10px 0 0 10px; +} + +.background.csd notebook.frame > header.left > tabs > tab { + border-radius: 10px 0 0 10px; +} + +.background.csd notebook.frame > header.right { + border-radius: 0 10px 10px 0; +} + +.background.csd notebook.frame > header.right > tabs > tab { + border-radius: 0 10px 10px 0; +} + +notebook > header { + border-width: 1px; + border-color: #404040; + background-color: #0f111a; + background-clip: border-box; +} + +notebook > header.top { + border-bottom-style: solid; +} + +notebook > header.top > tabs { + margin-bottom: -1px; + margin-top: 4px; +} + +notebook > header.top > tabs > tab { + border-bottom: none; +} + +notebook > header.bottom { + border-top-style: solid; +} + +notebook > header.bottom > tabs { + margin-top: -1px; + margin-bottom: 4px; +} + +notebook > header.bottom > tabs > tab { + border-top: none; +} + +notebook > header.left { + border-right-style: solid; +} + +notebook > header.left > tabs { + margin-left: 4px; + margin-right: -1px; +} + +notebook > header.left > tabs > tab { + border-right: none; +} + +notebook > header.right { + border-left-style: solid; +} + +notebook > header.right > tabs { + margin-left: -1px; + margin-right: 4px; +} + +notebook > header.right > tabs > tab { + border-left: none; +} + +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: -8px; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: -8px; + -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: -8px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: -8px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; +} + +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -4px -12px; + padding: 4px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -8px; +} + +notebook > header tab button.flat:first-child { + margin-left: -8px; + margin-right: 4px; +} + +notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 8px; + padding-right: 8px; +} + +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.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left tabs, notebook > header.right tabs { + padding-top: 8px; + padding-bottom: 8px; +} + +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.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #161b26; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +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: rgba(255, 255, 255, 0.3); +} + +scrollbar slider:hover { + background-color: rgba(255, 255, 255, 0.5); +} + +scrollbar slider:active { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar slider:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +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(44, 44, 44, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(44, 44, 44, 0.3); + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +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: rgba(60, 60, 60, 0.9); +} + +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: 4px 0; + padding: 0 2px; + border: 5px solid transparent; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.3); + background-clip: padding-box; + font-size: 0; +} + +switch:checked { + background-color: rgba(77, 182, 172, 0.5); +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; + -gtk-icon-transform: scale(0); +} + +switch slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: -3px -2px; + border-radius: 9999px; + outline: none; + box-shadow: 0 0 0 10px transparent, 0 2px 2px -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); + background-color: #1e2431; +} + +switch:focus slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -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); +} + +switch:hover slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -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); +} + +switch:focus:hover slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 2px 2px -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); +} + +switch:checked slider { + background-color: #4DB6AC; + color: #4DB6AC; +} + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + min-height: 40px; + min-width: 40px; + margin: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + background-image: none; + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); +} + +.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):active { + -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); +} + +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); +} + +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; +} + +check, +radio { + min-height: 24px; + min-width: 24px; + margin: -8px; + padding: 8px; +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: #81C995; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.3); +} + +check:not(:hover):focus, +radio:not(:hover):focus { + box-shadow: inset 0 0 0 9999px transparent; +} + +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:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton.flat radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(255, 255, 255, 0.7); +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -12px; + margin-right: -4px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: -4px; + margin-right: -12px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 8px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 8px; +} + +menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(255, 255, 255, 0.7); +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { + box-shadow: none; +} + + +check { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")); +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/mixed-symbolic.svg")); +} + + +radio { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")); +} + + +radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/mixed-symbolic.svg")); +} + +#MozillaGtkWidget > widget > checkbutton > check, +menu menuitem check { + min-height: 18px; + min-width: 18px; + border-radius: 10px; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")); +} + +#MozillaGtkWidget > widget > checkbutton > check:checked, +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); +} + +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-mixed-symbolic.svg")); +} + +#MozillaGtkWidget > widget > radiobutton > radio, +menu menuitem radio { + min-height: 18px; + min-width: 18px; + border-image: none; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")); +} + +#MozillaGtkWidget > widget > radiobutton > radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); +} + +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-mixed-symbolic.svg")); +} + +treeview.view check, treeview.view radio { + padding: 0; + margin: 0; +} + +treeview.view check, treeview.view check:hover, treeview.view check:selected, treeview.view radio, treeview.view radio:hover, treeview.view radio:selected { + box-shadow: none; + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.7); +} + +treeview.view check:hover, treeview.view check:active, treeview.view check:hover:hover, treeview.view check:hover:active, treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:hover, treeview.view radio:active, treeview.view radio:hover:hover, treeview.view radio:hover:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { + color: white; +} + +treeview.view check:disabled, treeview.view check:hover:disabled, treeview.view check:selected:disabled, treeview.view radio:disabled, treeview.view radio:hover:disabled, treeview.view radio:selected:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view check:checked, treeview.view check:indeterminate, treeview.view check:hover:checked, treeview.view check:hover:indeterminate, treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate, treeview.view radio:hover:checked, treeview.view radio:hover:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { + color: #81C995; +} + +treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view check:hover:checked:disabled, treeview.view check:hover:indeterminate:disabled, treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled, treeview.view radio:hover:checked:disabled, treeview.view radio:hover:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { + color: rgba(255, 255, 255, 0.3); +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 15px 12px; +} + +scale.vertical { + padding: 12px 15px; +} + +scale slider { + min-height: 32px; + min-width: 32px; + margin: -15px; + transition: background-color 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); + background-repeat: no-repeat; + background-position: center; + background-size: auto, 1000% 1000%; + border-radius: 50%; + color: #4DB6AC; +} + +scale slider { + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale slider:disabled { + background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-color: alpha(currentColor, 0.08); + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: auto, 0% 0%; +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 14px; + padding-bottom: 14px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 14px; + padding-right: 14px; +} + +scale.fine-tune slider { + margin: -14px; +} + +scale trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(255, 255, 255, 0.3); +} + +scale trough:disabled { + background-color: rgba(255, 255, 255, 0.15); +} + +scale highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#4DB6AC); +} + +scale highlight:disabled { + background-color: #0f111a; + background-image: image(rgba(255, 255, 255, 0.3)); +} + +scale fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale marks, +scale value { + color: rgba(255, 255, 255, 0.7); +} + +scale indicator { + background-color: rgba(255, 255, 255, 0.3); + color: transparent; +} + +scale.horizontal marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale.horizontal.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { + margin-right: 6px; + margin-left: -14px; +} + +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +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: -24px; + margin-top: 8px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -24px; + margin-right: 8px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) slider { + margin-right: -24px; + margin-left: 8px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(255, 255, 255, 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: 10px; + background-color: rgba(255, 255, 255, 0.15); +} + +progressbar progress { + border-radius: 10px; + background-color: #4DB6AC; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #4DB6AC; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 32px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 32px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 10px; +} + +levelbar block.low { + background-color: #FBC02D; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #4DB6AC; +} + +levelbar block.full { + background-color: #81C995; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.15); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #161b26; + color: white; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, .frame { + margin: 0; + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; +} + +.frame.view { + border-radius: 10px; +} + +.frame.flat { + border-style: none; +} + +frame.flat > border, +frame > border.flat, statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + padding: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #161b26; + background-clip: border-box; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 16px 16px; +} + +.background.csd frame box.vertical > actionbar > revealer > box { + border-radius: 0; +} + +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.75, to(rgba(255, 255, 255, 0.04)), to(transparent)); + 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.75, to(rgba(255, 255, 255, 0.04)), to(transparent)); + 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.75, to(rgba(255, 255, 255, 0.04)), to(transparent)); + 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.75, to(rgba(255, 255, 255, 0.04)), to(transparent)); + 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: rgba(255, 255, 255, 0.12); + background-color: #161b26; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +preferences stacksidebar.sidebar list separator, .tweak-categories 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, .tweak-group-startup, list.content:not(.conversation-listbox) { + border-radius: 11px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, preferencesgroup list row.activatable:first-child, .geary-accounts-editor-pane list row.activatable:first-child, dialog.background scrolledwindow.frame > viewport > list > row.activatable:first-child, window.background.csd.unified > deck > deck > deck list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:first-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child, leaflet stack.background scrolledwindow > viewport list row.activatable:first-child, leaflet overlay scrolledwindow > viewport list row.activatable:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, list.tweak-group list row.activatable:first-child, .tweak-group-startup row.activatable:first-child, list.content:not(.conversation-listbox) > row:first-child { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + +window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, preferencesgroup list row.activatable:last-child, .geary-accounts-editor-pane list row.activatable:last-child, dialog.background scrolledwindow.frame > viewport > list > row.activatable:last-child, window.background.csd.unified > deck > deck > deck list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:last-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child, leaflet stack.background scrolledwindow > viewport list row.activatable:last-child, leaflet overlay scrolledwindow > viewport list row.activatable:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, list.tweak-group list row.activatable:last-child, .tweak-group-startup row.activatable:last-child, list.content:not(.conversation-listbox) > row:last-child { + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} + +window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, preferencesgroup list row.activatable:only-child, .geary-accounts-editor-pane list row.activatable:only-child, dialog.background scrolledwindow.frame > viewport > list > row.activatable:only-child, window.background.csd.unified > deck > deck > deck list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:only-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child, leaflet stack.background scrolledwindow > viewport list row.activatable:only-child, leaflet overlay scrolledwindow > viewport list row.activatable:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, list.tweak-group list row.activatable:only-child, .tweak-group-startup row.activatable:only-child, list.content:not(.conversation-listbox) > row:only-child { + border-radius: 10px; +} + +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, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable { + margin-right: 4px; + border-radius: 0 9999px 9999px 0; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable:selected, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable:selected, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable:selected, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected { + background-color: alpha(currentColor, 0.1); + color: #4DB6AC; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable:selected image, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable:selected image, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable:selected image, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable:selected label, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable:selected label, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable:selected label, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label { + color: #4DB6AC; +} + +list { + border-color: rgba(255, 255, 255, 0.12); + background-color: #161b26; +} + +list row { + padding: 2px; +} + +.budgie-popover.budgie-menu row.activatable > button.flat, .budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, 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); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +.budgie-popover.budgie-menu row.activatable > button.flat:focus, .budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.budgie-popover.budgie-menu row.activatable > button.flat:hover, .budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover { + 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); +} + +.budgie-popover.budgie-menu row.activatable > button.has-open-popup.flat, .budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.has-open-popup.activatable, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu row.activatable > button.flat:active, .budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 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%; +} + +row:selected { + color: inherit; +} + +row:selected image, +row:selected label { + color: white; +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; +} + +.app-notification button.text-button:not(:disabled) { + color: #4DB6AC; +} + +.app-notification > box > label { + padding-left: 6px; +} + +.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: rgba(255, 255, 255, 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: white; +} + +expander title > arrow:disabled { + color: rgba(255, 255, 255, 0.3); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 2px 4px; + border: 1px solid rgba(255, 255, 255, 0.12); + color: white; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 5px; +} + +calendar.header { + border-style: none none solid; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +calendar.button:focus { + outline: none; + box-shadow: none; +} + +calendar.highlight { + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +calendar:indeterminate { + color: rgba(255, 255, 255, 0.3); +} + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: #1e2431; +} + +messagedialog .titlebar { + min-height: 22px; + border-style: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; + color: white; +} + +messagedialog .titlebar:backdrop { + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); +} + +messagedialog.csd.background { + border-bottom-left-radius: 16px; + border-bottom-right-radius: 16px; +} + +messagedialog.csd .dialog-action-box { + margin-top: -4px; +} + +messagedialog.csd .dialog-action-box button, messagedialog.csd .dialog-action-box button:first-child, messagedialog.csd .dialog-action-box button:last-child { + border-radius: 9999px; +} + +messagedialog.csd .dialog-action-box button:not(:last-child) { + margin-right: 4px; +} + +messagedialog.csd .dialog-action-box button:not(:disabled) { + color: #4DB6AC; +} + +messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { + color: #F44336; +} + +.csd filechooser { + background-color: #161b26; + border-radius: 0 0 16px 16px; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #0f111a; +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 16px 0; +} + +filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +filechooser stack.view scrolledwindow treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +filechooser stack.view > placesview { + background-color: transparent; +} + +filechooser stack.view > placesview > actionbar, filechooser stack.view > placesview > actionbar > revealer > box { + background-color: transparent; +} + +filechooser stack.view frame > border { + border: none; +} + +.csd filechooser placessidebar { + background: none; + border-bottom-left-radius: 16px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #131823; +} + +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 rgba(255, 255, 255, 0.12); + 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 rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar.sidebar list { + padding: 4px; + background-color: #131823; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 2px; + border-radius: 6px; +} + +stacksidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.1); + color: #4DB6AC; + font-weight: 500; +} + +stacksidebar.sidebar row + row { + margin-top: 4px; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(255, 255, 255, 0.12); +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +row image.sidebar-icon:disabled { + color: rgba(255, 255, 255, 0.3); +} + +placessidebar.sidebar > viewport.frame { + border-style: none; +} + +placessidebar.sidebar list { + padding: 1px 0 4px; +} + +placessidebar.sidebar row { + min-height: 32px; + margin: -1px 4px -1px 0; + padding: 0; + border-radius: 0 9999px 9999px 0; +} + +placessidebar.sidebar row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.1); + color: #4DB6AC; + font-weight: 500; +} + +placessidebar.sidebar row:selected image.sidebar-icon { + color: #4DB6AC; +} + +placessidebar.sidebar row:disabled { + color: rgba(255, 255, 255, 0.5); +} + +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: #4DB6AC; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #4DB6AC; +} + +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); +} + +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: transparent; + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #0f111a; + background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 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: #161b26; +} + +infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { + color: #4DB6AC; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #4DB6AC; + color: white; +} + +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: white; +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: white; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #44a69c; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FBC02D; + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #fbb814; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #F44336; + color: white; +} + +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: white; +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: white; +} + +infobar.error:hover > revealer > box { + background-color: #f32c1e; +} + +/************ + * Tooltips * + ************/ +tooltip { + border-radius: 5px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + border-radius: 10px; + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip > box { + margin: -6px; + min-height: 24px; + padding: 4px 8px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 9px; + border-top-right-radius: 9px; +} + +colorswatch.top overlay { + border-top-left-radius: 9px; + border-top-right-radius: 9px; +} + +colorswatch.bottom { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 9px; + border-bottom-left-radius: 9px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 9px; + border-bottom-left-radius: 9px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.dark { + color: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch#add-color-button { + border-radius: 9px 9px 0 0; + color: white; +} + +colorswatch#add-color-button:only-child { + border-radius: 9px; +} + +colorswatch#add-color-button overlay { + background-color: #1e2431; +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 9px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 9px; +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 10px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f111a; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + border-radius: 16px; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 16px 2px transparent, 0 6px 18px 5px transparent; + border: none; + margin: 8px; +} + +decoration:backdrop { + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 16px 2px transparent, 0 6px 18px 5px transparent; + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; +} + +.maximized decoration, .fullscreen decoration, .popup decoration { + box-shadow: none; +} + +.ssd decoration { + border-radius: 16px 16px 0 0; + box-shadow: none; + margin: 0; +} + +.ssd decoration, .ssd decoration:backdrop { + transition: none; +} + +.csd.popup decoration { + border-radius: 9px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 10px; + box-shadow: none; +} + +messagedialog.csd decoration { + border-radius: 16px; +} + +.solid-csd decoration { + margin: 0; + padding: 1px; + border-radius: 0; + box-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #161b26; +} + +.solid-csd decoration:backdrop { + background-color: #1e2431; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #4DB6AC; + -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 rgba(255, 255, 255, 0.12); + border-radius: 8px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #1e2431; + background-clip: border-box; + color: white; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #4DB6AC; +} + +stackswitcher { + min-height: 0; + padding: 0; + border-radius: 9999px; + background-color: alpha(currentColor, 0.05); +} + +stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; +} + +stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action):first-child, stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action):last-child, stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:not(.circular) { + min-width: 100px; +} + +stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active { + box-shadow: inset 0 0 0 9999px alpha(#4DB6AC, 0.08); + background-image: radial-gradient(circle, alpha(#4DB6AC, 0.08) 10%, transparent 0%); +} + +stackswitcher:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: #4DB6AC; + color: white; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: none; +} + +.icon-dropshadow { + -gtk-icon-shadow: none; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker entry { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +button.emoji-section { + margin: 2px; + border-radius: 7px; +} + +button.emoji-section:checked { + color: #4DB6AC; +} + +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: 10px; +} + +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: 24px; + padding: 0 12px; +} + +popover.emoji-completion .emoji:hover { + background-color: alpha(currentColor, 0.08); +} + +/************ + * Nautilus * + ************/ +.nautilus-window.background.csd.unified headerbar { + box-shadow: none; +} + +.nautilus-window.background.csd { + background-color: #161b26; + border-radius: 0 0 16px 16px; +} + +.nautilus-window.background.csd headerbar { + padding-left: 8px; + background-color: #161b26; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.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 { + background-color: transparent; + border-radius: 16px; + color: rgba(255, 255, 255, 0.7); + margin: 0 0 8px 8px; +} + +.nautilus-window.background.csd placessidebar > viewport.frame { + border-radius: 12px; + background-color: rgba(77, 182, 172, 0.08); +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list { + padding: 12px 0 12px 0; + background: none; + border-radius: 12px; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable { + border-radius: 0; + margin: -8px 0 -8px 0; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:active { + background-image: none; + box-shadow: none; + animation: none; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable image.sidebar-icon, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable label.sidebar-label { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable image.sidebar-icon { + padding-right: 4px; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable label.sidebar-label { + color: inherit; + min-height: 54px; + padding: 0 0 0 4px; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable.sidebar-placeholder-row { + background-color: transparent; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable > revealer.sidebar-revealer { + padding-left: 12px; + padding-right: 0; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable > revealer.sidebar-revealer > widget > box { + padding-right: 12px; + padding-left: 0; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:drop(active) { + border-radius: 0; + border-radius: 9999px 0 0 9999px; + background-color: rgba(245, 124, 0, 0.1); +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:drop(active), .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:drop(active) image.sidebar-icon, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:drop(active) label.sidebar-label { + color: #F57C00; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:hover image.sidebar-icon, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:hover label.sidebar-label { + color: #4DB6AC; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected { + background-color: transparent; + font-weight: 700; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected image.sidebar-icon, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected label.sidebar-label { + color: #4DB6AC; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected > revealer.sidebar-revealer > widget > box { + background-color: #161b26; + border-image-width: 10px 10px 10px 46px; + border-image-slice: 10 10 10 46; + border-image-repeat: stretch; + border-image-source: -gtk-scaled(url("assets/row-selected-dark.png"), url("assets/row-selected-dark@2.png")); +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected > revealer.sidebar-revealer > widget > box label.sidebar-label { + padding-left: 14px; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected button.sidebar-button { + color: #4DB6AC; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:disabled image.sidebar-icon, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:disabled label.sidebar-label { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > separator { + background: none; +} + +.nautilus-window.background.csd placessidebar scrollbar { + background: none; + border: none; + margin: 2px 0; +} + +.nautilus-window.background.csd placessidebar > undershoot.top { + background: none; +} + +.nautilus-window.background.csd placessidebar > undershoot.bottom { + background: none; +} + +.nautilus-window.background.csd placessidebar > overshoot.top { + border-radius: 12px 12px 0 0; +} + +.nautilus-window.background.csd placessidebar > overshoot.bottom { + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd .nautilus-list-view { + background-color: transparent; + border-radius: 16px; +} + +.nautilus-window.background.csd .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.nautilus-window.background.csd .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) > header > button:first-child { + border-top-left-radius: 16px; +} + +.nautilus-window.background.csd .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) > header > button:last-child { + border-top-right-radius: 16px; +} + +.nautilus-window.background.csd notebook { + background: none; + margin: 0; +} + +.nautilus-window.background.csd notebook > header { + padding: 0 16px; + background: none; + border-color: #404040; +} + +.nautilus-window.background.csd notebook > header tab { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window.background.csd notebook > header tab:hover:not(:checked):not(:active) { + color: white; + background-color: rgba(255, 255, 255, 0.05); +} + +.nautilus-window.background.csd notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window.background.csd notebook > header tab:checked, .nautilus-window.background.csd notebook > header tab:active { + color: white; + border-color: #404040; +} + +.nautilus-window.background.csd notebook > header tab:checked:disabled, .nautilus-window.background.csd notebook > header tab:active:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.nautilus-window.background.csd notebook > stack { + background-color: #161b26; + border-radius: 14px; +} + +.nautilus-window.background.csd notebook scrolledwindow > .view:not(:selected):not(:hover):not(:checked) { + background-color: transparent; +} + +.nautilus-window.background.csd notebook scrolledwindow .view:selected { + background-color: #31413f; +} + +.nautilus-window.background.csd notebook placesview > stack > frame > scrolledwindow > viewport > list { + background-color: transparent; +} + +.nautilus-window.background.csd notebook placesview > actionbar { + background-color: transparent; + border-radius: 0 0 16px 16px; +} + +.nautilus-window.background.csd notebook placesview > actionbar > revealer > box { + background-color: transparent; +} + +.nautilus-window.background.csd paned > separator { + background: none; +} + +.nautilus-window.background.csd paned > separator.wide { + min-width: 0; + min-height: 0; + background: none; +} + +.nautilus-window.maximized, .nautilus-window.maximized placessidebar { + border-radius: 0; +} + +.nautilus-window .floating-bar { + min-height: 24px; + padding: 2px; + margin: 4px; + border-style: none; + border-radius: 9999px; + background-color: rgba(33, 33, 33, 0.95); +} + +.nautilus-window .floating-bar button { + margin: 5px; +} + +.windowhandle .linked.nautilus-path-bar { + background-color: rgba(255, 255, 255, 0.04); + border-radius: 9999px; + margin: 4px 0; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { + margin-top: 0; + margin-bottom: 0; + border-radius: 9999px; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { + color: white; +} + +.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; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: rgba(255, 255, 255, 0.7); +} + +.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); +} + +@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: 4px 0; + border-radius: 9999px; +} + +.path-bar-box button { + margin: 0; +} + +.path-bar-box.width-maximized { + background-color: rgba(255, 255, 255, 0.04); +} + +.path-bar-box.background.frame { + border-style: none; + background-color: rgba(255, 255, 255, 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: 10px; + padding-right: 10px; + 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; + border-radius: 9999px; +} + +.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button { + border-radius: 9999px; +} + +.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: rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.5); +} + +.disk-space-display.unknown { + background-color: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.3); +} + +.disk-space-display.used { + background-color: #4DB6AC; + color: #4DB6AC; +} + +.disk-space-display.free { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.15); +} + +.search-information { + padding: 2px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #161b26; + color: white; +} + +.conflict-row:not(:selected) { + background-color: #6a582c; +} + +.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 rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.7); +} + +.nautilus-window paned > separator { + background-color: #131823; +} + +/********* + * gedit * + *********/ +window.org-gnome-gedit > paned.titlebar, +window.background.csd > paned.titlebar { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #161b26; +} + +window.org-gnome-gedit > paned.titlebar:backdrop, +window.background.csd > paned.titlebar:backdrop { + background-color: #1e2431; +} + +window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > paned.titlebar > headerbar, +window.background.csd > paned.titlebar > separator, +window.background.csd > paned.titlebar > headerbar { + background-color: transparent; +} + +.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 2px; +} + +.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 16px; +} + +.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-path-label { + color: rgba(255, 255, 255, 0.7); + font-size: smaller; +} + +.open-document-selector-match { + background-color: #FBC02D; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-document-panel { + background-color: #131823; + border-bottom-left-radius: 16px; +} + +.gedit-document-panel row button.flat { + margin-top: 8px; + margin-bottom: 8px; +} + +.gedit-document-panel-group-row:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0 0 16px 16px; +} + +.gedit-search-slider { + margin: 0 6px 8px; + padding: 4px; + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + border-radius: 0 0 16px 16px; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 10px; +} + +.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { + all: unset; + color: rgba(255, 255, 255, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr):not(:only-child) { + margin-right: -56px; + padding-right: 56px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr):not(:only-child) .gedit-search-entry-occurrences-tag { + margin-left: 4px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr):not(:only-child) image.right { + margin-right: 0; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl):not(:only-child) { + margin-left: -56px; + padding-left: 56px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl):not(:only-child) .gedit-search-entry-occurrences-tag { + margin-right: 4px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl):not(:only-child) image.left { + margin-left: 0; +} + +.gedit-search-slider .linked:not(.vertical) > entry:not(.error) { + background-color: #1e2431; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button { + color: rgba(255, 255, 255, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.gedit-search-slider .linked > button { + border: solid 4px transparent; + border-radius: 9999px; +} + +.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) { + margin-left: -2px; + border-radius: 9999px; +} + +.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) { + margin-right: -2px; + border-radius: 9999px; +} + +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 * + **********/ +.tweak-categories { + background-image: image(#131823); +} + +.csd .tweak-categories { + border-bottom-left-radius: 16px; +} + +.tweak { + padding: 3px; +} + +.tweak.title:hover { + box-shadow: none; +} + +.tweak-group-white, +.tweak-white, +.tweak-white:hover { + background-image: image(#161b26); +} + +.tweak-startup, +.tweak-startup:hover { + background-image: image(#161b26); +} + +.tweak-group-startup { + background-image: image(#161b26); +} + +.tweak-group-startup row.tweak-startup { + border-radius: 10px; + background-color: transparent; + background-image: none; +} + +row#Focus, +row#ClickMethod, +row#PrimaryWorkspaceTweak, +row#workspaces-only-on-primary { + margin-top: 4px; +} + +leaflet.titlebar > .titlebar.tweak-titlebar-right, leaflet.titlebar > .titlebar.tweak-titlebar-left, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right, hdyleaflet.titlebar > .titlebar.tweak-titlebar-left { + background-color: inherit; + box-shadow: inherit; + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +leaflet.titlebar > .titlebar.tweak-titlebar-right + separator, leaflet.titlebar > .titlebar.tweak-titlebar-left + separator, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator, hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator { + background-color: inherit; + background-image: image(rgba(255, 255, 255, 0.12)); +} + +list.navigation-sidebar { + border-bottom-left-radius: 16px; +} + +list.navigation-sidebar > separator { + background-color: transparent; +} + +/************************ + * Gnome Control Center * + ************************/ +window.background.csd > headerbar.titlebar > leaflet.unfolded > headerbar:first-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet.unfolded > headerbar:first-child:not(:only-child) { + border-top-left-radius: 16px; +} + +window.background.csd > headerbar.titlebar > leaflet.unfolded > headerbar:last-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet.unfolded > headerbar:last-child:not(:only-child) { + border-top-right-radius: 16px; +} + +window.background.csd > headerbar.titlebar > leaflet.unfolded > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet.unfolded > headerbar:last-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet.unfolded > headerbar:first-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet.unfolded > headerbar:last-child:only-child { + border-top-right-radius: 16px; + border-top-left-radius: 16px; +} + +window.background.csd > stack:not(.titlebar) > stack.background { + border-radius: 0 0 16px 16px; +} + +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 > 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: #161b26; + border-bottom-right-radius: 16px; +} + +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 > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button { + min-width: 28px; + min-height: 26px; + margin: 3px; + background-color: rgba(0, 0, 0, 0.65); + color: white; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:hover, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:hover, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:hover { + background-color: rgba(0, 0, 0, 0.75); + color: white; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:active, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:active { + background-color: rgba(0, 0, 0, 0.85); + color: white; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:disabled, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:disabled, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view flowboxchild button.osd.remove-button:disabled { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.45); +} + +window.background.csd > leaflet > stack.background frame.view, +window.background.csd > hdyleaflet > stack.background frame.view, +window.background.csd > box.horizontal > stack.background frame.view { + border-radius: 10px; + 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: #161b26; + border-bottom-left-radius: 16px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +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 { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window.background.csd > leaflet.folded > box.vertical > scrolledwindow.view { + border-bottom-right-radius: 16px; +} + +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: 10px 10px 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 10px 10px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 16px 16px; +} + +hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { + border: none; +} + +hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) > separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) > separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) > separator { + margin: 2px 0; +} + +/************************ + * Gnome system monitor * + ************************/ +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #161b26; + border-radius: 0 0 16px 16px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(.progressbar):not(.trough):not(:hover):not(:active):not(:selected) { + background: none; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box { + border-radius: 0 0 16px 16px; +} + +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 16px 16px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 16px 16px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +/****************** + * Gnome Contacts * + ******************/ +window.background.csd scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 16px; +} + +/************************ + * Epiphany (Gnome Web) * + ************************/ +tabbox { + background-color: #0f111a; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + padding: 2px 2px 0; +} + +tabbox > tab { + border-radius: 10px 10px 0 0; + border-bottom: none; +} + +tabbox > tab button { + min-height: 24px; + min-width: 24px; + border-radius: 9999px; + border: none; + padding: 0; +} + +/***************** + * Gnome Weather * + *****************/ +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 16px; +} + +#weather-page-content-view { + border-bottom-right-radius: 16px; + border-bottom-left-radius: 16px; +} + +statuspage.search-view entry.search:focus { + box-shadow: none; +} + +/*************** + * Gnome Music * + ***************/ +window.background.csd box.vertical > overlay > stack.background { + border-radius: 0 0 16px 16px; +} + +/**************** + * Gnome Clocks * + ****************/ +window.background.csd.unified { + border-top-left-radius: 16px; + border-top-right-radius: 16px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle { + border-top-left-radius: 16px; + border-top-right-radius: 16px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer { + margin: 0 0; + background: none; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +/************* + * 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.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, 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: 4px; + margin: 0; +} + +.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: 4px; + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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 > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +/********** + * Polari * + **********/ +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: #4DB6AC; + color: white; +} + +stack.view.polari-entry-area { + background-color: #0f111a; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 16px; +} + +stack:disabled.view.polari-entry-area { + background-image: image(#0f111a); +} + +/*********** + * Builder * + ***********/ +layouttabbar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #0f111a; +} + +layouttabbar > box > button { + margin: 4px 0; +} + +layouttab { + margin: 0 8px; + border-style: none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #4DB6AC; + background-color: #161b26; +} + +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(0, 0, 0, 0.25); + -PnlDockBin-handle-size: 1; +} + +entry.search-missing { + background-color: #F44336; + color: white; +} + +window.workbench treeview.image { + color: rgba(255, 255, 255, 0.7); +} + +popover.popover-selector list { + padding: 6px; +} + +popover.popover-selector list row { + border-radius: 10px; +} + +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: 10px; +} + +omnibar:not(:hover):not(:active) entry { + color: rgba(255, 255, 255, 0.7); +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +entry.preferences-search { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; + background-color: #161b26; +} + +preferences stacksidebar.sidebar list { + background-color: #131823; +} + +preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; +} + +preferences > box > box:dir(ltr) { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +preferences > box > box:dir(rtl) { + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 10px; +} + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 10px; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.transfers list { + background-color: transparent; +} + +popover.transfers list row:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.transfers list row > box { + padding: 10px; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.25); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +eggsearchbar box.search-bar { + padding: 0 8px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #0f111a; +} + +docktabstrip { + padding: 0 8px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #0f111a; +} + +docktab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 22px; + min-width: 22px; + margin-bottom: -1px; + padding: 4px 6px; + border-width: 1px; + border-color: transparent; + box-shadow: inset 0 -2px transparent; + background-image: radial-gradient(circle, #4DB6AC 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +docktab:hover { + background-color: alpha(currentColor, 0.08); + color: white; +} + +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 #4DB6AC; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + color: white; +} + +dockoverlayedge { + background-color: #0f111a; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge docktab:checked { + box-shadow: inset -2px 0 #4DB6AC; +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 #4DB6AC; +} + +pillbox { + background-color: #0f111a; + border-radius: 10px; +} + +layoutpane entry.search { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; + background-color: #161b26; +} + +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: 8px; + padding-right: 8px; +} + +button.dzlmenubutton image { + min-width: 26px; +} + +button.dzlmenubutton image.arrow { + min-width: 23px; +} + +button.dzlmenubuttonitem { + color: white; + font-weight: normal; +} + +button.dzlmenubuttonitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +idelayoutstackheader { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +idelayoutstackheader button:checked { + color: white; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher { + padding: 8px 0; + background-color: #0f111a; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { + border-left: 1px solid rgba(255, 255, 255, 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, rgba(77, 182, 172, 0.7) 10%, transparent 0%); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { + background-color: transparent; + color: white; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { + margin-right: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 #4DB6AC; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #4DB6AC; +} + +ideeditorsidebar notebook header { + background: transparent; +} + +popover.messagepopover list { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.messagepopover list row:not(:last-child) { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +/********** + * Photos * + **********/ +GdMainIconView.content-view { + -GdMainIconView-icon-size: 48; +} + +.documents-counter { + margin: 8px; + border-radius: 9999px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + background-color: #4DB6AC; + color: white; + 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: white; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: alpha(currentColor, 0.06); + color: white; +} + +button.photos-filter-preview:checked image { + color: white; + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); +} + +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: rgba(255, 255, 255, 0.12); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); +} + +.side-panel .view { + background-image: image(#131823); +} + +.side-panel .view:hover { + background-image: image(#363636); +} + +.side-panel .view:selected { + background-image: image(#4DB6AC); +} + +.side-panel .view:selected:hover { + background-image: image(#5bbcb3); +} + +.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 rgba(255, 255, 255, 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; +} + +/*********************** + * Gnome Note (bijiben)* + ***********************/ +dialog.background scrolledwindow.frame > viewport > list { + background-color: transparent; + border: none; +} + +/******************* + * Document Viewer * + *******************/ +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + border-radius: 0 0 16px 16px; +} + +/********************************* + * Archive Manager (File roller) * + *********************************/ +window.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 16px 16px; + background-color: #161b26; +} + +window.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:active):not(:selected) { + background-color: #161b26; +} + +window.background.csd > grid.horizontal > paned.horizontal > box + separator + scrolledwindow { + border-radius: 0 0 16px 0; +} + +window.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 16px; + background-color: #0f111a; +} + +window.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +/************** + * Gnome Disk * + **************/ +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +/************ + * Terminal * + ************/ +terminal-window.background.csd { + border-radius: 0; +} + +terminal-window.background.csd.maximized { + border-radius: 0; +} + +window.background > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 16px; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 16px; +} + +popover.background.menu radiobutton.system, popover.background.menu radiobutton.light, popover.background.menu radiobutton.dark { + margin: 4px 0 2px; +} + +/********* + * 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: -4px; +} + +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: -4px; +} + +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: 16px; +} + +/******** + * Gitg * + ********/ +frame.commit-frame > border { + border-style: solid none none; +} + +/************** + * Characters * + **************/ +box.dialog-vbox scrolledwindow.related { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +list.categories { + background-image: image(#131823); +} + +/********* + * Boxes * + *********/ +.transparent-bg + stack overlay > label { + min-height: 24px; + padding: 0 4px; + border-radius: 10px; + background-color: #131823; + color: white; +} + +/************** + * Calculator * + **************/ +button.title label { + min-height: 32px; +} + +/********* + * Geary * + *********/ +window.background.csd.geary-main-window box.vertical > paned.horizontal > box.sidebar.vertical, +window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical { + border-bottom-left-radius: 16px; +} + +window.background.csd.geary-main-window box.vertical > paned.horizontal > box.sidebar.vertical statusbar, +window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar { + border-bottom-left-radius: 16px; +} + +window.background.csd.geary-main-window stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 16px; +} + +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: 16px; +} + +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: white; + background-color: #0f111a; + box-shadow: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +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 > deck > overlay > .geary-main-layout { + background-color: #131823; +} + +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > separator.sidebar, +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > separator.geary-sidebar-pane-separator, +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar { + background-color: transparent; + background-image: linear-gradient(to bottom, #161b26 0%, #161b26 39px, rgba(255, 255, 255, 0.12) 39px, rgba(255, 255, 255, 0.12) 100%); + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop, +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > separator.geary-sidebar-pane-separator:backdrop, +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop { + background-color: transparent; + background-image: linear-gradient(to bottom, #1e2431 0%, #1e2431 39px, rgba(255, 255, 255, 0.12) 39px, rgba(255, 255, 255, 0.12) 100%); +} + +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical > .geary-conversation-frame > scrolledwindow { + margin: -1px 0; +} + +.geary-main-window geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + background-color: #161b26; +} + +.geary-main-window 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 geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane { + border-radius: 0 0 8px 8px; +} + +.geary-main-window geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background { + background-color: transparent; +} + +.geary-main-window geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box { + border-radius: 0 0 6px 6px; +} + +.geary-main-window geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content geary-composer-editor box.background, +.geary-main-window geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content geary-composer-editor actionbar > revealer > box { + border-radius: 0 0 8px 8px; +} + +geary-composer-box#GearyComposerWindow geary-composer-editor box.background, +geary-composer-box#GearyComposerWindow geary-composer-editor actionbar > revealer > box { + border-radius: 0 0 16px 16px; +} + +/************** + * 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: 16px; +} + +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 16px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 16px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 16px 16px; + background-color: #161b26; +} + +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 16px 16px; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 16px 16px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook:not(.frame), dialog.background.csd > box.vertical.dialog-vbox > notebook:not(.frame) > stack { + border-radius: 0 0 16px 16px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook:not(.frame) .inline-toolbar { + border-radius: 0 0 10px 10px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 10px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 10px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:active):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 10px; +} + +window.background > deck > box > overlay > stack > leaflet > box > scrolledwindow > viewport > box > stack > scrolledwindow { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background.csd.unified headerbar { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background.csd.unified headerbar.selection-mode { + box-shadow: none; +} + +window.background.csd.unified > decoration-overlay { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd.unified, +window.background.csd.unified > decoration, +window.background.csd.unified > decoration-overlay { + border-radius: 16px; +} + +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; +} + +window.background.csd.unified > deck > .view > notebook > header.top { + border-radius: 0; +} + +/********* + * Tilix * + *********/ +overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { + border-style: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); +} + +overlay > revealer.left > scrolledwindow.frame { + margin-right: 32px; +} + +overlay > revealer.right > scrolledwindow.frame { + margin-left: 32px; +} + +.terminix-session-sidebar, +.tilix-session-sidebar { + background-image: image(#1e2431); +} + +.terminal-titlebar button { + border-radius: 0; +} + +button.image-button.session-new-button { + min-width: 28px; +} + +notebook.tilix-background tab > box > stack { + margin: -6px; +} + +button.flat.tilix-small-button { + min-height: 18px; + min-width: 14px; +} + +/************** + * Terminator * + **************/ +.terminator-terminal-window paned > separator { + background-color: #0f111a; +} + +.terminator-terminal-window notebook.frame { + border-style: none; +} + +/************* + * Ubitquity * + *************/ +#live_installer .menubar progressbar trough { + border-radius: 4px; + background-color: rgba(255, 255, 255, 0.15); +} + +/*********** + * 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: 10px; +} + +/******** + * Meld * + ********/ +notebook.meld-notebook { + background-color: #161b26; + border-radius: 0 0 16px 16px; +} + +notebook.meld-notebook > stack { + background-color: #161b26; + border-radius: 0 0 16px 16px; +} + +.meld-notebook-child { + background-color: #161b26; + border-radius: 0 0 16px 16px; +} + +.meld-status-bar { + background-color: transparent; +} + +.meld-status-bar button { + border-radius: 0; +} + +/************ + * Chromium * + ************/ +window.background.chromium { + background-color: #1e2431; +} + +window.background.chromium entry, +window.background.chromium > button { + border: 1px solid #404040; +} + +window.background.chromium > button { + color: #4DB6AC; +} + +window.background.chromium > button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +window.background.chromium menubar, window.background.chromium headerbar { + color: rgba(255, 255, 255, 0.7); +} + +window.background.chromium menu { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +window.background.chromium menu menuitem { + border-radius: 0; +} + +window.background.chromium headerbar { + padding: 0 8px; +} + +window.background.chromium spinner { + color: #4DB6AC; +} + +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: #4DB6AC; + color: white; +} + +window.background.chromium treeview.view button { + border: 1px solid rgba(255, 255, 255, 0.3); + background-color: #161b26; +} + +tooltip.background.chromium { + color: white; + background-color: #191919; +} + +/*********** + * Firefox * + ***********/ +#MozillaGtkWidget > widget text { + background-color: #1e2431; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #4DB6AC; + color: white; +} + +#MozillaGtkWidget > widget > separator { + color: #404040; +} + +#MozillaGtkWidget > widget > scrollbar { + background-clip: border-box; +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #404040; +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid #404040; + border-radius: 10px; + box-shadow: none; +} + +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(255, 255, 255, 0.15); +} + +#MozillaGtkWidget > widget > entry { + min-height: 30px; + background-color: #161b26; +} + +#MozillaGtkWidget > widget > entry:focus { + border-color: #4DB6AC; + box-shadow: inset 0 0 0 1px #4DB6AC; +} + +#MozillaGtkWidget > widget > entry:disabled { + background-color: #131823; +} + +#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: #464646; +} + +#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: #727272; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(70, 70, 70, 0.5); +} + +#MozillaGtkWidget menu { + border: none; +} + +#MozillaGtkWidget > widget > menubar { + color: rgba(255, 255, 255, 0.7); +} + +#MozillaGtkWidget > widget > menubar:hover { + color: white; +} + +#MozillaGtkWidget > widget > menubar:disabled { + color: rgba(255, 255, 255, 0.3); +} + +#MozillaGtkWidget > widget > frame { + color: #404040; +} + +#MozillaGtkWidget menu > separator { + color: #404040; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +.background.popup.xapp-status-icon-menu-window decoration { + border-radius: 9px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); +} + +/************ + * 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; + border-radius: 10px; +} + +#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; + border-radius: 10px; +} + +#CanvasTable button { + min-height: 16px; + min-width: 16px; + padding: 0; +} + +#CanvasTable #HorizontalScrollbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(ltr) { + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(rtl) { + border-right: 1px solid rgba(255, 255, 255, 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; +} + +/*********** + * Synapse * + ***********/ +/********* + * 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 > box.vertical > stack > scrolledwindow > viewport.frame > list { + border: none; + border-radius: 0; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable:first-child, window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable:last-child { + border-radius: 0; +} + +window.background.csd > box.vertical > overlay > stack > scrolledwindow.frame { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > grid.horizontal { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #161b26; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget viewport.frame > box > box > box > grid toolbar { + background: none; + border: none; + padding: 3px; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget > scrolledwindow > viewport.frame { + background: #161b26; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget > scrolledwindow > viewport.frame > grid > box.horizontal { + background: #161b26; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget > scrolledwindow > viewport.frame > grid > box.horizontal > box.vertical > toolbar { + background: #161b26; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget > scrolledwindow > viewport.frame > grid > box.vertical > toolbar { + background: none; + border: none; + padding: 6px; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget > scrolledwindow > viewport.frame > grid > box.horizontal > #combobox.linked, +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget > scrolledwindow > viewport.frame > grid > box.horizontal > grid.horizontal > box.horizontal { + background: #161b26; +} + +window.background:not(.solid-csd):not(.csd) > grid.horizontal > widget > widget toolbar.small-button { + border: none; +} + +window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) { + border: 1px solid rgba(255, 255, 255, 0.12); + border-left: none; + border-right: none; + background-color: #161b26; + box-shadow: none; +} + +window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; + background-color: #161b26; +} + +window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) > header { + box-shadow: none; + margin: 0; + border: none; + background-color: transparent; +} + +window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) > header > tabs > tab { + margin: 3px 0 0; +} + +#gtk-combobox-popup-window scrolledwindow.frame { + border: none; +} + +#gtk-combobox-popup-window treeview.view:selected, #gtk-combobox-popup-window treeview.view:hover { + background-image: image(#4DB6AC); +} + +#gtk-combobox-popup-window treeview.view:selected, #gtk-combobox-popup-window treeview.view:selected label, #gtk-combobox-popup-window treeview.view:hover, #gtk-combobox-popup-window treeview.view:hover label { + color: white; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view, stack > scrolledwindow > viewport > box > box > box > frame.view > border, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > border, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > border, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > border { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box > list, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box > list, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box > list, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box > list { + background-color: transparent; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:first-child > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:first-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box:first-child > list, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box:first-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box:first-child > list, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box:first-child > list > row, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box:first-child > list, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box:first-child > list > row { + border-radius: 10px 10px 0 0; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:last-child > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:last-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box:last-child > list, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box:last-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box:last-child > list, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box:last-child > list > row, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box:last-child > list, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box:last-child > list > row { + border-radius: 0 0 10px 10px; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:only-child > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:only-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box:only-child > list, +stack > scrolledwindow > viewport > box > stack > box > revealer > box > box > frame.view > box > box:only-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box:only-child > list, +stack > scrolledwindow > viewport > box > stack > box > stack > box > box > frame.view > box > box:only-child > list > row, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box:only-child > list, +stack > scrolledwindow > viewport > box > revealer > box > stack > box > box > frame.view > box > box:only-child > list > row { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view, stack > scrolledwindow > viewport > box > box > box > frame.view > border, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > border, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > border { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box > list { + background-color: transparent; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:first-child > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:first-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box:first-child > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box:first-child > list > row, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box:first-child > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box:first-child > list > row { + border-radius: 10px 10px 0 0; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:last-child > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:last-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box:last-child > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box:last-child > list > row, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box:last-child > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box:last-child > list > row { + border-radius: 0 0 10px 10px; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:only-child > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > box:only-child > list > row, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box:only-child > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > box:only-child > list > row, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box:only-child > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > box:only-child > list > row { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > revealer > box > box > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > revealer > box > box > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > revealer > box > box > list { + background-color: transparent; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > revealer:first-child > box > box > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > revealer:first-child > box > box > list > row, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > revealer:first-child > box > box > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > revealer:first-child > box > box > list > row, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > revealer:first-child > box > box > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > revealer:first-child > box > box > list > row { + border-radius: 10px 10px 0 0; +} + +stack > scrolledwindow > viewport > box > box > box > frame.view > box > revealer:last-child > box > box > list, stack > scrolledwindow > viewport > box > box > box > frame.view > box > revealer:last-child > box > box > list > row, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > revealer:last-child > box > box > list, +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > revealer:last-child > box > box > list > row, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > revealer:last-child > box > box > list, +stack > scrolledwindow > viewport > box > box > revealer > box > box > frame.view > box > revealer:last-child > box > box > list > row { + border-radius: 0 0 10px 10px; +} + +stack > scrolledwindow > viewport > box > box > widget > overlay > scrolledwindow > viewport > grid > box > frame, stack > scrolledwindow > viewport > box > box > widget > overlay > scrolledwindow > viewport > grid > box > frame > border { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > box > widget > overlay > scrolledwindow > viewport > grid > box > frame > list { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > box > widget > overlay > scrolledwindow > viewport > grid > box > frame > list > row:first-child { + border-radius: 10px 10px 0 0; +} + +stack > scrolledwindow > viewport > box > box > widget > overlay > scrolledwindow > viewport > grid > box > frame > list > row:last-child { + border-radius: 0 0 10px 10px; +} + +stack > scrolledwindow > viewport > box > stack > box > box > frame.view, stack > scrolledwindow > viewport > box > stack > box > box > frame.view > border { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > stack > box > box > frame.view frame.view { + background-color: transparent; +} + +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > scrolledwindow > viewport.frame > box > list { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > scrolledwindow > viewport.frame > box > list > row:first-child { + border-radius: 10px 10px 0 0; +} + +stack > scrolledwindow > viewport > box > stack > box > box > frame.view > box > scrolledwindow > viewport.frame > box > list > row:last-child { + border-radius: 0 0 10px 10px; +} + +stack > scrolledwindow > viewport > box > widget > box > frame.view, stack > scrolledwindow > viewport > box > widget > box > frame.view > border, +stack > scrolledwindow > viewport > box > widget > box > frame.view > widget > box > box > list { + border-radius: 10px; +} + +stack > scrolledwindow > viewport > box #c_box notebook { + background-color: transparent; +} + +#workspaces button { + min-width: 20px; +} + +window.background:not(.csd):not(.solid-csd) > button:not(:hover):not(:active):not(:checked):not(:disabled):not(.flat) { + background-color: #131823; +} + +/********* + * Unity * + *********/ +UnityDecoration { + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 8px; + -UnityDecoration-shadow-offset-x: 0; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48); + -UnityDecoration-active-shadow-radius: 18px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); + -UnityDecoration-inactive-shadow-radius: 6px; + -UnityDecoration-glow-size: 8px; + -UnityDecoration-glow-color: #4DB6AC; + -UnityDecoration-title-indent: 4px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration .top { + padding: 0 2px; + border-style: none; + border-radius: 16px 16px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #161b26; + color: white; +} + +UnityDecoration .top:backdrop { + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); +} + +UnityDecoration .menuitem { + color: rgba(255, 255, 255, 0.7); +} + +UnityDecoration .menuitem:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: white; +} + +.background:not(.csd) headerbar:not(.titlebar) { + border-radius: 0; + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { + border-style: none; +} + +UnityPanelWidget, +.unity-panel { + background-color: #0f111a; + color: white; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + color: rgba(255, 255, 255, 0.7); +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: white; +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: spin 1s linear infinite; + color: #4DB6AC; +} + +/************** + * Mate-Panel * + **************/ +.mate-panel-menu-bar menubar, +#PanelApplet-window-menu-applet-button { + background-color: transparent; +} + +.mate-panel-menu-bar { + background-color: rgba(33, 33, 33, 0.65); + color: rgba(255, 255, 255, 0.7); + font-weight: 500; + box-shadow: none; +} + +.mate-panel-menu-bar button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; +} + +PanelToplevel.horizontal > grid > button { + min-width: 24px; +} + +PanelToplevel.vertical > grid > button { + min-height: 24px; +} + +PanelSeparator { + color: rgba(255, 255, 255, 0.12); +} + +MatePanelAppletFrameDBus { + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); +} + +.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { + border-width: 0 1px; +} + +.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { + border-width: 1px 0; +} + +.mate-panel-menu-bar menubar { + box-shadow: none; +} + +.mate-panel-menu-bar menubar > menuitem { + color: rgba(255, 255, 255, 0.7); +} + +.mate-panel-menu-bar menubar > menuitem:hover { + color: white; +} + +.mate-panel-menu-bar menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.mate-panel-menu-bar.horizontal menubar > menuitem { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical menubar > menuitem { + padding: 8px 0; +} + +.mate-panel-menu-bar menubar menu > menuitem { + min-height: 24px; + padding: 0 6px; +} + +.mate-panel-menu-bar #PanelApplet button { + -GtkWidget-window-dragging: true; +} + +.mate-panel-menu-bar #tasklist-button { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; +} + +.mate-panel-menu-bar #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { + padding-left: 4px; +} + +.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { + padding-right: 4px; +} + +.mate-panel-menu-bar.vertical #tasklist-button { + min-height: 32px; +} + +.mate-panel-menu-bar.horizontal #showdesktop-button image { + min-width: 24px; + padding: 0 4px; +} + +.mate-panel-menu-bar.vertical #showdesktop-button image { + min-height: 24px; + padding: 4px 0; +} + +PanelApplet.wnck-applet .wnck-pager { + background-color: transparent; + color: #4DB6AC; +} + +PanelApplet.wnck-applet .wnck-pager:hover { + background-color: alpha(currentColor, 0.08); +} + +PanelApplet.wnck-applet .wnck-pager:active { + background-color: alpha(currentColor, 0.12); +} + +PanelApplet.wnck-applet .wnck-pager:selected { + background-color: #4DB6AC; +} + +.mate-panel-menu-bar.horizontal #clock-applet-button label { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical #clock-applet-button label { + padding: 8px 0; +} + +#MatePanelPopupWindow { + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 11px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +#MatePanelPopupWindow frame > border { + border-style: none; +} + +#MatePanelPopupWindow calendar { + border-style: none; +} + +#MatePanelPopupWindow calendar:not(:selected) { + background-color: transparent; +} + +#MatePanelPopupWindow calendar + box { + margin-top: -5px; + padding-top: 5px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + +#MatePanelPopupWindow button { + padding: 4px 16px; +} + +#MatePanelPopupWindow > frame > box > box > box > widget { + color: rgba(255, 255, 255, 0.12); +} + +na-tray-applet { + -NaTrayApplet-icon-padding: 3px; + -NaTrayApplet-icon-size: 16; +} + +.mate-panel-menu-bar { + -PanelMenuBar-icon-visible: true; +} + +.mate-panel-applet-slider { + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 11px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +.mate-panel-applet-slider frame > border { + border-style: none; +} + +#PanelApplet:not(:selected) > box { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +#PanelApplet:selected > box { + background-color: alpha(currentColor, 0.1); + color: white; +} + +#mate-menu { + border: 1px solid rgba(0, 0, 0, 0.25); + background-color: #1e2431; +} + +#mate-menu button { + min-height: 24px; + min-width: 24px; + padding: 4px 0; + color: white; + font-weight: normal; +} + +#mate-menu button:not(.flat) { + background-color: alpha(currentColor, 0.1); +} + +#mate-menu button image, +#mate-menu button label + label { + color: rgba(255, 255, 255, 0.7); +} + +#mate-menu entry { + margin: 0 0 4px; +} + +#mate-menu entry image { + margin: 0; +} + +#mate-menu entry + button { + margin: 0 4px 4px; + padding: 4px; +} + +.brisk-menu { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.brisk-menu entry + box > box:dir(ltr) { + margin-right: -2px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #4DB6AC; +} + +.brisk-menu .session-button { + padding: 8px; +} + +.brisk-menu .frame { + border-style: none; +} + +.brisk-menu .apps-list { + padding: 4px 0; + background-color: transparent; +} + +.brisk-menu .apps-list row { + padding: 0; +} + +.brisk-menu .apps-list row:hover { + box-shadow: none; +} + +.brisk-menu .apps-list button { + border-radius: 0; + color: white; + font-weight: normal; +} + +/********************* + * CAJA File manager * + *********************/ +.caja-navigation-window button.toggle.image-button { + border-radius: 10px; +} + +.caja-pathbar button { + margin: 0 -1px 0 -2px; +} + +.caja-pathbar button.slider-button { + min-width: 24px; +} + +.caja-pathbar button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -GtkArrow-arrow-scaling: 1; +} + +.caja-side-pane notebook viewport.frame, +.caja-side-pane notebook widget .vertical { + background-color: #161b26; +} + +.caja-side-pane notebook, +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane notebook .frame, +.caja-notebook .frame { + border-style: none; +} + +.caja-canvas-item { + border-radius: 10px; +} + +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + color: white; +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: alpha(currentColor, 0.06); +} + +.caja-desktop.view .entry { + background-color: #161b26; + color: white; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); + caret-color: currentColor; +} + +.caja-desktop.view .entry:selected { + background-color: alpha(currentColor, 0.06); +} + +.caja-navigation-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-notebook frame > border { + border-style: none; +} + +#caja-extra-view-widget { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #161b26; +} + +#caja-extra-view-widget > box > box > label { + font-weight: bold; +} + +/********* + * Pluma * + *********/ +.pluma-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.pluma-window statusbar frame > border { + border-style: none; +} + +.pluma-window statusbar frame button.flat { + padding: 0 4px; + border-radius: 0; +} + +.pluma-window statusbar frame button.flat widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -GtkArrow-arrow-scaling: 1; +} + +.pluma-print-preview toolbar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat { + margin: 1px; +} + +.pluma-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.pluma-window paned.horizontal box.vertical notebook.frame { + margin-top: -1px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +/********* + * Atril * + *********/ +.atril-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.atril-window paned.horizontal box.vertical notebook .frame { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +/* mate-screensaver lock dialog */ +.lock-dialog { + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 11px; + box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 11px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +.lock-dialog frame > border { + border-style: none; +} + +.lock-dialog button:not(:disabled) { + color: #4DB6AC; +} + +/* multimedia OSD */ +MsdOsdWindow.background.osd { + border-radius: 10px; + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +MsdOsdWindow.background.osd .trough { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.15); +} + +MsdOsdWindow.background.osd .progressbar { + border-radius: 0; + background-color: #4DB6AC; +} + +/****************** + * Budgie Desktop * + ******************/ +.budgie-container { + background-color: transparent; +} + +.budgie-popover { + border: none; + border-radius: 10px; + box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + background-color: #161b26; + border-color: #161b26; +} + +.budgie-popover > .container { + padding: 4px; +} + +.budgie-popover > .container .container { + padding: 0; +} + +.budgie-popover separator { + margin: 2px 0; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover entry, .budgie-popover button, .budgie-popover spinbutton, .budgie-popover button.combo { + border-radius: 5px; +} + +.budgie-popover .linked > entry:first-child, +.budgie-popover .linked > button:first-child { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +.budgie-popover .linked > entry:last-child, +.budgie-popover .linked > button:last-child { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; +} + +.budgie-popover button.flat:not(.image-button) { + min-height: 24px; + padding: 0 8px; + color: white; + font-weight: normal; + border-radius: 5px; +} + +.budgie-popover button.flat:not(.image-button):disabled { + color: rgba(255, 255, 255, 0.5); +} + +.budgie-popover row { + padding: 0; +} + +.budgie-popover row:hover { + box-shadow: none; +} + +.budgie-popover row button { + border-radius: 5px; +} + +.budgie-popover calendar:not(.header) { + border-radius: 5px; +} + +.budgie-popover scrolledwindow.sidebar.categories { + background-color: rgba(255, 255, 255, 0.04); +} + +.budgie-popover scrolledwindow.sidebar.categories button.category-button { + border-radius: 0; +} + +.budgie-popover treeview.view.sidebar { + background: none; + border-right: none; + color: white; + padding: 2px; +} + +.budgie-popover treeview.view.sidebar:hover { + background-color: alpha(currentColor, 0.08); +} + +.budgie-popover treeview.view.sidebar:selected { + background-color: alpha(currentColor, 0.12); +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) { + border-right: none; + background: none; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list { + background-color: rgba(255, 255, 255, 0.04); + border-radius: 5px; + padding: 2px; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable { + border-radius: 2.5px; + padding: 4px 6px; +} + +.budgie-popover scrolledwindow.sidebar + separator { + background-color: transparent; + min-width: 0; + min-height: 0; +} + +.budgie-popover scrolledwindow.sidebar + separator + scrolledwindow { + margin-left: 2px; +} + +.budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable { + border-radius: 5px; +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.budgie-menu .sidebar, +.budgie-popover.budgie-menu scrollbar, +.budgie-popover.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-popover.budgie-menu entry.search { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + font-size: 120%; +} + +.budgie-popover.budgie-menu row.activatable > button.flat { + min-height: 32px; + padding: 0 8px; + border-radius: 0; +} + +.budgie-popover.budgie-menu row.activatable > button.flat:checked:disabled { + background-color: transparent; +} + +.budgie-popover.budgie-menu list.left-overlay-menu { + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #161b26; + padding: 4px; + margin: 4px; + border-radius: 9px; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable { + border-radius: 5px; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable:not(:last-child) { + margin-bottom: 2px; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable button.menuitem { + border-radius: 5px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer { + border-top: 1px solid rgba(255, 255, 255, 0.12); + padding: 4px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat { + min-height: 16px; + min-width: 16px; + padding: 4px; + border-radius: 5px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat.image-button { + border-radius: 9999px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat.image-button:not(.last-child) { + margin-right: 4px; +} + +.budgie-popover.user-menu list, +.budgie-popover.user-menu row { + border: none; + background: none; + box-shadow: none; +} + +.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child { + margin-bottom: 2px; + outline-width: 0; + border-radius: 10px; +} + +.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child button.indicator-item { + transition: none; + animation: none; +} + +.budgie-popover.sound-popover .container { + padding: 0; +} + +.budgie-popover.sound-popover separator { + margin: 2px 0; +} + +.budgie-popover.night-light-indicator .container { + padding: 2px; +} + +.budgie-popover.night-light-indicator .view-header { + margin: 0 4px; +} + +.budgie-popover.places-menu .container { + padding: 2px; +} + +.budgie-popover.places-menu .name-button image:dir(ltr) { + margin-right: 3px; +} + +.budgie-popover.places-menu .name-button image:dir(rtl) { + margin-left: 3px; +} + +.budgie-popover.places-menu .unmount-button { + margin: 1px; + padding: 0; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 2px; + padding-top: 2px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 2px; + font-size: 15px; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: alpha(currentColor, 0.1); +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 10px; +} + +.budgie-panel { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #0f111a; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: rgba(33, 33, 33, 0.65); +} + +.bottom .budgie-panel.dock-mode { + border-radius: 16px 16px 0 0; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist button.launcher:checked, .bottom .budgie-panel.dock-mode .icon-tasklist button.launcher:active { + color: white; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-left-radius: 16px; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-top-right-radius: 16px; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 16px 16px 0; +} + +.left .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-right-radius: 16px; +} + +.left .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-bottom-right-radius: 16px; +} + +.right .budgie-panel.dock-mode { + border-radius: 16px 0 0 16px; +} + +.right .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-left-radius: 16px; +} + +.right .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-bottom-left-radius: 16px; +} + +.budgie-panel button { + color: rgba(255, 255, 255, 0.7); + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 0; +} + +.budgie-panel button:hover { + color: white; +} + +.budgie-panel button:active { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button.raven-trigger { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.3); +} + +.budgie-panel .alert { + color: #4DB6AC; +} + +.budgie-panel .titlebar:not(headerbar) { + min-height: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + color: white; +} + +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { + color: white; +} + +.budgie-panel menubar, +.budgie-panel .menubar { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active, +.budgie-panel .menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:active { + color: white; +} + +.budgie-panel menubar separator, +.budgie-panel .menubar separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel #tasklist-button { + padding: 0 4px; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: rgba(255, 255, 255, 0.5); +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled { + color: rgba(255, 255, 255, 0.3); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; +} + +.budgie-panel .lock-keys image:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.budgie-panel > box > widget > widget > image, +.budgie-panel > box > widget > widget > stack > image, +.budgie-panel > box > widget > widget > box > image { + margin-left: 4px; + margin-right: 4px; +} + +.budgie-panel > box > widget > widget > box > image + label { + margin-left: -2px; +} + +.budgie-panel > box > widget > widget > box > widget > image { + margin-left: 4px; +} + +.budgie-panel > box > widget > widget > box > stack > widget > label { + margin-right: 4px; +} + +.budgie-panel > box > widget > widget > box > widget > widget > image { + margin-left: 2px; + margin-right: 2px; +} + +.budgie-panel .budgie-clock-applet > widget > box, +.budgie-panel .budgie-calendar-applet > widget > box { + padding-left: 2px; + padding-right: 2px; +} + +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; +} + +frame.raven-frame > border { + border-style: none; +} + +.top frame.raven-frame > border { + margin-bottom: 32px; +} + +.bottom frame.raven-frame > border { + margin-top: 32px; +} + +.left frame.raven-frame > border { + margin-right: 32px; +} + +.right frame.raven-frame > border { + margin-left: 32px; +} + +.raven { + background-color: #1e2431; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); + margin: 8px 6px 6px; + border-radius: 10px; +} + +.raven scrollbar { + background-color: transparent; +} + +.raven stackswitcher.linked { + margin: 6px 16px; +} + +.raven stackswitcher.linked > button:focus { + box-shadow: none; +} + +.raven .raven-header { + min-height: 32px; + padding: 3px; +} + +.raven .raven-header.top { + padding: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top stackswitcher button { + padding: 0 16px; + min-height: 32px; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven stack .raven-header { + margin-top: -6px; +} + +.raven stack scrolledwindow .raven-header { + margin-top: -8px; +} + +.raven .raven-background { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #161b26; +} + +.raven .raven-background > overlay > widget > image { + color: rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .powerstrip button { + margin: 2px 0 1px; + padding: 8px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven .audio-widget scale.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +.raven .audio-widget button.flat.expander-button { + margin-top: 4px; + margin-bottom: 4px; +} + +.raven .audio-widget list { + background: none; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(255, 255, 255, 0.06); + color: white; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: white; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +.raven levelbar, .raven levelbar trough, .raven levelbar block { + border-radius: 9999px; +} + +calendar.raven-calendar { + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 10px; +} + +.raven-mpris { + background-color: #131823; + color: rgba(255, 255, 255, 0.7); +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 8px; +} + +image.raven-mpris { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.7); + border-radius: 10px; +} + +.raven-notifications-view > .raven-background > viewport.frame { + padding: 0; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable { + margin-left: -4px; + margin-right: -2px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header { + padding: 0 8px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list { + padding: 4px; + background: none; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border: none; + padding: 4px 4px 4px 8px; + margin: 2px; + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.04); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(255, 255, 255, 0.12); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus { + background: none; + box-shadow: none; +} + +.raven-notifications-group .raven-notifications-group-header { + padding-left: 4px; +} + +.raven-notifications-group list > row { + border-radius: 10px; + padding: 4px; +} + +.raven-notifications-group list > row .notification-clone { + padding-left: 4px; +} + +.drop-shadow { + margin: 5px 9px; + padding: 4px; + border-radius: 16px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +.budgie-notification-window { + background-color: transparent; +} + +.budgie-notification { + padding: 8px; +} + +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-notification .notification-body { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-switcher-window { + background-color: transparent; +} + +.budgie-switcher { + padding: 8px; +} + +.budgie-osd-window { + background-color: transparent; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-osd-window .drop-shadow { + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #0f111a; +} + +.budgie-osd-window image { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-osd-window progressbar trough { + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-power-dialog { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +.budgie-power-dialog.background, .budgie-power-dialog decoration { + border-radius: 20px; +} + +.budgie-power-dialog .titlebar { + background: none; + box-shadow: none; +} + +.budgie-power-dialog .drop-shadow { + border-radius: 20px; +} + +.budgie-session-dialog, +.budgie-polkit-dialog, +.budgie-run-dialog { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +.budgie-session-dialog > box > grid, +.budgie-polkit-dialog > box > grid, +.budgie-run-dialog > box > grid { + padding: 16px; +} + +.budgie-session-dialog.background.csd, .budgie-session-dialog decoration, +.budgie-polkit-dialog.background.csd, +.budgie-polkit-dialog decoration, +.budgie-run-dialog.background.csd, +.budgie-run-dialog decoration { + border-radius: 16px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title, +.budgie-run-dialog label:not(:last-child), +.budgie-run-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog .linked.horizontal > button, +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-run-dialog .linked.horizontal > button { + padding: 8px 16px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +.budgie-session-dialog .linked.horizontal > button:first-child, +.budgie-polkit-dialog .linked.horizontal > button:first-child, +.budgie-run-dialog .linked.horizontal > button:first-child { + border-bottom-left-radius: 16px; +} + +.budgie-session-dialog .linked.horizontal > button:last-child, +.budgie-polkit-dialog .linked.horizontal > button:last-child, +.budgie-run-dialog .linked.horizontal > button:last-child { + border-bottom-right-radius: 16px; +} + +.budgie-polkit-dialog .message { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-polkit-dialog .failure { + color: #F44336; +} + +.budgie-polkit-dialog > box > grid { + padding-bottom: 0; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 4px 12px; + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + color: white; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-settings-window > box > scrolledwindow { + background-color: #131823; + border-bottom-left-radius: 16px; +} + +.budgie-settings-window > box > scrolledwindow list.sidebar { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 10px; +} + +button.centerbutton:first-child { + border-radius: 10px 0 0 10px; +} + +button.centerbutton:last-child { + border-radius: 0 10px 10px 0; +} + +/************** + * Xfce4 Apps * + **************/ +.XfceHeading { + background-color: #161b26; +} + +/*************** + * xfce4-panel * + ***************/ +.xfce4-panel.background { + border: none; + border-color: transparent; + background-color: rgba(33, 33, 33, 0.65); + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +.xfce4-panel.background button, .xfce4-panel.background button.flat { + color: rgba(255, 255, 255, 0.7); + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; +} + +.xfce4-panel.background .tasklist button { + color: rgba(255, 255, 255, 0.7); + border-image: image(transparent) 0 0 2/0 0 2px; +} + +.xfce4-panel.background .tasklist button:checked { + border-image: image(#4DB6AC) 0 0 2/0 0 2px; +} + +.xfce4-panel.background .tasklist button image { + padding: 4px; +} + +wnck-pager:hover { + background-color: alpha(currentColor, 0.08); +} + +wnck-pager:active { + background-color: alpha(currentColor, 0.12); +} + +wnck-pager:selected { + background-color: #4DB6AC; +} + +XfdesktopIconView.view { + border-radius: 5px; + background-color: transparent; + color: white; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:selected, XfdesktopIconView.view:checked { + box-shadow: none; +} + +XfdesktopIconView.view .rubberband { + border-radius: 0; +} + +#XfceNotifyWindow buttonbox { + padding: 0; +} + +#XfceNotifyWindow label#summary { + font-weight: bold; +} + +#xfwm-tabwin { + padding: 12px; + border-radius: 10px; + -XfwmTabwinWidget-icon-size: 64px; + -XfwmTabwinWidget-preview-size: 64px; +} + +/*************** + * Whiskermenu * + ***************/ +window#whiskermenu-window { + border-radius: 0; + background-color: #0f111a; + border: none; +} + +window#whiskermenu-window entry.search { + border-radius: 5px; +} + +window#whiskermenu-window entry.search:focus { + background-color: #161b26; +} + +window#whiskermenu-window > frame > border { + border-radius: 16px; + padding: 4px 6px 4px 6px; + margin: 4px; + border: none; + background-color: rgba(33, 33, 33, 0.97); + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +window#whiskermenu-window box.categories > button.radio { + padding: 2px 4px; + margin: 1px 0; + border-radius: 5px; +} + +window#whiskermenu-window box.categories > button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow.frame { + padding: 2px; + background-color: #161b26; + border-radius: 5px; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view { + border-radius: 5px; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +window#whiskermenu-window scrolledwindow.frame iconview { + border-radius: 5px; +} + +window#whiskermenu-window scrollbar { + border: none; +} + +window#whiskermenu-window scrollbar, window#whiskermenu-window scrollbar.dragging, window#whiskermenu-window scrollbar.hovering, window#whiskermenu-window scrollbar.overlay-indicator, window#whiskermenu-window scrollbar.overlay-indicator.dragging, window#whiskermenu-window scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +window#whiskermenu-window .title-area > .commands-area > button.flat.command-button { + border-radius: 5px; +} + +window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +/********** + * Thunar * + **********/ +.thunar toolbar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.thunar headerbar.titlebar toolbar { + border: none; + padding: 0; + margin: 0; +} + +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) scale, +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) entry, +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) spinbutton, +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) button, +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) stackswitcher { + margin: 0 2px; +} + +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) button { + min-height: 0; + min-width: 0; +} + +.thunar headerbar.titlebar toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 4px 2px; +} + +.thunar .standard-view.frame { + border: none; + background-color: #0f111a; +} + +.thunar .standard-view.frame widget.view { + padding: 4px; + border-radius: 3px; + background-color: #0f111a; +} + +.thunar .standard-view.frame .view:hover { + color: white; +} + +.thunar .standard-view.frame .view:selected { + color: #0f111a; + background: #e2e9e9; + background-image: none; +} + +.thunar paned paned paned > notebook.frame { + border: none; + border-radius: 0; +} + +.thunar paned paned paned > notebook.frame .standard-view.frame > widget.view { + border-radius: 0; + box-shadow: inset 0 0 0 3px rgba(77, 182, 172, 0.25); +} + +.thunar .sidebar { + border: none; + background-color: #0f111a; +} + +.thunar .sidebar .view:not(:selected) { + background-color: #0f111a; +} + +.thunar .sidebar .view:selected, +.thunar treeview.view:selected, +.thunar treeview.view:selected:focus, +.thunar treeview.view:selected:hover { + color: #0f111a; + background-color: #e2e9e9; + background-image: none; +} + +.thunar statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 16px; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:active):not(:selected) { + background-color: #0f111a; +} + +/*************** + * xfsm dialog * + ***************/ +dialog.xfsm-logout-dialog { + box-shadow: none; + border: none; + border-radius: 16px; + background-color: rgba(33, 33, 33, 0.97); +} + +/********************** + * Xfce Notify Window * + **********************/ +#XfceNotifyWindow { + box-shadow: none; + border: none; + border-radius: 16px; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(0, 0, 0, 0.75); + padding: 4px; +} + +#XfceNotifyWindow buttonbox { + padding: 0; +} + +#XfceNotifyWindow label#summary { + font-weight: bold; +} + +/************************ + * LightDM GTK+ Greeter * + ************************/ +#panel_window { + background-color: transparent; + color: #FFFFFF; + box-shadow: none; + border-color: transparent; +} + +#panel_window menubar, +#panel_window separator { + background-color: transparent; + border: none; + box-shadow: none; +} + +#panel_window separator { + padding: 0 4px; +} + +#panel_window separator:first-child { + padding: 0 8px; +} + +#panel_window menubar > menuitem { + color: rgba(255, 255, 255, 0.7); +} + +#panel_window menubar > menuitem:hover { + color: white; +} + +#panel_window menubar > menuitem:disabled label { + color: rgba(255, 255, 255, 0.3); +} + +#panel_window menu { + border-radius: 0; + box-shadow: none; + border: 1px solid #404040; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + margin: 0; + border-radius: 10px; + box-shadow: none; + background-color: #1e2431; +} + +#login_window menu, +#shutdown_dialog menu, +#restart_dialog menu { + border-radius: 0; + box-shadow: none; + border: 1px solid #404040; +} + +#content_frame { + padding-bottom: 16px; +} + +#buttonbox_frame { + padding-top: 24px; +} + +#buttonbox_frame > box, +#buttonbox_frame > buttonbox { + margin: -16px; +} + +#buttonbox_frame button:not(:disabled) { + color: #4DB6AC; +} + +/******** + * Nemo * + ********/ +.nemo-window .primary-toolbar { + background-color: #161b26; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.nemo-window .primary-toolbar entry { + min-height: 0; + margin: 0; +} + +.nemo-window .primary-toolbar button.text-button { + padding-left: 8px; + padding-right: 8px; + color: rgba(255, 255, 255, 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: white; +} + +.nemo-window .primary-toolbar button.text-button:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.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: #131823; +} + +.nemo-window .nemo-window-pane widget.entry { + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.04); +} + +.places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #646464; + -NemoPlacesTreeView-disk-full-fg-color: #4DB6AC; + -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: 2px; + padding-bottom: 2px; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color white; +/* +text color for entries, views and content in general */ +@define-color theme_text_color white; +/* +widget base background color */ +@define-color theme_bg_color #0f111a; +/* +text widgets and the like base background color */ +@define-color theme_base_color #161b26; +/* +base background color of selections */ +@define-color theme_selected_bg_color #4DB6AC; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #0f111a; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #131823; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color white; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color white; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #0f111a; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #161b26; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #4DB6AC; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color white; +/* +insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); +/* +widgets main borders color */ +@define-color borders rgba(255, 255, 255, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #FBC02D; +@define-color error_color #F44336; +@define-color success_color #81C995; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title white; +@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); +@define-color wm_highlight rgba(255, 255, 255, 0.1); +@define-color wm_border #090909; +@define-color wm_bg #161b26; +@define-color wm_unfocused_bg #1e2431; +@define-color wm_button_icon white; +@define-color wm_button_close_hover_bg #fd5f51; +@define-color wm_button_close_active_bg #fc2714; +@define-color wm_button_max_hover_bg #38c76a; +@define-color wm_button_max_active_bg #2b9751; +@define-color wm_button_min_hover_bg #fdbe04; +@define-color wm_button_min_active_bg #c29102; +/* +FIXME this is really an API */ +@define-color content_view_bg #161b26; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1d1d1d; +@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.7); +@define-color budgie_tasklist_indicator_color_active #4DB6AC; +@define-color budgie_tasklist_indicator_color_active_window rgba(61, 127, 121, 0.8075); +@define-color budgie_tasklist_indicator_color_attention #FBC02D; +@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; diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/thumbnail.png b/dotfiles/.themes/HyprFlux-Compact/gtk-3.0/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..16e12b9b299adf1f881ff4d0dacdb3b142a9f171 GIT binary patch literal 1335 zcmV-71<3k|P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10rF5x zR7ET-EG#W8EG{lBEiElCE-f!FEif=GF)%JJE-yDWFF80bIyo;pIxsyvG&D3dH8nL< zQ8rUiHdRtKR#P`uR5w{wH(FOWTUa<>b3S@>KYDdPdv!oSKtOYbpQfg!r>Cc>si~@}s;jH3tgNiAuCA}IuduMNv9YnT zva++Yv$V9dwY9ajwzjvox4F5wy1Kf%ySu!+yuH1>qH7yF0008UNkl>st~* z6vh`cZzWWwSQ;so-Kb7wRNBojx{#LWNSS78P!T9ewMhh-8K#D%bn!xA#sAq1yY9~F zZae}Xc|YuP=Kb*g_Usv$VVIn9$|>8*(;AGhK^YC&yiB=821rYWA}XYC*IBF0W<9gB zP#Uh}lYZ0WVzStC2+MxK>4<+;^HbBS2rkv8^`7WTv5CVh8@uv_Bog*;w*a?fL-oOnsXMV3_`tD4lix!R%tj>T3Mdj+uMQ@5@-0DMcPz`}VjeRI>` zc7$qF$GQ13bxA-w?-P}fx&(>74ET=y-q`nRvf#lLJcq7?Jur_z1YZ;?-Lz*bygfC%OY4g>cKM@nf&0wAASfs&jx64KDT}AMXp6ne09rOt|dRaf0<>S()`Zt|MxRL zB=mg5J}F=?lfuvVSk$Z@e|1!Eops`|sNiSuBCu7M=jCm5xRRf}tB-oe(dM?c<|Acm t+EVhlo;CW7U-tBxj4yjR<&;y#`Uhm(?qB;i7n%S7002ovPDHLkV1fogY9s&v literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-blackness-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-blackness-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..8a25d53ab3bdffe60fcfb9ce67989447e54aa573 GIT binary patch literal 996 zcmVpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H1193@2 zK~#90?cGaAR8auN@pG>;qxnb+$;X)HkcbLOsc0gimIU^&Y%$=%&`m^(ga~(uo6t52 zAuckp7FrTz6ha#{7{LdHqG{!0G*eNOu~D1Jxt`m?+$e-Idd?Y#@3)kJ?=1d|_s(2Y zy7I0$m;kt7;X_A&Ecy^|cr6T#gd!ktnQdw|0|9}{9P6uB5fHd!u%hZ5b!=uKAaL4j zTYHezJX1>uAqWVZGTYW3H2J3enM$dF5JEJf4+MwDz=Nuc)v1}9?RW?Rg8y0W>h_!M z|E#x7&!s!oR|}|PGi&E-+%BNuntFqEd^$(9+tR3_#Hdu&6IJymglI*d4R&*jfL6xM z+OfKZLc7IUqAE(V=<~qd2@k06ensA&g{6lorKd!n1)L`=pyjS^ztQKd)pTRSDC!Kb ze?kHpZE6Ww>NK^gn>1d;J{%nG0gX1bge-NK-s4x6XW;rlqQ%tfyVPlViFiB**MPn> zHa}7~X#&qpV2fKo{pFRpxM21?Tmo7dH*4+li`6`~fG;iqjny?2;=0E(aS6z7v6k}K z0sfc=G+a|}P!;7Y>m3k-c|g{2b1v%*5Qlj{s(mAs^#+K;JRqt#Vp(s1IPBkns2aw4 z1H@r}7q;~<7YJ|Ib2W4-~xFb_zQr8(9cAP)0@WR3Pa>kSZx{X3A4Pao?I z5Qlj{fick?tT#X$<^d&?-7-rW%_r77AO@G)cwL}>Baa>6k4r%D_wKxwWZBGP3;5y^ zP(Wma;uChFoW~aM#qE>m)ar^(S*Lr!YY+I~`c+0kX;Hc4B@gr51h%*abSyLNckuZv zBd&)$2lp>ig1B-Y&T$dwVyF*oT87>~W63^b}j> z)7ra7^r1#cmM27=1NO%&w&;eh$OGu}vdzbnlbS38!xPk@gb+&gBF_WPk=*TnWsE$2 z61DnmGDor5(zpJ^9gX<+RHIJx*_(qf&Z$`)9(hf#C26&B^?!)o5N>zK*33RXs`YP(3&+{K~~&hU@t^x9^-0 z5I9YLEq~=`bYvMpK;WvR%JLprtNDn4z-2oBfVT(;T;>xM-h+U^WnpI$=l=pwUl`JE SFYn3#0000cq|7*s!C1a`PW|z|@AKTh`@Ww0dY}7uUGa|g*0Rzn(f|Ni8@wd} z07w&F2cjh4cWW?N8~#Xz;9bH1P>U5k(49{UzHo3S#mbrDL_SZUdWHG|DwS$;o0n1yXDM=Hab5~Sy`~HCqAPN0p2P?{)lb=WH1L%ngh`MH zBX}tweCS!%wI;MC5RjUUIj&~?SJ@mJodDTaRg+hds79<;V$*HLTHW@nbR+WrCKuQX zQRQQ@aGPZ?%|U)~ZY|z{demtih3-)+TjokE%noKTY%{W&3HrcAS zxz4{^CRpecre+!1-n7)Q6WBKzqPlhdkW)2cT*-0eX0T!d+ltT+{t3of&t^(gsYC3< zmiW((W8^JIr8_d%`++qvLv~PKG&pIpGPHehElSYrr(mI-okrM3;X<_x5Z^LTQT&x7 z#tkexv1naDte?ly&#su^G{_&y2W!JwM~9cCN8LcfLJ(a`FU!I`Hd}?sV);?X(0Xe+ z6fpL@;lO)NpFYE>n6_=)uYOy%wHp=V?ZLk0nA$o}C(b)^R(xja-cYW(nhaMl`2-BL zGQ&6A8mZ#P-jAL*i`MY`%(J3rnKrETJ5$0R#f_{6RfFEnMQF``jzNB1VkHozEKul& z1+}MwVcZt-5F1qT0{?BNhmmWsUb!u!8nY|E_|-{SMo{`J2O96h?99LGM(zJc+RyXz zB8mQTw9bXKMS46`C)PNHQOb7`$^{b`&q)F~aCebNH(TwK6u)<&{%@Kj{qX{kF2UGX z6&4V$&#QrlP5Yq)roWua!_^z2ZRdXI3vKJ&-2!6rk8Of=Y+i32gbT%>^K->wZ<%i_ zO9P{i@xZFa9y^hiC(cuFSnoZ2{_F11T|lRc52^e{-RC zG=kpr(&7n)43boaBwG^RgpVnW6N{dtPnBZ`tV@}CwAkNzklmQEZA@>V9rNswCjP-_D@J`F8XF~fm0 zufhk%;Wbki|AIS9nT`jFr=Mbsv=}0Clkp&}VQGC8cfQG-!UajH4oJME&c!P)Xd+mK zAA-2{j6HVC>(9$vU~)NEs+(DUvE5Uj;s{@h({v_?k282en@Un{N)r9*CMU>sY39|d z7cS4`;FCQAFp8S!JtCke;|Rye6!7C;QK|x36f*s8{F$(zv_-2 z0V6qjVmhWu8b(N!X8ayQ%zr=@jqd7vThlrzss3)yZ^kAky0He=5Ebs3K6 zYe~VwJ~EXJ^LRR3IakN*GFUNEdU!qa#Th8Yp+u@<_1c@m+S-k=!(v&!saRo0(mZ;$ zg4Z@MQBc}TEh#HAa;&Ix6{t6sTocInlQxSKS>=i3;Gdl<%Ip!>o!9~pIo0NeQ!p%Y zr$1Fe|(AiB~{kv#Wdy>;iXOY+t&Y;mk3yjK~4< z=DNR^%UhoqFH-gBB?Qvb^%-X~w3%s4EH;(#;SKu0>Rd+iY`Z1)yv;Uu$1CNWaC2Cf zcRZ_u9%MvThl?|Nq+sB_Rh>qjobfvMNxj}rz>dIO_)PvYhG=CUUE*v36wlg zJ9bOykTh&k7N05%^%8O8sv;|TF`}y2(z(7%WL_pe1;A!g){=9k-wrml->XWO5Tdw; c)hd4racLLE%F2(@2D>$|v9h-;KIVDj|Fn(J>Hq)$ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-blackness.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-blackness.png new file mode 100644 index 0000000000000000000000000000000000000000..581cbc521c1cf102dc7e40813a13be55900193c2 GIT binary patch literal 886 zcmeAS@N?(olHy`uVBq!ia0vp^6M)!^gAGV(FbjACDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDFy~+W=|K#kcv5P@9g(}Tp+>r z;rQl2Pvx@_s!dY7O;(z>W-N?oeUz5VUS4|n;$Js$*^<&Leq4D8Y5C-HrC7(L;#hHZc6NpXOo2x0UO)QrLt@{1W*q@lL07>?7H%T0 z`NxA+2?u(6FTec3hCfkaQHYk}{PX**mp|ot^4pH9m8oc_Op`*x^U4Al_Gzh^{ciFZ zolKF_T8nn}eEnMLp792h5de30{LOx+@A>GqXYr`HdUCk>Q*?8)y(do;}dPFjklMlP_XbR|0c>jCG ztXY%#6jdLwMnyzS=u>cg#5!x{%!y!zl(h6@Fyqzx_tU|QA{lq9CXqsaliIF|#(DGR zEm8KESkd_I{rjb0MqYkCgt2bjI*8OGi)mnutFFJ^v2Wirpha$SkNNreeUD6FQkFgy zv{EE%t5jQi`_jcH43xDmynd~{ZTog#mx+nT?ztQ-ARd-W#IF0@pZoQb1keSJ8Zf?G8v1h}n>p$EUHzsZDSiD%d zx8j#m)@{qUxVQ~FcXoO$ZQ8xtdadD$$vyX6{(EapJ#^|6*R^Zc46LnJ+w!Si5Mupx z`@sVRVEi32a1mgUkdSD2Z1LjNt4ngdb{C3R7hOxdZDw=cS#P@Y%8)~U{`}cp9HHG#LBNV(;CZAjowRYd%a1(Bq&YkPJPoMVg>FN0pE;;4S>;Ujp_gZ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-blackness@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-blackness@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9212dceee9307f09517d6311f418d02aceed7ea9 GIT binary patch literal 1855 zcmXX{c|6o>7k_?(v81?^E?Fj7D-^?fbB(4hFS5+oqKIjvh{3fR#!MtqSzBDflr3Y| z)!1G}b(4u}E9%X1(G=$54w1e0nfK$5-|sx1^PKfL=X}piqJ!0LDJ3ZYz-}9B3nu^& z3_J%)py8hz6nqF0$q?&vVF0Kk3qK^CC-8+##c)gaaOdF5;ZYYueL+-Il)isZK$y?P z5MTY^&?|ZKW=a5{yKO8^xkNvl8zoq0(?O@8cf>P{o~T~beT`yUucWeGM9#VKzN9)wrHN3K0U4y=#?$~ZO+DD@m zeA#Ml+P&r(w?r!_53^Ly)J5=_dLGa0G)t{ONGVarf&p?I9UV_Wl4-3WAq$MI1_baX zwXh6wSd%Apd-H@g2K>SH>D*&kt} z=-NO~QBhi|Wm(kU+9rc=6Fa9I4S#d7x4%QK z%YoJ&_dnT;Z@+Kgt=~RwP%|7r)gmd1`t8}bZy(Iu`Ilc3XZien(r9}EDlifBa2CGt zIoCu?LqDa=&d$0xJ73{-S{{mj-knMM9!2rHOFr?bGckQ0`gZeh=_=o*<4#Xtfyy;6XRg5HmzR1 zNS5J0PudmQRaI4{QS-_IIs~V~fiRJzqyo65e&0Xfsz2bc!$T3s3->NoH-s;zF9=p7kRg4B!SeWHE<_AJ+A;T@%Lr=$_RxpHX`PY z`1EK?lrVw}o(R^^ki4TBJl1-A$KJ%m#T{Q%!DNy-eLHX`#O&;B>f)!HGm1cpv<7UP z==64>BhoDZO%hJVZywvpx32E^ZfWV90t7>NCXt~r+8Q(XRTRX83deKskV3-v!f;<- z#@T95f2tHCroKngk4!$j-@pqC^;O{;XBCJ1ROzW-X01UM3e@&US`X3{=_`Mq8#Dsl z*;NkstWV3-dqVp}0Rasrd zuw0ifw%FEwUyU=zMgN1(Gocv52J?PDFZcJ!@iv;XY5vg5m)D`#_VZ^*R=5CY}KQ^#Y=gPmxz!9DIepqSJO|l%C{X z=`FxDQ|%a^58A4 z*%466F9h05Z!r`S5gExUE3>L_tAT!NaVTse9LR=-2HksS${#&CrKy?L>WV&Uiozxv z2MqbaysriZx?H%B4_ki5hCz{Knl+9FQ9jgL8XFs@{y~Q0!K$ou(b?;yA?JvZ%^2nz zY?Pl)Q7eShZv{O;}BVit=f#3WQL=^5o?X}D=sqPPrqO3=MV zMTwF+TwPtu*=#pGJ-w%G|HneBbX8Za?9B0nLO~1^aHNd2o{O3vag2#sQ|lG%(gzBz z`VR)j{u8@A@gn(T!67_Q82!i&j+pK{NZVRpW_L=;G9Le^q%=_OToxaD8z4Hl2mTeL zlh?DonVZ)KQV%QK@(&3is-`DHWS&$~RP2YHs;S=razbVXG;i7-16qxq`ncE?A#zXV z<>n4RsF8#_0s_B~c(upd!^Lsj#N^*XVs2hdN1SNHG`(J}M!5WdjirM{^=VSV{{W*8 BR~!HU literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..69be3bbff0800396ca007ae3dbebe761bae1b15e GIT binary patch literal 981 zcmV;`11kK9P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H117b-; zK~#90?cHBUQ&9lN@pE@KwX2rKa{fsaON0!BEc{c53Wks-SRqu9)kFAHJ%sN)1on`< z^zWri!Dv0bd$%h} zjW2r51Rx6YgTtu?(T9M|EBI|D69GZgmS;Sb2neF4`WKEOAc%_lc2@;e^(q7e5%bxG z(ts+I4Fxqw{V)`F!ecMS;z%ZR2IQk~`yN>d0SCedeu)nX!`kke!G^jMp< zg}_;=s->dO18XNdpy|$gb?WS|YgE_sMV|#CCoG^vyCZq_)j)?H3blwj1FWBrfZTok zmcYn6E79m45&N)lxCi9!>$e2oj=m&1#jmV5!1a^pfMZMvj*LFR^-lcY8j!c|^>wQ0 z#XL8GEp7pQzj3z~7tHa8OF$u~$E5$9>)^2kd~pfL(_?MMbx(Za5|HNepX0Fu{4o#6 z)om@HnzoPi4v4`#pyg>-E$a;shj~DBY54%_4G@QYK$=>_dIQ8^ACOM7SZ{zh?C-+< zJ`4tN3V)RW>%u-DNm^jO0m3j3NHR!H)*B!W`+#KQIO`1%hy7hxLc$2^4G@QUKuLMo zHr5*;4)cIAPamI@j7A6R9T0=dZM>YK+~=_a{Ba2=`~0b=lEE;^V+;7=^ApINuFB^0 zb{<>67q?HMb1z>QASTmeUVFd?*RL`%n+~^2vf%^IO<;>_KwC;n{7QLg3$BOa2lp>i zGaBl=N=0ddBpcrI-iD1QWKCdArw5EGU)V=mk8JHP(;T%OPKyx!02^M0P!`^nnpy-QomPzwN{y_J9=?L*8&~$Y&s}y|NVD>x78r0L_3~{%G#74F=mJHlOJNU-hNmc z!g@M-g8sQvG~+7YRM4e;T;wL=ie~0%3sk{;dD1k~l`P|jK0Wcd@(4-=WN%z~E`wIS z3w*bzHuLvpfYqB4{l{S1BXnZ#V3Z3Z3SRz+eV?q*P*Z!ttR> z<`Z!~jsbY_i@W*^b4Q#?-UfCXvbrdpW;j69vd;HGst1car*+1!L?^s>89d<#=O6kN z{$TEe@iF1KDZ{A52OJM`|IzagcRr|jH!`AI>f9S}7Lj5Z7EENGw-?4g3hPhU(NQ~w zuf%ZJJ`ZfrIhTaR3}4;S4U)BV`vM_bay7)R$)jKD!C{XdvHUaUsL?>Y%BW#(Wargo za^an6>F8`vTwYV|@@T~7bl_z-Cl$22&i)X_oN|_3?`HQ&);3RQy#I(gk&@9T9rCGk zDWlX2T^Iq0uDGel<+p3q)e0y!Gn(9BaCa)2@nM92LDDFmk0^dev~N=VZnamfLiE0^ z6`%YH;>`J$KL%l6>p@FN(ihjL*wJ;It%pyc1}Ha9CI7*1q~E6ur>DPEzi#ZTSK8Z2 zmsLy)au%_e-fj_)LxHeXK;(}>DLb|dmC1xy>I4O_pO$0uW~A=a}7|dnE#Y#E7puW zBqfJ3eC{Q#@833y;yMA(cNA!Bo4BE=jFK)i2IXI?z&e3E`Aji^)-TZk+`%fK-Iz32 zSVmzf-LLE+j~gxlhb=JzyC!6_q}~FTPNzksA9oQbqelwBrz3-fULm5)`Kedn#nbI#V-zUiG$s^m^ zHs`M~F-<;tp45oc8J-2g_&iYxq%*t#J~=>$HSJSSd!YXvp*GMOoCO=J_-{U3J+Pux1|bFxbS%H*Ggxj3)}J3l-n?SCxe3CB!{~P;6+Z!Fw6s0t zj{o;B$WcqzAIRS=d&5s58PB)4;^f)2Ge1*|cE2;?qgi#j+FLFSB8LwC*6EX~Fo2mH z>YRcw=qdNF3m=z$=FV{26SX&s&;b)8JL%3?MNBE}*Z*GP(1gULhM-N+XnK-RlWPQq zU{cw`{N%76Y&u-6>#jX2>&5j>7&+l)%TH3XGW`S%V~%BA|1K3_Ka@@TQiDEdE^hp3 zW6<@}-;7H1OGE-CM8P-2iZGwcn*ITb_b`MnTys3WjOilQU#Vqm4;Su2y&VpV-S4!P z79vX#74V^fxe%k$53T)N^4PU;3=0FdZ=FMr8UcTl^CGxIz4|MC2Yw^m`Lv>Hq&XI| zI9cO(`iIp_cBTW|vI=sF5`RA7v8>%A)$=dLrxrb!i^_QpH3*JMI7jG~tO6!t&!s47 z(K3I5SeNRn8lk>dl~5C=XBBfIHmVj*(y%N+ZkHYsX%OdvIr&?~WMwstl# zMdvj0JR0Jrvp4_!As5-EkSrr~&ppVzlFwJIGlmMxSA-T7H=Jtu^!l_+U2p15@!{ZO zxm^hcl6 z09LOy?_1v}-9+8u>W@L~?%%XHY(KnPIThi(U8!{BdfP4Xj^yFCURMA37tT(ntL$LA zZo}d?zbduP6gYZ`?$VPZtEdC$;x=bfY+7Z9C9IrmzFEv3Usz7N@*YZejwDIbGeJbh zbK^pGp7T9Y)bX%kzR{vD4xw_WmG_85jjF4eeB)6mk8;_|0B`#j~L!DjGNr-b6t5R7H?Hmj*&reBk0pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H119C}3 zK~#90?cHBUQ&9lN@pJF>I(1qrhjVHuOHq@#Y@}xXNmCO{tA+R?f(lX;)tmO%OJoEU ziPTGC_@I(XRMmhwn2sb_F%<=m?j=}Fdd~tW%WeViZ zH7x;f!PyvNfXMq0uyq{?Hv}Ufa9M&@pMrqEWm+GfLIeaZ>9dp^P)Slc0s^O18_gP1 zV9*Uh2th#Llxm|{b15;cK@tQ5A%uAGJ`ijjuPr4h@qt0tSK=WE2>z!cGFE+JcXa4p zZE&*I$LE+zlG0Z{$L#`Y&nYk@2I(_3D&Hho6r;REF;pPLpAaJRJ{zp%76F;HI=MBs z&=R8dFOvn)%=rTbSKf+6vXJGn4VyVI8R~ch$Mm(N_X+U)u8CPXd zjAOY8bTJEPu(&J>7tEfANkC?;PLAHTqlU#6u*D>x*4#o1u6sNalYm0h{^cxofIaE~ zwdWKVWI^0Vdk6TS9#B${K8yAS@IyVI?JD2>v^Rhs>H*237)^Tv_@N$}eEM+2>QMSV37t?_5eeIvSJ=|Z6 z>mkp<{L9pH&pXHKhTa~vD#`%sZPJ=*boWcJhCY)f9qE}gd|8Cmbc=HYfb zN7L}Yd_euJ^Y5pB7uy|r;y&Jo=0e`T~B zJ|2EBI5<9=&e9@J+WViRMJjUg1JZxP(<3AQ{HtUnju<(3Q5O(4( z5IF71K;KmVuki~6FJa&+b6aEYqTSw&fWT!F3kwer5V-8k#8@u^0+&4=`8@U)$b`mE Ty|Y8100000NkvXXu0mjfnvu)d literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-light@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected-light@2.png new file mode 100644 index 0000000000000000000000000000000000000000..0f6fb8b90b4381f657b0894ae02cf02ca7a53fff GIT binary patch literal 2006 zcmXw4e>~G$A3xu1G9u*0Q>?9}uAWCobIWC{nv8x4x3%PDyHUw+run%o-K2Dlay^xw z5#{Gfe&^S{lBsS9k;&#!C}d&w#YWFpPtPCcoX>f`&gXqTpYuAe_xpr&uAr=D}fSGN$Y{0HA)#nYza#GV}8wFQ8`**FFu8#YmO?6Mu9Wq%4;Q<~y?b zEi3QTA6rDHM(?K64?ML}UAlF;f4SeF#-~5w#_vAQuQ4>Oh(U?1Hl{vnNPeArOjxYi zevnsYkWOT(iM#N9Tv(mtce0>yb>op{scd#y8Yc^jniJTEH_E)4T~7RTS`(Ns0$EpH zb&^qh+cz(=a$NY}?9m-?p)m?WNqUzSq5+|D9TOamALauSueTHKo4QN4Qo!}{K;QSc zjlLiB2*8=1p1trO5euPGJjxRyhrLwcT#8!e-xoGHgLgxeN}=7OzOL4`dJ51}jr z>yHUNvv8VZIA-o%f8A`y$#1$iT4OhrtT;5k$cW%-{ zIj2hip`Jfm4A5;YevIXCSwTTAwI;22Go4$ftDM$HP21@}S6k!dTH)@#OMj_ocg@<) zNQ^D*+K}FiT=phdb*0g0)Yy6s>ii!5)`wM#*_rF=)L_SkCYR>+Qdc5tFaz8pQ1p+x zSDIEfHQ3!=r^RiRO?!Na+Qy95%?<7S!yNmyQdK@`#{2R(!7ZFEgEEtWmr|y(kTT#8 zlawLnE!T@n6wfbyps`P3i9X0^w zny&EeAAA4S{*Akp=z;+Bx?%Kr+}{GyT0C`q_+=AJPxYb=dc||em{00M*c799LNA0?L$ z7YP2DO8T}vg{mw(d(?DL##^CwAG-<4EG)czO|3n@Z++D+>WoVO!9E$=nZ%Lai1|Fe z4g@^WgHB|-cMhfHsD!obFq%{RqacNk z5{x(zW8dQ*Y#UHFZ6hs644LlLI<75pT|!G?0G=SQnqdcnlz*sWXqO^Zf&q1!9-*ar z5>H6|VbBPeJXJs_rgybY%9gHsF=+miw+@u_HznU9d&=hY2nM_gTnVM{_dE19LX=+v z@VOV>iqw&^XxBcYdkmAZy1v5#bFXuK-{bb>hcd4NzwOF{j4I;zl8HK9qibzzCL|Dn zi`9k!BTB~Qn8F`k2l&*_! z$9(+6k@S<#F$~!T9D(OIn{n1i*}1a&o{TY7A^Qi#L}fpP4gYwPYKd_|!id~Wx$ z@IcNQEj!_NfJ)6%a>)2crEmnoVbiYmkqO_rqsR_-SmF3!Y)H^cbrd$Sb2*V8kJNKO zt-aGK8ui1S8u%+Sk}W4Ab;a&zUv*Yiq<=9udn)qX+7fT%GwO#2@Tt^es<^%@`s5rk zk+@^f6Q~@V)RElYEM8>(BY4=IE*wHLw<2GaO4Y1s{xaTwVHvN#iFrEI5kW=+l}m*$ zB}r1fR2GtZa^yDXcthW7D}d#(NhL+7ofk_`CVdip@jz5@g1em0EnkhiWSo+db1vFn zI`h1BpT#E$s`l2u&?dwgafjl9sCTT1Cs*~KeNmA-Awk!s`lCss&xK3Vu5YsG=~)x9 zuWDbPp=ssG|dT#+HM@QVeI3*vCF$Q z+RnVXvDD}(6NwfrKkjHPWPP}r*wv^VLfo?5XlI1rX2(ywDlT^)_w_T9P-gy3Vf6l| zFrlUg56uR6Ru3!UUGJJr!v7bk^)7DOzSK0@)x>$W3^N%Ipu_>X)mXGqn5J9FjOL@+ z*8g1B;+=ICkxIxe>z>ZqVX!UQ;rH)EP3M)CR&DBT@TR`#*m#5w-i7dr{7g@#(&dPv z`j@XLDpSn1c95ju4)^C$4@FiF&f%#T%eb(bn#tXraifx>&li32lp4Bxzh4FypYhH| zG&G0hVG&2@p1QCLW;etsnh&M>dadVWB6e`KxEJ@;zPk@@oo+|u`)-~s_oCIo%b|!!FI9zr>P~pjmCAZv^y1xcrtKyJWMU$ H%Z&do_Gq+~ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected.png new file mode 100644 index 0000000000000000000000000000000000000000..72a7dde0b63ebdbfbd60662029bf8e5f4636a9af GIT binary patch literal 865 zcmV-n1D^beP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10`5sf zK~#90?cFa(YjGIH@yEMk*e1hr`~%8S1T9W1eRxge0`fc$K@ebKVgiGMgXrz;MKYO$ z<3#SL6qSG+$3d}J#O&-W#>U31k3&r`4`_ON8q3Se=8b(G& zG$%=zT0m1%Q@mkrK`H?`j)Rqz6^$uUrV>!GSmb?Ai&6=wR4QrAkOA?4JkLWqotB;< zBjN!CK_ERrhQtFJA0L;VAVcB-4Gj%RPmm$;fV#W8r6TFE3bJT;%;w3sHZVTCdl!u&{vZ>uc?45@7N)zFx0metsSY2L~4O z^o?R&U0uH|hF@P_adL8ktE(%d(`j^ec3K>RzNjq<|LPzXi=j{`pj0aHJJdf+Bm(+d zUtb@BAV4;o{pTm{+S}W$k4FCyxqv7-;_-OnM>g~MJSHb6KfHzk(WhlH8I;Rq3=9l3 zuJJq3^l8;<6?1cQI6FIQTw_4gl&7aBEG;eJ?(Pm?KorK~<0IDB*8v7ZVO6VDoSvRC rAPVpJ_?Q7vc<1Nm42Z&eczD1cJ`|YIHfAeD00000NkvXXu0mjfL+ySR literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/row-selected@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b3e6e5db241a97cdb107a6c270cdd75eb0c59f26 GIT binary patch literal 1808 zcmXX{3pAAJ8-KsgxU)%CYjRsG(#FVNxtm(EVUaLyk*N$qw2UxV-|DDzam&FPrfJLM zvV(OQ$!)5oozzi{ieX%mN}6giE4Ru2owIw+_kHhkp7UIO-|ue#OFeSt>qJ|x(hM$?0#quj&RtpS6OiI4l0?J0;jkS?u=r|DjX-$Sx!SrrZiUC3} z#b44k1~F!ry-*xW8ev@#P_Kia{`AI>=3obXb0Y9gUU~(^a&vQhrQZe0=<>#17_ZOEMyqHyN(a+oCv%kQ@@S@REPo%Eo46{%7b2ADI2Q z#xeEB#n;0dbB^+e=(eyL*Q`@_mOY>RQEG!yvPwKXYHDiY6BDbYX*d<0(M(ELd;C+Y zj*gD{j*frs)i3e2jDg}}h70@)wfueOf4t^xe%ZS=K<(^ZMVTQQ1Ukn#RaN+bqqea5 z4()jjn6l(gDNcp#J-D*EBFc$=ZdnwV_?~m&Wjoh2& zhAJ3L)S+tD@56P$@f!DB<}$FuuAyc8XxfXvRLMa>l}wc96?L0?Vw|0`w#1)H`HhKE zs!iRH6QeD^!r)@DLYd!e_mp`-(gzg z0fnpi=;{w=buJ9}3>Uw)cQVkFo-3aDV9Ld4KRZN6(K5>h2^Yg|C>sY!HhK`yOIUG)vb9&Rf9#Eq& z0Ckt1U<=UsTNi;7g5!bJEQ@!dBNG!3IH^Frb)cKu*EcD}0a8mgHj&gBpOD}?4E%9J z%5`k^nXF7im%0KZTR&iFVQ$2A(N;<%+*jN3P5uu0yIm1t$@fOa{Zq+w6f@au3vEpg^m!TIPFpsArz$pkFV z@=cG1Dr|fY0DrR~JC}So|Ni$+Z4Llwn zaO~JMs1NgwV9?QoSW4UYlGFQ(EPS38PNi};rjhit2AV)S0xs#4~QPCzEY~ z6wZzU+0^tji=LHb@8s0*^^V}Wo}LM*8P7JNz#~sRdT=G%joKELMx({e+{tIZ2HgFa zx&Og~SIf(F;qq}JyUPVjy#IYm?Ef=Ea@2m$p2ohu!wJv+IB2Xza8+&5M1!!_)?HAH zpiGcVHp3@>-?xe=0@wTg>qY*oq>`x`ss!b%C9ExGyOxUOHyT#>OATCZaD9+BnM{@| z4Q{$9tShBfC=|B;BBOVS-cR*00kS;X(9ke4HdfDOv%R8TFE3zVJ@blN&XcE&A@&Xq zb#T5LF1zoqP=VmpliHtzeL3B3*~^5PMW}V{bm^NC;rO`4MJ)s+h!6MDYen7Z3ve&p zUHzcw{&n~4rrfSrBZzC)R-3~?xw#ufS5%<@JHf;v=ciB@zq2P0SbcqN1yI>%Cc09! z5tMSLH|w+X)x&LaeIFbgq|FX$qB!0~C|xii#wGVlH4L7Wt$mhX3Z|x}t40^~y@jlP Sttoh$0WXrDN7Ft^-v0r(#W#Kc literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg new file mode 100644 index 0000000..ad58085 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..9fcfe7b --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/close-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/close-symbolic.svg new file mode 100644 index 0000000..06201c3 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/close-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/close-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/close-symbolic@2.svg new file mode 100644 index 0000000..a26e6ff --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/close-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/devel-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/devel-symbolic.svg new file mode 100644 index 0000000..14843f0 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/devel-symbolic.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/maximize-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/maximize-symbolic.svg new file mode 100644 index 0000000..39316eb --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/maximize-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/maximize-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/maximize-symbolic@2.svg new file mode 100644 index 0000000..8095f75 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/maximize-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/minimize-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/minimize-symbolic.svg new file mode 100644 index 0000000..f3683b9 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/minimize-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/minimize-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/minimize-symbolic@2.svg new file mode 100644 index 0000000..741534b --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/minimize-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/mixed-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/mixed-symbolic.svg new file mode 100644 index 0000000..b12be3e --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/mixed-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/mixed-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/mixed-symbolic@2.svg new file mode 100644 index 0000000..9bb712e --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/mixed-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 0000000..9da9f06 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg new file mode 100644 index 0000000..b8c70db --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/select-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/select-symbolic.svg new file mode 100644 index 0000000..13bd982 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/select-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/select-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/select-symbolic@2.svg new file mode 100644 index 0000000..f491de4 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/select-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-checked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-checked-symbolic.svg new file mode 100644 index 0000000..747a499 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-checked-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-checked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-checked-symbolic@2.svg new file mode 100644 index 0000000..b7b1912 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-checked-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-unchecked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-unchecked-symbolic.svg new file mode 100644 index 0000000..fbff19f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-unchecked-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-unchecked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-unchecked-symbolic@2.svg new file mode 100644 index 0000000..0158c84 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/selection-unchecked-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..8e4689d --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..1a85fef --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-mixed-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-mixed-symbolic.svg new file mode 100644 index 0000000..63596f9 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-mixed-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-mixed-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-mixed-symbolic@2.svg new file mode 100644 index 0000000..2b5fe63 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-mixed-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..42e52c6 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg new file mode 100644 index 0000000..f4667d7 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-unchecked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-unchecked-symbolic.svg new file mode 100644 index 0000000..05e2817 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-unchecked-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-unchecked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-unchecked-symbolic@2.svg new file mode 100644 index 0000000..5aa85a8 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/small-unchecked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unchecked-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unchecked-symbolic.svg new file mode 100644 index 0000000..6d97559 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unchecked-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unchecked-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unchecked-symbolic@2.svg new file mode 100644 index 0000000..ea6af93 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unchecked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unmaximize-symbolic.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unmaximize-symbolic.svg new file mode 100644 index 0000000..492d47a --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unmaximize-symbolic.svg @@ -0,0 +1,46 @@ + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unmaximize-symbolic@2.svg b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unmaximize-symbolic@2.svg new file mode 100644 index 0000000..85f4f3a --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scalable/unmaximize-symbolic@2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..3a418f657089eba6203a8fa9351a66b8722ed1a4 GIT binary patch literal 453 zcmV;$0XqJPP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10a8gs zK~zYI?Ug-C13?gm-`P7&%zF~#LVbth`!SQ1;0YzCKdQWFc79_g9U98 zW9swxmVo`ic6?NnvZL!K-Ix}xPt#F{F94oXl+;~EES%(4pREOc5IEt8r~#PP-4H;1 zs2$H1rR?@fD&OEWCAJOV05B7d(v~Wz6p(;#0RIRkX)ORFV=REWRyU?^76RoYX#{j* zN+-shwSbwAO$9OG&|1(QPVWJzCeoQ|<6|!e)`E)XMGT!`EtI{(lHX3-C1t=NjPryo1_UR&X#iWA*o-xi@wIn)%ir+jVb_K vQ@E7?0G2L;NdPD<%16^4E5T3V@Be7;J;-cliWDb=00000NkvXXu0mjf&LzET literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f9cd27916ef6b715175c881fe6dfce726c40be87 GIT binary patch literal 685 zcmV;e0#f~nP)m!Pc_7C8vptI*d{N|^=H~& zv_aDriiHOOiw8JL6y3K3)hm#`SvyH1`ds3)(UL`t__X$9(yu^6${dvz;ylaR+K^sA zxS-CI9ojIqUckv2b*4P(u`LhrF+-*-Q`&$pcC Tvo0Q<00000NkvXXu0mjf7m_~Z literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..c9fe248d2be6ec9fbe66a451ce17506570949ff0 GIT binary patch literal 475 zcmV<10VMv3P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10cc4? zK~zYI?Uk`g!%!54PjhY(J0x>6If$i$uOJ%H7cfhqUHSrU`VtNt+RtCX?Q^nbvw0I;HgUaz;7rsk_eBW0#p#(GY!=zTVuZO3suRAp%IqBxF+obw$i<=b~pN;#fRr~A6_LI40j6h+Tzn(i(_ zq?F^yWU`ke$$injwxUIKI-O11wg&)!Wy320V16b|m{<2ycBc~HC;Iy@+9#3Tmd`3W RRpbBw002ovPDHLkV1hav&O!hH literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b6c0a0f6abcc295c3057eeb87a6e21bdb475bc2e GIT binary patch literal 739 zcmV<90v!E`P)b){`uIa1}l1#f$jD3W5q!Jt%~x zIi&XmLD+*w&%%l;egFkwJ9*p5cn~kkF6}d!7z+8{e>4AICrzFNrIfJBG3qW*HjO~t zX$0y{BT#o5fx6QO)E%aCF~@P%4a2y>7`wt4+d#xM001fFZz04%p68#kEE`8rbf{}j z)G^ErhrL?Z+qPf3uKS=&2jvs+Ja5~wtd{_QWeNa* zzu&*u>-9dX{PL$oN_jM&&o75zctB;9E+NaZp6MzN0Dy?yR;#tE#8OYdahwa?Zud(C z&kzyE@g?e=iCls)cDx4!lr5Z-1q(4W%e)qR1JdQKIi-~mD5okbd3d630>tu=UlU_gwFDydoWuhp}Ra( zFpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10a{5! zK~zYI?bR_$!$1@V@OSqv)Pz7gN+$;e&CsP&A>bj&>d?L4z)in~gOjt9_z|Sb`wAk` zL8&elKS4RtcZrKb!6vyA3JTu(-uwS@TyharRlzow+-mwi@GAh-)<8r%%zVbo6Km}r z001Jsb~>FKA;h)T+BD6Jrq`5+c8xLj%skjsN5omL*ULwv(YrT5M9LWR$jpaLPl$-K zFboG;Yu;3^J%h3=FWSNZ0Ian~Wm%rr)oX#GD8_B!F1<}VNL&GHZEbHYP*s(61%wbQ zZ$K$EcLk)BZ{9!<1b420QtH+l=yto8N~s5j@TY#if8`Afhr?AI$74iX)b$|ZB97zJ zBuNTy001CO(|H(%$5P5~Un(Mg1VNCcY1(*Jt(TqF`X!1Yy^ef^pJZ7!YnyMpi`Ewr z?Jt*05<;MBxEBBbFr7{h008nle|DYm0)Ddo{vYiVtOk6_63Zg300000NkvXXu0mjf D5Zu7o literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..79b0d8d7ee50bff9a45d716bcb8d3ba06fb3aeff GIT binary patch literal 727 zcmV;|0x127P)vnH}4JC^tqbc2eeqGDj61L8%1#K2Ms3IlwH z4#+trLs&b5c&WtBfYiwGDfTfS7St+v&S$Jh{_nr%`Tu=)z85scz&eZ7ZJ?~00ClSg zP`8=@b*l+bx0(QTtL?JbbUM9~rs>T*&wE8tY#U=X000p27h~)*W9*}p@^ugdr>=UU zi^JSxGTGExztmb^Utv@W&iOIte19+)d@b9%bb#@Ad?QWM!=flIks2eWzVGjaVR%%g zf2lQ~lzK3m&E8SX0{|Ff{4`BpDWwj|c(5LUBuRF))`!LzEM)-E_`ZM3b|kCdBJmZ{Si{tnUm9?5ed7eLaWgh-ar!D|Ivth|2kR-`gmSvwR*hBJew|kZP zXCj+G#GQ&Zz?Rl}hYFF66h$$hGF8?l2Usi?TU2IM8Dlo7jLisKrZR-u8&t+-4ODpm zB-geH@RQ1{D#jSOHaS46)%r$dRuv+Cr!wRK?RI-YWeBwul_3Z4Jns!6E~wlxA>u+x z`JT#=0|Y^E$~pf)<(A3wyyJeqU;PvU0O)i&w-NEohCSB=V>2n`9V^xb>h*d*eBa+k z#M0L}L^MK(J=<%h^*=of!y_TY6I=eTgbXgvuFQkWbN#9zT$%^h7n5ZnT$_g~ZdMnCsKPu{^)~u% zh^owktEa__q?CFJ01!pdy{dXt8sL9u?Vs110ClSgP`B1Tz;C6i*`Oo>K*Rt5002ov JPDHLkV1j8$Nv!|? literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-after-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..854f3a5605f3cc42ec9f47f3e5ef5798a1c0edf1 GIT binary patch literal 428 zcmV;d0aN~oP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10Xa!T zK~zYI?Uk`g13?f#-{cOhCAGHpYGY@>&Qc;)f}n?p=|U_l4hs=KKnoEO)apvHv9Yod zd$mYHG*yTn5WUOT2pY)l?F9lBnQ~|5J=h&)MO7JQFk%yPNGr|FcIl9TM zM3I+SK)bq$GGomDm3-7TvI~%vRQPWc2M{ppj8}85P4ML`0OKUt1kdh#eH}oc*Y13| z%r0nk&Oja<@Q?Tt7nubbhA}a#K+OWL5zDd$f$_bpyGTowCK@jQ)jrtuLSgUDQ)}axjVb_n^KjJd*%GPLHMlG}wJ}?iqdhY4Htv W6=~YiQh!1K0000m zGy&?S2~ampfVyb{)J;3(VDfbRBJJq|G`mTr*HPwe?) zfU_vCWn;J)<-xlGG9KJVWD}4W1Arpj^R9#|fIJ&rAuD&CSN=E-XmLXqx}U8=-z}7t zj}w{)IM0+v9-(;!fIWvM43&>oiDwVIw`&3s z-dQD%GCFw$9GZ2rIi%#RRb&qE=V9cHRTsdPE*4*{B40&mO_qTJm-cvmB4ytrbOq3b z{yxG(AjP}+DJt{c$4qxk*Sx!pQh4?M5G}M*nD70+L>)@n={`Yp**}1+YTg^gc!)k# zHSdjFAyihiQ>?|#pQJ4?he%|elzmNbh=k@z-I&b`k=Q&{be1QEsK7i`wZ{L2sK`92 zUM-$D`14_pqcdYr*&NM>?wV-=)J+qhZccrG-)Y#wD}OY^82|tP07*qoM6N<$g0PSz AH2?qr literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..2d499a84f062e2d12209b6b19feae95e7cffb17d GIT binary patch literal 423 zcmV;Y0a*TtP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10W?WO zK~zYI?UlVs13?sp&)r?a+E|FCNiY`T3kag1RvH6K5YmW^iug|I1Bin{V2QegiP28- z3RV_ESQ{fYyK^lhjX1M2l7$qW`tp68`6XsXo^f)ekDVY0MJWhHDHlOKY8K%-cW|9< z5Q({w3hGg_DAS}3U>-mjsna%q`08~82<#F$1!dfu(86N>y(ZIh$y!6_i*|!!jXg3o+jO0CQ0l+2t{*r>dfY7rLC}-7sAaP-gCl=O%$q#u-L?$hs{C7T6yEPYW>sCw`q#FXftb!+y zwN|y!S246t#m#2p%^#%e1RMhN2p|R!6XSuI5Bz~#)xk3xj3VRp;rt77$rl}tYR@?G RMkD|L002ovPDHLkV1f%%sZ#&| literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..026905dd5ebea3ac589e9cf9c0e8fcb1a749acd9 GIT binary patch literal 678 zcmV;X0$KfuP)v%(+i7k2zY2hw?Wy`xbzUn_dz;KN z(<=a^9ex0VG2f}ou4uw4f!bE*Jg5El00uNe|HDt-&qg<<=e|gTsx!d-{u7Vo0pKjf z=8+~S-hu1gwTlt)2LQ2V;4!2oiZ88St$mh+#5-UN-zcCw0K{3AHpG3z0mg(hV-4eq zG$IyYU__b`Ff0vd4)Ks8W6L>dKqHVTGPdkX0~&!nMaGtI(tuomct@PEN4&QD5NEU{ z&DbMfTP#3XmS}#f7NjPMTGEhMpff%9i9pNJ+{w@j=~Wood!dwZ55Nyi_6WY4D7vo+ zss!Ft>K}=C;m>u=87AV}nr|O2Ph{=M#%p3MIZ7}y7Tc4JRqX;!PhpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10Yphe zK~zYI?bW|Z#4sGd@g!|pXuAt83dbGjAR;(B`3mI+eSq6VeF%M%fg=Kjrw<@^ zE;n4Ef6OnflhP$^16R1g-zWKXY|#3~0RS)ofXN_06h&jt^MvPlPhlAD zuN8=*XzaS~17mEPF}4*1!F^w(6KKZ&4jCY=004{}$9ZhVn~3lGcK|SIYf#-gm` zD2iv!`9WI%5ocMJ9ma9|ZFGY)O)tCRgb-re_8w#GOt-EDIOkzk{C8Z}1!KUntlhqV zWm!AM0HxIK3$*Rk0!pd(z5pU>_iBN%EN}V(Qp#InV6j+SDWyKT;)pn#&*#_1fDi(g z%jF3ozO}`(EISoKpfNxQAxV;aQA&^VJim}qzE)MWs;X)wrF8I@1RTfNXt&#+8DpnZh8_kH!{u^$X+EF-pk|eBA3jhIp)&9YWE4dgCzHuHN{GAzwOZ|F0p$Sz1Y_(v zHKZbNg__BW5aKE|Ll$6+ZBjFN;hb-fGt__(;tVyD7tZ-vaz}{nD{o2VHn<3x%!~2xN4--A&7~ZV4eS3n9)6Ax^{J(_2b;kf!OUD2iS$ z7K@*zW*QYJgX;5o*;E2$Qwfw!B~Uh%K-rvlfj?)8<4=;c0`dR=002ovPDHLkV1mJu BKA`{r literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..c9f33fea4120ad80e538653e845072e836673da7 GIT binary patch literal 419 zcmV;U0bKrxP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10We8K zK~zYI?bV@9#4s2K@U86{%se>^x!ehY;1z0k1%krk5IhEW^gX}{Y!@h`b_TIv(6bZG zM%J$_YRN*fZar9X;{I~^_W!NTk}r17MRNwt+P-%H=X}jMU(W&vAy!)JR{(g=vh3_% z0U^Yyu4`efJu$`{Ypq|VBBMaRyn7accmXNpvT2&Pe)%sXlTt2s0`fdhlu}z`%wlN9 z7_(4HJr_kmgMq55?g8M!_jOSeMF4PKmgQYA0038G>xlX-A)C3v%V8N5JEo3$_XI_Lg+CVV2nYMB#aR9;VVzm^pY_K zLo@N%!Vy9oIp=QMw!P{8ER69NrF4T3dSZ-y``#Y~{+j(-I0s;s`~Yj*n{*EjHm3jp N002ovPDHLkV1l28tQY_Q literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..23df08787869935ac8ed696750ae265ec792c9b5 GIT binary patch literal 714 zcmV;*0yX`KP)BB5Kxa(`7De&QRe3@P zQA%y(dH&QSi{1et#MLxSKNCWj$-onkVHjQ?kH_CIA(I`r)j)Yd2w_snO>77)P?qHw zn?bA{VKZm}DdlBsrY=gUOV|urKx=&-o2iRZ3ca?8fWl@Fpw~tVP)dJcGl;bh(HU&O z^SlFWrY-=0x`YzL%jmvArWT&(32X)}003`HzNe}@{vMk<4bJ&H z?5{8}Jqt0$wkf4YCfR=h0KYls+a_5ffjEx8`o2E}0PAP->*MrYlTV-6+|a~v{M`5b zhc*)H@(-dYdS$$Z?H?So*=#e*vR&-)8UU8PUhhsE$FFVXTMLlCH#k>{qIgmi#mySK zDmmvL`u+aB;c)ofcD56Nip64aakX0AF3WN#rMyN6Ik$f6kTLd!G4?SCf)|6q;HRsZ wP6gVad%WH@oj}`k0&UX?v`r__HfLVo50|D7hHcCCJ^%m!07*qoM6N<$f_acU5C8xG literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-horz-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..220ac7f759faf8d358c9edcaaab764babaf79ab0 GIT binary patch literal 396 zcmV;70dxL|P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10U1d| zK~zYI?bRVq12GuJ@&7x@4bKt`8`(_|z5oV+!=TTQnF-`9mYkRv!9gYt5)=tx;VZC! zK@cnwg#}AOuDqy0NVw7tEo-aPWYDW)xy0(V z9PT&&6p%r$j+hb90$E}vANe9b0$P%0R$j8E#eB<~sk0000vv=?A%#Nrk|1(+J1!Cz0+NKj| zn@(UFGA;))UK}+!qcH&)mji@bh+dbw<>jX4G$Qc3{2#70C6QcULiw6TB$5hDDPNOZ zBAGxy`I@8>Ndye#Ym!Ms3pmQxB$1Gq%jt;ne>WItv9RQiI|XE=oJCm!#5;T&MVQrM z_}JCMBOrGc_mb;tV5ev31imBHj25F0)}ZeU^thd{Jirb#zv&5@cR-ex_LEg_fSzaI z6e_ejpmU@5mXLi1vW-&>l;_u)`AKsf`y4rD&x9^5$E^|1893y~gmTat@CfX7WJ1|v z4R{2$9GOrytpU#&_+-z7qF<~D&knqDWWvzQytYF?pW8Em27uRFvN8c0c{O}oC9R?l-emhmb zeJYuWEl-La_-C<|8~f1wG;kE;2(WAWrO%)*QF%dcb5;A7J|>&lJtJ$GPM~c%fwt)c h+NKj|n@*r@ega0_srgXYwVwb0002ovPDHLkV1oU@8fpLl literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..1de942d2ffdaa6e12749bc08d5fa23e628642cfc GIT binary patch literal 378 zcmV-=0fqjFP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10S8G$ zK~zYI?UX%E!$1&5-&jVga0PCFke~}!aAZn1p+>24A=jjVG7ujD=v<)OAUCiqcHbN;?Ue16a5^ zp}ljRyNj%H8#3=eoUv|z*z>-CPVplEang8zm1P9L8S8l>?)$n6%%TB12BkpV!@M?) zmeGJkmaTQKxexN)Xb(lPi3R}7^I~Nh9STf=SD^V^@**%bjShWXOlVa6hW`J!J_3UJ Y0MXx6_`+rdUH||907*qoM6N<$g4YV3EC2ui literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..1fd4725966e7db8c6a8ab15dccc86008c5adbc8c GIT binary patch literal 665 zcmV;K0%rY*P)R^k zO7Qle-9Ihccj*AVY0?MwfLlg&AtJk@_8=|Of2n66K2BZ%iNoLlnyPxxJ4s%a8H4i* ztY$u`pb+FD^4N7HoC0*G!&ZcTbDa6Vv5=^-IlABbVHKTbFM^L14j!PX%j|=TXkLLo zr81Zms5VxX8M1!d8O$w`eFdVR{|^Qa5QeI;RdU!u+Oa#u5TR>z>;Y8nnVsTnSOu4d z__l*nlr^hx(=KzlRWJt-FxTqBsJ(4-02Q5Cox%v_w(TpRa%6Q1w+$1kV-FBUBVcLu z3XuIm##YH3;BYHGL-}I$u0`du^%Tan3Td9d2No{w6`VIhobEzS0mcuXeg}P4(N@Y8 zc9RE#pDwcVIgoaCrU-9bYWF2_kk{kR6Z77`p!6$cd@}5*>Q|s?RL@a;o_2T4mFF_0 zPvTK~kY?l?D4&3=fRZEZH3HczJ9w)4Dse$~I&6iiu?X8Jcaha+6=jYvL-Z)qAa$uW zS5avIAKbLdoS8a+Z|VTPsRQ_?4&a+QfNy>SH!`UYawmba00000NkvXXu0mjf_p~3F literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider-disabled-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..8d117015bf7bbd0efee28852e4366a3d28533f3e GIT binary patch literal 389 zcmV;00eb$4P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10TM|> zK~zYI?bJ(Z!!QsAU`ZY$)n-@)-d3KlKr@v(_GsF?}+il-d&^uMNxdrvg~0PhKE(ht{lMgyouvDFBoGE#?x9SQp)Wx3}06n zztT70dEOJ(b@#B%6G8}M%<1)dug2r?PL&>vXTbBkiR-$1lu}xy0RVtFjwhxwVH7|J zvEjPzCzF5vEVR~16h$}Z^Z8e-YqW%H+kReG^JKN0y4~(G6Bj)LLWn`X-#@&7Gek#G zGzi1+Ge$x;!5G`RpaYPtYU3oV(Cv0_VV$zrw!MjU&;cl=*Rf7nEXzXIHVJSA>mX`h z#X6VjGDj&z@98E1ei}HX&|3e%I_Lme>tn1_7Nr!rHab9_=LcA)EJac5V;z%^I3R>* ztXBf1wGOcoI)Lx{M`@bA$9m_HW!XFIDNIavp)^e&X{{3z_bdQFN+}{sao2U-m)Pqy0LUas z?oX%Fw^hckpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10ToF^ zK~zYI?bJO^!!Q&F@aM0HT3&JlP+?~E5@qZK=tZEn$VDh8V2iSNW(^3AkR@?ZoY+j2 z7_c1+RRXDR_4EH{%OA)&2d6B2()2U%Cjc62P)e<|*1K^W@0@dM004y0Tb5;e&Uq!J zJcQ<>&^2wE=CbemXKU^CPvaQlRtT{visB;~P)e=3u6yx?e@F5>zxD0Jdj?wTT`U{` zz*>7V48y&50looa%r+Ljq}L0~^L(`wu-2}Vfs{fB*<^qa@}2;Ad%XZ->~Sf;7~3ZU zobw7}+{VH^N(Q8q2O-2Jgd87QS(cx^p5RLc0I2KwVw$E0W6bt=TL>Yql+q_k mX%z}z1pK!C|95=`qV)wAL~Z&a$RC0L0000%`34pWhl*!)+N8*4Gn?JV!ZgC^?K8W_p0K|*{N{Q7JF`181Q3z^&+wuf z$VwTYXvzRZQwAuSGCYVfI%jL2g$MJc_*xKr+Lm|X>A;g}hX?@3W z_VcOKr7=|x~!{LK0Jt)t>>d9{-B4la+04>YfP@M^- z0KV_9Pp8ulDo_5%CIAB4wy!vj^OfoIHb5?=?2#p^5XbRVs*@HeWtZxx1h_}MXEy%kR-_& zs*@H(JWF*>)nN_*5~`!}691q&1b$KlasVO30o6$h=bSvY$_%`xI%&~${TUwI#JU3aHasXPP#WhMN!m^fTAe_ h6ipeRXvzRZ^9%n8=DPsG@O=OP002ovPDHLkV1k?KRgM4v literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..99c7551a59ea78ac49c077643d192fc8131cff4b GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(@2T^vI^I^Rw)^gC=I(Yk-X zSI3E46QvbYBrILRrj_X>p5&AWXrHIReaa`&>bpSB#Hd2%W9uSZ#q6E6N;f4pYXz>% z-!lKc`s?~_E413LJXr8j{lI<(m0GryuY0acS<%<9`tB#G8OfjBR%gAoeZP98&3U~G zDV#CZI=V^RwH1Fl*gRs>Rp#f<`(S(I+4gm_ccf34WuzeUpzVrJ%5F|NDe1`GrSPgg&e IbxsLQ0P#(iLjV8( literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..e05f9841be198ade1cbebd6af5701dd2b04e532f GIT binary patch literal 642 zcmV-|0)737P)7gCGd;x=7Xp ze~PydaMgQq+?g&9J4z19PSs3kg?_FxZ*{%h)72j%s>=UNCw2l&Nd{t*48$fGh)psO zn`9t1S)0M+?bdlpR)8zOBCt?B8Uu%j>=7ory1x0fwKm(>%*pnPdGyQ^(3?Pa#_IuO zh=g2wj}9BR-PC}*8LWct0B4QTV~{oN=c6X=H<|kK=@2$Gofq7?Lg>hFQDV|RE^R012R=V~=E(6-z{03Za=~D_QYkKSP50BWr4rqVl zGa?T>wfh7CxUcIQ=5PNOZ5%1Df_|8uuuL2wog3PFXs$dbX}l6^KOa$qB~)JmMGZ*+ z-Jx49H%*?lZY6#Po1WCB*DA^dq`Fp7#?>OVPszwrZT{M3`bQR-WFR)lKx~qM*dzn7 cNd{u`6AQ1bYTlmitN;K207*qoM6N<$f^}~g0RR91 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..5b7e3704092408601d1b3332a968cddbf1e5119e GIT binary patch literal 403 zcmV;E0c`$>P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10U$|4 zK~zYI?UXx913?spzdI}9BUS-RMJqc|tTloNqNE7ywp!@F5>hA@P9X#l34$O53$0_9 zp!g3AB*^THjdnZxK!XZ7?aV#j9p;`Z&N+rDHB|Qz;7fDqzIX zws6*)Dj(lgDkiO7(#EvbyqGnyy#`i1<@W}ntDV|wVL+ty_@Ja(z*<^|K!@0FHul1o zq(ko?^h;_#hdIC^fx4?U^+F*4!a)x6FU=FHo9d;W%MB36QUL(Im;7oDo(g((i0yh~ zJM88Ih|~+1KNHxkq)GAuCf?!`;30>3V&|EF^Dulj*j?Z;#k^&Z4POSxN;03TVlX3z xI3kc`5C^X9;Iubcu77J){Dl7hx*h>C^#N@?WwX=YJU##b002ovPDHLkV1ldBq$mIY literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..37b581e965bd6883124dae6859893ae0d3786d5f GIT binary patch literal 685 zcmV;e0#f~nP)^pgW<)oeOoT$+*x!7uuYUOAdwmtk2we-!qfRIY(5LgG>}!fG@d$(BuX} zlN$(4ZXh(dfzTvbek|?OXC;m+Dx-N+=78hCA>gyX2SwjRabatFp|qP-PRZghccI%n znFtRRy$Zw=mj423Ivm|?FI5J=Nr_Annv=iKF+x5tpR@R>ErQeEF$u zm|F|QQ8iQX07^COH}2VnSy!OgYo18ZPX^P*3EOtEu0X=bWK=pMqK|AU;m|^I);`7( zrMld0u9+;gHXv}?NtA6K!%A2i&_Bn6>0nR^mnk&Wha{2xr;JMref3ggmu$7QSbnnK z5|z$YOt9Gb zF-~WpC`s-EKU`w}%QO#j+Y6;#RIgrnE^cv41kXauO%*Q?VL-$WR){h10gu@FLSwp(BuX}lN$(4ZXh(dfzbR0N+GjQ TcMtr?00000NkvXXu0mjfKQb^z literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..56705196e2acf7a40dc8ac1fd3056cf1bbedc677 GIT binary patch literal 433 zcmV;i0Z#sjP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10X|7Y zK~zYI?UX-C#Xu0oH<=eA38Xav3mc!}9TWrFi$VyPCMU4cO9(brsnS?1IfGbu0YOAX zkXJrDK$1;%Cu<{CNj5Y{L!S8WRcPr>b?a03BW{^;QRi>b=`B*G>-vb zQ%Z@5IIHVAa~$U)NfO@oUh5mvD2mn$!?*>2jkdTD;*l|SNGW|A4T$4-g%ENN09$<( zBI3L(%RNfzYg@dt2aK^(l{q1V0Dxy%)?E+;+oJ%cX`ZOezf5#})wb=MFbt=I0RXT* z6hL}@@_TzAgqV#nLd1Dd6uViLJq-eI&aa1>H%;@N=lOoyB=t4JM)Ic1^=Ql|<+3Z5!!P501JoV}WEVJ3Hc&qpa+EO1t5Jg;R!9yvc2)k)u z$pfetJ@^2gEp#71FCI3@gk;7`13l=H-z4o&$mg8N@B5kG?9NO;N=a@qRCj>7v;w+m z1$5I2=%y9WO)H=qv&ok+#s-wq`<+f_8vt$@hOt2iv4jx6gb>R-&%a42KLkN=)>KVs z;xIQH4sSb-GwpObcPn(Y;GBO+lH_p|Mdx*E*B0=7|B-FmuK=Kj87HNTlO)+cJv}|C zQ@_@4!1w*8NX__9*=kq<4u}T7r zv4QKlKPaVLm7@QGb3UETW>2x>l$MZXSw~HVCxj5&whtzg$!qL5bO#t?oBe+O=T+?? z*yV%{K`Gt2$_>zQoLx*O&_OKAx`R%I#J24N-}euzJc|}E3}Z_v6_To*P+3A7%Bhf4 z=>%Hfy1yd0BPF4ZT%$F$bs6|oi3Lz4evH#;*4|72foFz%}kPy7H`W#e$kR0a%sGFuSS*%xYd0cL!WbKvrg@K2x^0@~CIIvRz%Gj7 zw-91k6vfvp%icE;yrfY99o+aYbFF}GS^?d(0=j7hbkhpx<}c0j0PU9qu@?XU002ov JPDHLkV1ifiM<@UQ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..4e624a8887fb69bfa3d95a1e3543efdc7689cbea GIT binary patch literal 420 zcmV;V0bBlwP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10WnEL zK~zYI?UcVt#6S?nlik_FVj-lHv$2sw+q6L}k_Yf?eFZD;H3S=zR~tsNZW&##kHRxXb(#WV5d8G)a=3-TJN)Ib!+XI`?I87k=CAiMo1gb)+<*#AJhS$ZkOAD}l8Jy>n^CR7mx{{}^v z&F&udAMmQB^{kimu+EZAX1sJoL6^Llv_m1EYx3rOzw=%)Kd3Q=oM*td09RTAzG)5k zrZwQ3)_`wX1HK8H985~tqm*9PT3;>8vP%fLsI`uQAovCVM?nyb!Z3WBB*|e@IcXD{ zxjfI;tEzfZ6val3s#c7#kBqVHIF659b2}T5Qf@64i#@IN8YT_^W}NezX_~%r$?x2lAsH$q+N)?j2m9VM6C2Lhk>Qn-4fKqy<7fD*{ zmCtPq{BRM3K?t$i@Ap^!knvBRSq2mk;807*qoM6N<$ Eg5I@5LI3~& literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-after-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..53f1e3a176e5560aa87d6d3b321679d70e2b8bca GIT binary patch literal 395 zcmV;60d)R}P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10T@X{ zK~zYI?UX%B13?f#-(*Gd2TZAGWfv6dh+t>!wOXi^cB18BDWtRrBBW4k?hja43Bf|^ zSb3sYd8YP*+l*DZ+q*q9sE}!Q_PtqlW<*sPW>khs9|``1V5}%XqR8-izX=im^FRvP z1P)Q4z6ISXV(r*=yX`_`&WKti;W_ok%cQ zY^=5MF9?EmLX4e7V(Hy`EHq&Y&CZ#*WDw@5=gfKEIcH~Q=8CHFKa<545K1x-n`9t1 z$v|w9f!HJiv1!yfnT(1im7YbjMbHIc9ykd47334jJ1Ez+-QB1yXB~$*dG_QuS$QA0 z2ppI(yadKb+0j;aGdOps0U7i!AhH4+F@|m77TJpc literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..66ba8928e78f916fcd1525063acedde34ce836bb GIT binary patch literal 416 zcmV;R0bl-!P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10WC>H zK~zYI?UcVS1W^#jKW}#>ClQU7E2vN_BoaRg@heC33ZWqq|C5MLVJ{KnLZVYA z#US9KsDtbjo@CS4I!b!4lD_H8(QdZ~KFDxPNe31Ta4@HD9M>BIu59f^%$7BPteuEDZ-0^POaMMQ2~ne>I7_gv zVj8n?J3!hd1B?fO*ZKOmDk4ju20#?Z1q%Pir{XvC|Ic*`kg9hd6K=59MmY`u0000< KMNUMnLSTXcnW}UE literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f9a4bd83ac6ed6991900c38d820b7ab5b99e279c GIT binary patch literal 680 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3TAX~PbvH$7ERG^?_ ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$QVa}Crk*a2AsLNtXV_+o1d6oX zFD_1=9&uCR;x&O2@f#+bc(-V?!EAodOhvP#&8{vRt}J-MpOL(3j=i;q-LZ(6-ZF@xx-p%5vVA!4IbKYk6g&K9Mvo6b@z7(L>m>{s#dxqKn#&e#+ z?OY)rp8Zb?lakO3xI6p)^A;0>poRsj_L-bo(m0W+&^Cto;j&OqBRfy#_Bv+IwOhRw zY%BCMit}RL`OoQUX;b-<&O5IiSm%0p%D?t-UbNO_=3IpU_g!3vQ}m}?iCV4d@#Y=l zcAqA<=Z#Ivg^gc$?U&nU&M7UQ@u+IYx9CG@YZKC9>f`v8FSAF;Yc|*A3%0Z~sI^`^ z?^0vB?reGPvF-c9Jf+r_UV3~v!G>+abmd7+A3b_sM&5oDcxCModA;1SpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10YXVc zK~zYI?UcVt#6S?nC%dyD$s1_pA3PAO>_rq`!MJc-oyJal3Tx|taBu_>-yr%77KgF1 z(bOsK&g|`EZ4?4tk_&pGa9_84yWeky-C4^R1B(<}X!;WHCji*A!S{U|5zmDX$B4KA z0E~zpl~UJfnqI_ltn1EOb90Eh6sB@`)%JjYfx26uq)vtBSL!O% zS`RJD+6}|-ZI(at4!Yg$mgjkKQ#b$sB5o_CPOJPc04Zh1w(Wby*lJUF3DT?d%8Sp+ z8Dou=m&G|>tMYz#4*LE6(|9~SAfmKQ2oXKc1pojT3Xf~ f{r~TJ324+irLU2wgrrL<00000NkvXXu0mjfm0-HX literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7ce5aee8c5343ff034cd7edd84b71d82a48a64ac GIT binary patch literal 729 zcmV;~0w(>5P) zK~!jg?U+rA(?A%<=f%9VCqci!R@kdwKoAe=7bqc=l;f(ZE{;Z{FREJQ&!}nh2q8oWX;Dg_YiU((j-qI2+WZ37b*~3Ou%oJ5J3t)A z2d19+|3F>Wy`d^vE5Iga{tq*RTvFAn+==Hizj5;jAw((NRn;tAfo;wFZ!?6PRn{!K zD5c!$Pa}-6RMjjEkf!N=RaH-Fxl%v~@k3R!@+D4^WWX33YP(WE2%&tqTk9*dt(A~c zepJ=0y$@_*B?RaEm8wW-C*I^raL(TqMe$8lr+gMll4M{ygp_j3Ilrr;)#`~2KTa?n zkMHDpeyk(bZtBxC-Jgf3vsVCP>`|6wuXP8g-BR{?y_>C8>lwzlt)c^fpNz44S(Yik zxF<2v)CWPZ{v?q0RWCn7++vCfDKOlpSdQ0ZJGeKX#&`$31FKhfNg#OEkzCSX&INj00000 LNkvXXu0mjf_XtOZ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..bfe7e5fbbfee25abe615258df7fdba468128f8d7 GIT binary patch literal 426 zcmV;b0agBqP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10XIoR zK~zYI?UcVt#6S?nC$qaDA>;+LyYm_g8_N(}(L93K*hrO*2AU;3}Bcx4fP!u~& zdqp5}JGX0fpqPKBccO4#`|Zx}TV`f0V+^cPxYFutz@Gr{t^;|V+eJ~FDW#6I)`;Ev3{=S8)IUBHA{_jGO!~fH;mvRaM<;tv9=h&o!M+Pnx_>O`a#$ zT6ZS@C?Xm(dB3{{QpzVG#6DxJaVqM>Ie+d2004-h=+SlEJw$xz3lKtF_6ER$FX5cu zA>u`o|I;Eaj_MhW`I|y#{pZ9hSh2 UAABGE`2YX_07*qoM6N<$g1gAF@c;k- literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..23d9fea076e074f238d46410d60d19a1e52a69f5 GIT binary patch literal 729 zcmV;~0w(>5P) zK~!jg?U+xC(?A%;-*@sq?ZM05byYn21uBG07V%r`!9O=ag>^xSmmb#33VK*Xz34Yk zZ%t|`{Scx>{0a+hJ0zKm2it>Eww=ke!$N-NJo7%!yfev6PzV7R8DiQ%U77%SL z*V+SVn)VoDC$i=N0II5LF~&~PG<{yjgK`Jv=AYFmz90<4`*9qkR_%eU z{xm{F>3Zh|NRp%*1i_11uH-nC6|8&iArSwpD2t=HQVfa`@t8^dGxttJD_`d(J)9L(F z(JNnQk|gQ+zTZ=McP~Ih5d=Y(QuJc{F3dgJ~x zj*d(Ha5%i2=lQFmDDDU$R-Lc7=XswT$2m~B!2FMv01HN=(Uqbo_RF%2g%G=(^Bn+S zgpe~toH&j%uq^AN4&w{71~9>e|1;MFFijJ{G)(~0GyzQ01Tf7X-q`r`)Y#4500000 LNkvXXu0mjf(NIs# literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/scale-vert-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..3d2b6ebda4fd190e20fcefef298f87d906b02d1a GIT binary patch literal 400 zcmV;B0dM|^P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10Ub$1 zK~zYI?UW%)1Yr<{pVwWvAK+oq3up4o20>6vf_Z~z@eqSx7BR>L!&wExA~u8fBh+N@ z;J{?ka7GcMqPI5&5ft}!zeN`m?yWQ5`^+%kjLeKYHIS=&AMhstep-UUaFFifDrSqI z3BUtdh!cj&hZY1;;`^j;s{OqYJQ~QR;uC1`+MTzJt^3RXh4m5tsZvch$67tW1F$eQ^nO2+t87u#+aVJ0?`U0@^?K?c? zfZL2d*G>QcTia}7omt?<-Csw}0J3*-N%8486M&CSI+_7463m-;{z9)EAZ?QYRIB+6 u7ph207!^Rk6{7LuQ}G-6|L3|7NYxuDvslPobm-*(0000gk_11g)Wlp zKhP@wAcgjRkV-)f2;$5fi--|4n>qK+&PBLS|K4-nd(NHvF`}yc&$L1(;7c?RnrI+2 z(LiXTfzU()p=sASm~3X}D0B(rA}|Nc0N;U+Aa6ilGQ~)j(|5JStm7~zk2lV8f(=wJ zSD2Incuv{AqpP>xddK!PAcO1*$|f*vlzu@-G)Z6h#P?bQ($6|5Lx+GlT*lfz0uvXh$>e=23c={$pf@$=~b(!l7U}eo4VWPAA$6ORdTF>24?=xXbV=w zSObmC{2`~Ug7Fn-HU4N+S_NYbXwrLxaN8>-8=tI#W7mKt=>tSN&MDd0wF)YIg&M1b zvSXE0-Uk|}L{2F~tH^Yem~bVA)?FBvv(P~$YB#Y@F6%Brr~5$7?WCw&)3xpg7qRn& z=AfOl1NiI}3asf$cjP)i9aqXllqbMRqx3WAvR?0P`^5KtR?#HgqL4Y@8StZmBu99P z<_o^bQ`f7+@4*IlXDFu@5xE4+0%w44pkL9}YbakqF><+i9T_wJBMVG45SnNpG|@n4 fqJhvv1EKi|87aDyF*JU|00000NkvXXu0mjfLj@x` literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..ec7cfee8a50fd4a57547baed235e9bca18ce59ad GIT binary patch literal 651 zcmV;60(AX}P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10vJg| zK~z|U?buCg6G0ru@$ZygE$u4^sZTk2>{%qV2{t0_E0IDkUZrPSr4POWp-2uE4D=`> z2sXQ{wY^BS7qO`|f%cHetcN(8&C+B|c4s$-{7y5&EPVJ+W@b0SbzMd|6KMm&GU@Lu zR(5kJ)^NEG+(_8c0QQAYtL6FSBRwee5-(PEbF}yXOeYKr=0XTHr;(i{R;-Nx4q)0< z6VG&~18gtrXhiTpH~pI=>EB$xOzFnR@8U5qYElC#Df#*FQ|P?O&>04zWDEP{E6xrq z8b40Cwe+ax+{7!Wq{M!)&Dntkz{y^P-(Qb=&QBERRjz7#W7$%XncSV8&m;zH<958t z@eem!D)xOY5#X>mk^n}*VHy|}he==@I82>`O19cZNnp1QisOGOShK%it#6^4&BSq` zz?$V?ZEW%DbCv4z%}`|AxKLpIOwtFI#lvwMVvEo93*@p{V_hij>uB~Ld zay!&)Cstf25Fk^?cOlQ6!!D$WWgQ6E4=Jy%jN%yNn8_6Kw3v1JnV#1ZAH%M|iV-OMs`_jbIZKq9>?n8q>w?2I9P zU?W9GFn@Hz58O}3a!my9bkhS0p;m#5)KHz&q${52jt4ByFCPh^<^=8=pq>J(j^MRK l+}m4te5wb<_+S2r`3uDl8^tmb94r6;002ovPDHLkV1ntBCl3Gs literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..047374b7ead80c5d5ccc618b6be5517b9a440a15 GIT binary patch literal 1077 zcmV-51j_q~P)AFcQ%S zMKF=OwwRy?qlxIH5!x*vwOeR+JkXM|oo!)fJG--;?~U2X^5c`4{WD8OA%sB2dVEe7 zAbKPqVC(8o$q188tRipp<@21qm2s zz}P|?Y2AE^5i$)nG{EzGY7sIQj1BTy#~2C77zxN23CI`;$QTL87zxOjjs>h})YYj| zry~LPcXsjd!32K1oM%2)%N1#_Wq)TE>4|9+G8q&y834egJ2x$#ucJm_Jzg!p7MGbu zV#ff|@M>W}?1(8`%5NhTPoTKDW!lFV3|cz3=SSd4@Gi!p=#51!o!`@d?Z$(b0eRrT ztAM=l;6*^5c<>q^Z#;Mj&G)Jz5Z#Ig zRzNMALn@wtmdzdhtg5ynx)~2FfdBq%;?ww}BfMJdM07hISOBx1*HOxEQ;%t?inWK2 zq2*M|g`MQO>NFl$0K13!n|=-~X0u3*Pg)v@M-Ry^#{=s%uqQIu6w%6b7Gc`fhxsmS zC!%P0ujmoZ z+H)eRk2_{@J09A(9@ra;!XFHp{?kq~I0%A=b}whOn$Bhs1rI#d15b-65*~OhsGby2 zG(7NJk#2=3A|7}z>6;;niU%jYi5L+@#)DIzHEYj_s6Ot99LK&3iw;+dP@gs37zxN2 z3CI`;$QTL87zxN28sMG-b%>H(V*?HFH=kOBOoL71=3~GLw{irFqF~wB)&S@y`fPRQ zMw#QO5CzYTjSYa+Jws=>l_f|B@a)ad?XSjm>Rq^u&=`PKE|rN81s~4t>Gx@esDO*% zaH)*YFbH`HpwjjN-J1#lo}Brs55E{0*{5|d-Nm<-8w;;4AMV_!3{pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10yarR zK~z|U?buCg6F~sR@&D|E-Fi?9QjkK|Cbm$#sMJHii-@Ef(3d`~NLaKpOa`q;^6g&vpUTw!i-0kktWSj0=4tY*9!z}zVGdq(Vp_F2fqooZ9 zO2%CgYb!GxYpW>k0~Zsv90J=QDr#}*vtzQSSgftgaHM?%MiYkl^BY9oMxIRZv9>w@ zI64OP+OC`cJJUKSd0-dZFGiORLk6Yf`?fG0H!1Llr0vHBI+`zCn;si#4Bd&c=*CcP|N<0dQ<18a+nK`zs z1xDoAeoK_NKw#0#QMbxG&Q9~T7>tY>7YLjkyXv3{6Itq3xhv9;lC9!`2e-Vp8wwW) zeD&#r=bW_6+^Hj}Ym$vZiK3Zv+N!Mv)m9@EE)WP%Yd1Z}!bH}CjAL5+0`@{))(tkT za%?#I*=B0(CKoapUf#LuAiq3aWYjR6K2fYWfBM>}tF4A-B;B~E)|@|mpCtb2CWdKs z=Uhjf8yP2#Fh^aj-K6>R2Rr-Uq80fP>d!*lIEJ5{5yTBVOwr-bAG_cNZl_~8C5m@; z(FGKh&gEh1`NffVZdV*&=SEZHQPhEh6krD^*7+-Lsb@>y?M5-YT3K@16CUkVFna|hp+;Q z!b2DVMdBfBfTHmbCO|*%5Eekc@DK(-Kk*Dm4|Jf0qM_h+q0MXwh`ng&lkm zmGLIlSAE3;58(9oLdDmC?Ro;s_lI1~#FVCEF`dC>hnY8CSUL6BUWe;9aB^dcy9XoI2SVQgFsoi(aAShfx47`Pk3Jmx$Le5vitk~E_ph%NPj2ij9)leA z&nfP^EIzlL%)NAZHXHXZ{09v!oD{xWRG&0000anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-=ST^vIqTHoH#6O#&lSGe8OuzS=yW!}G4TKT{r%rnuXkm$-PYc}$y{ZEiQ^jC SjUqr_GkCiCxvX!SW!;6C1ugG*{T6CU#2)_j(G?InL9+`Hf*?u)`##NpZQiF63?RpHpnhpw7U@_@-Sl zH~Ssq9i|`iR8AHc&5T)pJ14BxW!K$zae*T98Efu5oE*g@5t02na+>WAvkK<0k9v$U z?K6y+lCyJ32t4!-mRj>Q6xO*EsC-JPF zE&X)m(&Bg7wHpOD>@qG9$XVkdk*v4u@=M>^yT3)ZUHit^)9fSGzWQfP-Lu~Zr43GR zV$aTHKOoLmdKI;Vst09~dF9{>OV literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/assets/selectionmode-checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..b539561ac53a187c5894166cc7a8979eed7ad167 GIT binary patch literal 316 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(4#T^vIqTHoH-$aTm-py8qY zyG8jI`}*t_{?O4YEiJef{^FfhMoq(xB?WCwhaHPre=nSnBOksg#zQl4XK40;{ay+D za~e68oQh{*TQGTnLR}&Morc`4AJ2Se`gXv>@Ze%bnVSVO^op7UBg~WkiZ$}GUbt1v zr}I&C_UXo3GAqvFB60%{_&dAbthVxau(daJ+v$=Cx7YIRkiH>k*C_j8!Hfqp%x62_ oJAYM=NxgINj0Gpp?0=*mZs0QWjpB;uKu)qSME0~-HN-915+EXe@31}h-p1BzwJ!zF07ru#`g z|LGuBIr+fp!`8+rpJ(fcaesL~&*mFj+qnis=C*gj1?(1Vb&R|lew>fzE#Q-3y#4x- zPneC1nfH!zWxJL24gCig4OZ7K)PA7$fwkh}gJ_vH`2(+`j;xzpnzJW5j;Vbsf0lXy z`wz=Ur?;J!xuO02xb#+!{NC`bjC(TmuQ}~~m2Tg><$m0X*h9eytGDa&o))RtwI_i4 z#r(%t)lTQ{x!%enVU%zJ

@{R)}q=Y^mir`u>}f?t@hOYRM(mxmk?+ziyuH`0G~O zir%_gY<_#~?-{a}oz}Pl^i+E4o27ZbFZ3OsCAeVz=_hUnzZ)@qS@qZPda9MSeMNlV zyNI)mlh;+Onfd7V_0L8-3*{@!nr=4n76i&Io1ZoP?WW%>SGeplo!NLK4N7>k6q@fH T)O3{wrUC{}S3j3^P6 rubberband, +.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, +treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { + --accent-bg-color: @accent_bg_color; + border: 1px solid var(--accent-bg-color); + background-color: color-mix(in srgb, var(--accent-bg-color) 30%, transparent); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 10px; +} + +flowbox > flowboxchild button.remove-button.osd { + min-height: 22px; + min-width: 22px; + padding: 4px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +gridview > child { + padding: 3px; +} + +gridview > child:selected { + outline-color: alpha(currentColor, 0.06); +} + +coverflow cover { + color: white; + background-color: #161b26; + border: 1px solid black; +} + +label.separator { + color: rgba(255, 255, 255, 0.7); +} + +label:disabled { + opacity: 1; + filter: none; +} + +row label:disabled, headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 10px; + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +.dim-label, row.expander:not(:checked) image.expander-row-arrow, row.property > box.header > box.title > .title, row label.subtitle, .content-pane headerbar entry > text > placeholder, entry > text > placeholder { + color: rgba(255, 255, 255, 0.5); + opacity: 1; +} + +.accent { + color: var(--accent-bg-color); +} + +.success { + color: #81C995; +} + +.warning { + color: #FBC02D; +} + +.error { + color: #F44336; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 32px; + padding: 0 12px; + color: rgba(255, 255, 255, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: white; +} + +toast, .osd popover.background > arrow, +.osd popover.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents, .osd { + color: white; + background-color: #161b26; + background-clip: padding-box; + border-radius: 10px; + border: none; +} + +.osd { + padding: 4px; + margin: 4px; + box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 11px 0 rgba(0, 0, 0, 0.12); +} + +.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; +} + +.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, row.button .title, listview > header { + 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; +} + +/**************** + * Text Entries * + ****************/ +.content-pane headerbar entry, entry { + caret-color: currentColor; + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: white; +} + +.content-pane headerbar entry:focus-within, entry:focus-within { + background-color: alpha(currentColor, 0.05); + color: white; + outline-color: var(--accent-bg-color); + outline-width: 2px; + outline-offset: -2px; +} + +.content-pane headerbar entry:not(:disabled):not(:focus-within):hover, entry:not(:disabled):not(:focus-within):hover, .content-pane headerbar entry:drop(active), entry:drop(active) { + background-color: alpha(currentColor, 0.08); + color: white; + outline: 2px solid alpha(currentColor, 0.08); + outline-offset: -2px; +} + +.content-pane headerbar entry:disabled, entry:disabled { + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); + outline: none; + filter: none; + opacity: 1; +} + +.content-pane headerbar entry > text > block-cursor, entry > text > block-cursor { + color: #0f111a; + background-color: white; +} + +.content-pane headerbar entry > image, entry > image { + color: rgba(255, 255, 255, 0.7); +} + +.content-pane headerbar entry > image:hover, entry > image:hover, .content-pane headerbar entry > image:active, entry > image:active { + color: white; +} + +.content-pane headerbar entry > image:disabled, entry > image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +entry { + min-height: 32px; + padding: 0 6px; + border-spacing: 4px; + border-radius: 10px; +} + +entry.flat { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: transparent; +} + +entry image.left { + margin-left: 0px; + margin-right: 6px; +} + +entry image.right { + margin-left: 6px; + margin-right: 0px; +} + +entry undershoot.left > undershoot.left { + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +entry undershoot.right > undershoot.right { + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +entry.error { + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: #F44336; +} + +entry.error selection { + color: white; + background-color: #F44336; +} + +entry.error:not(:disabled):not(:focus-within):hover, entry.error:drop(active) { + background-color: alpha(currentColor, 0.08); + color: #F44336; + outline: 2px solid alpha(currentColor, 0.08); + outline-offset: -2px; +} + +entry.error:focus-within { + background-color: alpha(currentColor, 0.05); + color: #F44336; + outline-color: #F44336; + outline-width: 2px; + outline-offset: -2px; +} + +entry.error:disabled { + background-color: alpha(currentColor, 0.05); + color: rgba(244, 67, 54, 0.35); + outline: none; + filter: none; + opacity: 1; +} + +entry.error > text > placeholder { + color: rgba(244, 67, 54, 0.35); +} + +entry.error > text > block-cursor { + color: #F44336; + background-color: white; +} + +entry.error > image { + color: rgba(244, 67, 54, 0.8); +} + +entry.error > image:hover, entry.error > image:active { + color: #F44336; +} + +entry.error > image:disabled { + color: rgba(244, 67, 54, 0.35); +} + +entry.success { + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: #81C995; +} + +entry.success selection { + color: rgba(0, 0, 0, 0.87); + background-color: #81C995; +} + +entry.success:not(:disabled):not(:focus-within):hover, entry.success:drop(active) { + background-color: alpha(currentColor, 0.08); + color: #81C995; + outline: 2px solid alpha(currentColor, 0.08); + outline-offset: -2px; +} + +entry.success:focus-within { + background-color: alpha(currentColor, 0.05); + color: #81C995; + outline-color: #81C995; + outline-width: 2px; + outline-offset: -2px; +} + +entry.success:disabled { + background-color: alpha(currentColor, 0.05); + color: rgba(129, 201, 149, 0.35); + outline: none; + filter: none; + opacity: 1; +} + +entry.success > text > placeholder { + color: rgba(129, 201, 149, 0.35); +} + +entry.success > text > block-cursor { + color: #81C995; + background-color: rgba(0, 0, 0, 0.87); +} + +entry.success > image { + color: rgba(129, 201, 149, 0.8); +} + +entry.success > image:hover, entry.success > image:active { + color: #81C995; +} + +entry.success > image:disabled { + color: rgba(129, 201, 149, 0.35); +} + +entry.warning { + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: #FBC02D; +} + +entry.warning selection { + color: rgba(0, 0, 0, 0.87); + background-color: #FBC02D; +} + +entry.warning:not(:disabled):not(:focus-within):hover, entry.warning:drop(active) { + background-color: alpha(currentColor, 0.08); + color: #FBC02D; + outline: 2px solid alpha(currentColor, 0.08); + outline-offset: -2px; +} + +entry.warning:focus-within { + background-color: alpha(currentColor, 0.05); + color: #FBC02D; + outline-color: #FBC02D; + outline-width: 2px; + outline-offset: -2px; +} + +entry.warning:disabled { + background-color: alpha(currentColor, 0.05); + color: rgba(251, 192, 45, 0.35); + outline: none; + filter: none; + opacity: 1; +} + +entry.warning > text > placeholder { + color: rgba(251, 192, 45, 0.35); +} + +entry.warning > text > block-cursor { + color: #FBC02D; + background-color: rgba(0, 0, 0, 0.87); +} + +entry.warning > image { + color: rgba(251, 192, 45, 0.8); +} + +entry.warning > image:hover, entry.warning > image:active { + color: #FBC02D; +} + +entry.warning > image:disabled { + color: rgba(251, 192, 45, 0.35); +} + +entry > progress, +entry progress > trough > progress { + margin: 2px -8px; + border-bottom: 2px solid var(--accent-bg-color); + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #161b26; +} + +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(255, 255, 255, 0.15); + color: white; +} + +.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(255, 255, 255, 0.7); +} + +editablelabel > stack > text { + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: white; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, var(--accent-bg-color) 0%, transparent 0%); + } + to { + background-image: radial-gradient(farthest-side, var(--accent-bg-color) 95%, transparent); + } +} + +.nautilus-window tabbar tab > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.background.touch-selection button, popover.background.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window tabbar tab > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:focus, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:hover, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:active, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:checked, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { + color: white; +} + +.nautilus-window tabbar tab > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:disabled, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window tabbar tab > button.flat:checked:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked:disabled, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled, popover.background.touch-selection button:checked:disabled, popover.background.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.5); +} + +.nautilus-window headerbar popover.background > contents button:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + outline: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(currentColor, 0.05); + background-image: radial-gradient(circle, transparent 0%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: white; +} + +.nautilus-window headerbar popover.background > contents button:focus:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +.nautilus-window headerbar popover.background > contents button:hover:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button:hover { + background-color: alpha(currentColor, 0.08); +} + +.nautilus-window headerbar popover.background > contents button:active:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, 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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 100% 100%; +} + +.nautilus-window headerbar popover.background > contents button:disabled:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); + filter: none; + opacity: 1; +} + +.nautilus-window headerbar popover.background > contents button:checked:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button:checked { + box-shadow: none; + background-color: var(--accent-bg-color); + color: white; +} + +.nautilus-window headerbar popover.background > contents button:checked:hover:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button:checked:hover { + box-shadow: inset 0 0 0 2px transparent; +} + +.nautilus-window headerbar popover.background > contents button:checked:disabled:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: rgba(255, 255, 255, 0.5); +} + +button { + min-height: 24px; + min-width: 24px; + padding: 4px; + border-radius: 10px; + font-weight: 500; +} + +button:drop(active) { + background-color: alpha(currentColor, 0.08); +} + +.card.category-tile-iconless, .nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check, +radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton > button.image-button.up, +spinbutton > button.image-button.down, tabbar tab button.image-button, +dnd tab button.image-button, splitbutton.flat > button, +splitbutton.flat > menubutton > button, menubutton.flat > button, .nautilus-window headerbar popover.background > contents button.flat:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar > button, +toolbar > button, dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + outline: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: transparent; + background-image: radial-gradient(circle, transparent 0%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(255, 255, 255, 0.7); +} + +.card.category-tile-iconless:focus, .nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus, +radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton > button.image-button.up:focus, +spinbutton > button.image-button.down:focus, tabbar tab button.image-button:focus, +dnd tab button.image-button:focus, splitbutton.flat > button:focus, +splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, .nautilus-window headerbar popover.background > contents button.flat:focus:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:focus, window.messagedialog .response-area button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar > button:focus, +toolbar > button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child), +combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: white; +} + +.card.category-tile-iconless:hover, .nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover, +radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton > button.image-button.up:hover, +spinbutton > button.image-button.down:hover, tabbar tab button.image-button:hover, +dnd tab button.image-button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, .nautilus-window headerbar popover.background > contents button.flat:hover:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar > button:hover, +toolbar > button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover { + background-color: alpha(currentColor, 0.08); + color: white; +} + +.card.category-tile-iconless:active, .nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active, +radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton > button.image-button.up:active, +spinbutton > button.image-button.down:active, tabbar tab button.image-button:active, +dnd tab button.image-button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, .nautilus-window headerbar popover.background > contents button.flat:active:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar > button:active, +toolbar > button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child), +combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active { + transition: all 75ms 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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 100% 100%; + color: white; +} + +.card.category-tile-iconless:disabled, .nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled, +radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton > button.image-button.up:disabled, +spinbutton > button.image-button.down:disabled, tabbar tab button.image-button:disabled, +dnd tab button.image-button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, .nautilus-window headerbar popover.background > contents button.flat:disabled:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar > button:disabled, +toolbar > button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +tabbar tab button.image-button:checked, +dnd tab button.image-button:checked, splitbutton.flat > button:checked, +splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, .nautilus-window headerbar popover.background > contents button.flat:checked:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar > button:checked, +toolbar > button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { + background-color: alpha(currentColor, 0.1); + color: white; +} + +tabbar tab button.image-button:checked:disabled, +dnd tab button.image-button:checked:disabled, splitbutton.flat > button:checked:disabled, +splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, .nautilus-window headerbar popover.background > contents button.flat:checked:disabled:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar > 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), button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: rgba(255, 255, 255, 0.5); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + +button.image-button { + min-width: 24px; + padding: 4px; +} + +button.text-button.image-button { + min-width: 24px; + padding: 4px; + border-radius: 10px; +} + +button.text-button.image-button label:first-child { + margin-left: 12px; +} + +button.text-button.image-button label:last-child { + margin-right: 12px; +} + +button.text-button.image-button.flat label:first-child { + margin-left: 8px; +} + +button.text-button.image-button.flat label:last-child { + margin-right: 8px; +} + +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: 10px; +} + +.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +.linked:not(.vertical) > menubutton:first-child > button { + border-radius: 10px 0 0 10px; +} + +.linked:not(.vertical) > menubutton:last-child > button { + border-radius: 0 10px 10px 0; +} + +button.osd { + min-height: 24px; + min-width: 24px; + padding: 4px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.5); + border: none; + background-clip: padding-box; + color: rgba(255, 255, 255, 0.85); +} + +button.osd:hover { + background-color: rgba(0, 0, 0, 0.65); + color: white; +} + +button.osd:active { + background-color: rgba(0, 0, 0, 0.75); + color: white; +} + +button.osd:disabled { + opacity: 0; + color: rgba(255, 255, 255, 0.35); +} + +button.suggested-action { + background-color: #4DB6AC; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(77, 182, 172, 0.25); +} + +button.suggested-action:hover { + color: white; + background-color: #5fbdb4; + box-shadow: none; +} + +button.suggested-action:active { + color: white; + background-color: #71c5bd; +} + +button.suggested-action:checked { + background-color: #68c1b8; +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(77, 182, 172, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #4DB6AC; +} + +button.suggested-action.flat:disabled { + color: rgba(255, 255, 255, 0.45); + background-color: transparent; +} + +button.suggested-action.flat:checked { + background-color: rgba(77, 182, 172, 0.3); +} + +button.destructive-action { + background-color: #F44336; + color: white; + box-shadow: none; +} + +button.destructive-action:disabled { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(244, 67, 54, 0.25); +} + +button.destructive-action:hover { + color: white; + background-color: #f5564a; + box-shadow: none; +} + +button.destructive-action:active { + color: white; + background-color: #f6695e; +} + +button.destructive-action:checked { + background-color: #f65f54; +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #F44336; +} + +button.destructive-action.flat:disabled { + color: rgba(255, 255, 255, 0.45); + background-color: transparent; +} + +button.destructive-action.flat:checked { + background-color: rgba(244, 67, 54, 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: 4px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +menubutton.circular > button, filechooser #pathbarbox > stack > box > button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, check, +radio, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action), button.image-button, button.close, button.circular { + border-radius: 9999px; +} + +menubutton.circular > button label, filechooser #pathbarbox > stack > box > button label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, check label, +radio label, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) label, button.image-button label, button.close label, button.circular label { + padding: 0; +} + +.floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button.image-button.up, +spinbutton > button.image-button.down { + min-height: 22px; + min-width: 22px; + padding: 0; + border-radius: 9999px; +} + +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: 10px; + border-bottom-left-radius: 10px; +} + +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; +} + +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 10px; +} + +.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: 10px; + border-top-right-radius: 10px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 10px; +} + +button.color { + min-height: 22px; + min-width: 22px; + padding: 4px; +} + + +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); +} + + +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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 100% 100%; +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #4DB6AC; + color: white; +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #F44336; + color: white; +} + +/********* + * Links * + *********/ +link { + color: #4DB6AC; +} + +link:visited { + color: #BA68C8; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #4DB6AC; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #BA68C8; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: white; + border-radius: 10px; + padding: 0; + border-spacing: 0; +} + +spinbutton:focus-within { + background-color: alpha(currentColor, 0.05); + color: white; + outline-color: var(--accent-bg-color); + outline-width: 2px; + outline-offset: -2px; +} + +spinbutton:disabled { + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); + outline: none; + filter: none; + opacity: 1; +} + +spinbutton > text { + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +spinbutton > button.image-button.up, +spinbutton > button.image-button.down { + padding: 0; + margin: 4px; + border: none; +} + +spinbutton > button.image-button.up:focus:not(:hover):not(:active):not(:disabled), +spinbutton > button.image-button.down:focus:not(:hover):not(:active):not(:disabled) { + background-color: transparent; + color: rgba(255, 255, 255, 0.7); + outline: none; + box-shadow: none; +} + +spinbutton:not(.vertical) > text { + min-width: 24px; + padding-left: 8px; +} + +spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 2px; +} + +spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 2px; +} + +spinbutton.vertical:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical > text { + min-height: 32px; + min-width: 36px; + padding: 0; +} + +spinbutton.vertical > button.image-button.up, +spinbutton.vertical > button.image-button.down { + margin: 4px; + min-width: 28px; + min-height: 28px; +} + +list > row spinbutton:not(.vertical) > button { + margin: 4px; +} + +list > row spinbutton:not(.vertical) > button.up:dir(ltr), list > row spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 2px; +} + +list > row spinbutton:not(.vertical) > button.up:dir(rtl), list > row spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 2px; +} + +/************** + * ComboBoxes * + **************/ +dropdown > button > box { + border-spacing: 4px; +} + +dropdown > button label { + margin-left: 4px; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu, +combobox > popover.menu { + margin-top: 4px; + padding: 0; +} + +dropdown button.combo cellview:dir(ltr), +combobox button.combo cellview:dir(ltr) { + margin-left: 0px; +} + +dropdown button.combo cellview:dir(rtl), +combobox button.combo cellview:dir(rtl) { + margin-right: 0px; +} + +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: 10px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -32px; + padding-right: 32px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -32px; + padding-left: 32px; +} + +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: 3px; + border-radius: 10px; +} + +.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: 10px; + font-weight: normal; + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: white; +} + +button.combo:only-child:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: white; +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + color: white; +} + +button.combo:only-child:active { + transition: all 75ms 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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 100% 100%; + color: white; +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: white; +} + +button.combo:only-child:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); + filter: none; + opacity: 1; +} + +.app-notification, .toolbar.osd, +toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 4px; + border-radius: 10px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; + color: white; +} + +.app-notification:backdrop, .toolbar.osd:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + padding: 4px; + background-color: #0f111a; + border-spacing: 0; +} + +.toolbar button.pill, +toolbar button.pill { + padding: 4px 32px; +} + +.osd .toolbar, .osd toolbar { + background-color: transparent; +} + +.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, +toolbar.osd.left, +toolbar.osd.right, +toolbar.osd.top, +toolbar.osd.bottom { + border-radius: 0; +} + +.toolbar.osd.bottom, +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, +toolbar.horizontal > separator { + margin: 2px; +} + +.toolbar.vertical > separator, +toolbar.vertical > separator { + margin: 2px; +} + +.toolbar:not(.inline-toolbar):not(.osd) switch, +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 6px 2px; +} + +.toolbar > button { + border-radius: 5px; +} + +.bottom-bar .toolbar { + padding: 4px; +} + +.bottom-bar .toolbar button { + border-radius: 10px; +} + +searchbar > revealer > box { + padding: 4px; + border-spacing: 0; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0f111a; + background-clip: border-box; + box-shadow: none; +} + +searchbar > revealer > box entry, +searchbar > revealer > box button, +searchbar > revealer > box menubutton, +searchbar > revealer > box splitbutton { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +.content-pane headerbar button:not(.suggested-action):not(.destructive-action), window.about headerbar button:not(.suggested-action):not(.destructive-action), .info headerbar button:not(.suggested-action):not(.destructive-action), .about headerbar button:not(.suggested-action):not(.destructive-action), headerbar.flat button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.content-pane headerbar button:focus:not(.suggested-action):not(.destructive-action), .info headerbar button:focus:not(.suggested-action):not(.destructive-action), .about headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:focus:not(.suggested-action):not(.destructive-action), .content-pane headerbar button:hover:not(.suggested-action):not(.destructive-action), .info headerbar button:hover:not(.suggested-action):not(.destructive-action), .about headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:hover:not(.suggested-action):not(.destructive-action), .content-pane headerbar button:active:not(.suggested-action):not(.destructive-action), .info headerbar button:active:not(.suggested-action):not(.destructive-action), .about headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:active:not(.suggested-action):not(.destructive-action), .content-pane headerbar button:checked:not(.suggested-action):not(.destructive-action), .info headerbar button:checked:not(.suggested-action):not(.destructive-action), .about headerbar button:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:not(.suggested-action):not(.destructive-action) { + color: white; +} + +.content-pane headerbar button:disabled:not(.suggested-action):not(.destructive-action), .info headerbar button:disabled:not(.suggested-action):not(.destructive-action), .about headerbar button:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +.content-pane headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .info headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .about headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} + +.content-pane headerbar button:backdrop:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.5); +} + +.content-pane headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:focus:not(.suggested-action):not(.destructive-action), .content-pane headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:hover:not(.suggested-action):not(.destructive-action), .content-pane headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.content-pane headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +.content-pane headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.content-pane headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +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), headerbar button:checked:not(.suggested-action):not(.destructive-action) { + color: white; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); +} + +headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +headerbar entry { + caret-color: white; +} + +headerbar entry, headerbar entry:drop(active), headerbar entry:focus-within { + color: white; +} + +headerbar entry:not(:disabled):not(:focus-within):hover { + color: white; +} + +headerbar entry:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar entry > text > placeholder { + color: rgba(255, 255, 255, 0.5); +} + +headerbar entry > text > block-cursor { + color: #161b26; + background-color: white; +} + +headerbar entry > image { + color: rgba(255, 255, 255, 0.7); +} + +headerbar entry > image:hover, headerbar entry > image:active { + color: white; +} + +headerbar entry > image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + color: white; + min-height: 40px; + padding: 0; + margin: 0; + background-color: #161b26; + border-radius: 16px 16px 0 0; +} + +headerbar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar:backdrop { + color: rgba(255, 255, 255, 0.7); + background-color: #1e2431; + filter: none; +} + +headerbar:backdrop > windowhandle { + filter: none; + transition: none; +} + +headerbar:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.info headerbar, .about headerbar, headerbar.flat { + color: white; +} + +.info headerbar, .info headerbar:backdrop, .about headerbar, .about headerbar:backdrop, headerbar.flat, headerbar.flat:backdrop { + background-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.info headerbar .subtitle, +.info headerbar .dim-label, +.info headerbar row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) .info headerbar image.expander-row-arrow, +.info headerbar row.property > box.header > box.title > .title, +.info headerbar row label.subtitle, +row .info headerbar label.subtitle, +.info .content-pane headerbar entry > text > placeholder, +.content-pane .info headerbar entry > text > placeholder, +.info headerbar entry > text > placeholder, .about headerbar .subtitle, +.about headerbar .dim-label, +.about headerbar row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) .about headerbar image.expander-row-arrow, +.about headerbar row.property > box.header > box.title > .title, +.about headerbar row label.subtitle, +row .about headerbar label.subtitle, +.about .content-pane headerbar entry > text > placeholder, +.content-pane .about headerbar entry > text > placeholder, +.about headerbar entry > text > placeholder, headerbar.flat .subtitle, +headerbar.flat .dim-label, +headerbar.flat row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) headerbar.flat image.expander-row-arrow, +headerbar.flat row.property > box.header > box.title > .title, +headerbar.flat row label.subtitle, +row headerbar.flat label.subtitle, +.content-pane headerbar.flat entry > text > placeholder, +headerbar.flat entry > text > placeholder { + color: rgba(255, 255, 255, 0.7); +} + +.info headerbar .subtitle:backdrop, +.info headerbar .dim-label:backdrop, +.info headerbar row.expander:not(:checked) image.expander-row-arrow:backdrop, +row.expander:not(:checked) .info headerbar image.expander-row-arrow:backdrop, +.info headerbar row.property > box.header > box.title > .title:backdrop, +.info headerbar row label.subtitle:backdrop, +row .info headerbar label.subtitle:backdrop, +.info .content-pane headerbar entry > text > placeholder:backdrop, +.content-pane .info headerbar entry > text > placeholder:backdrop, +.info headerbar entry > text > placeholder:backdrop, .about headerbar .subtitle:backdrop, +.about headerbar .dim-label:backdrop, +.about headerbar row.expander:not(:checked) image.expander-row-arrow:backdrop, +row.expander:not(:checked) .about headerbar image.expander-row-arrow:backdrop, +.about headerbar row.property > box.header > box.title > .title:backdrop, +.about headerbar row label.subtitle:backdrop, +row .about headerbar label.subtitle:backdrop, +.about .content-pane headerbar entry > text > placeholder:backdrop, +.content-pane .about headerbar entry > text > placeholder:backdrop, +.about headerbar entry > text > placeholder:backdrop, headerbar.flat .subtitle:backdrop, +headerbar.flat .dim-label:backdrop, +headerbar.flat row.expander:not(:checked) image.expander-row-arrow:backdrop, +row.expander:not(:checked) headerbar.flat image.expander-row-arrow:backdrop, +headerbar.flat row.property > box.header > box.title > .title:backdrop, +headerbar.flat row label.subtitle:backdrop, +row headerbar.flat label.subtitle:backdrop, +.content-pane headerbar.flat entry > text > placeholder:backdrop, +headerbar.flat entry > text > placeholder:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar .title { + padding: 0 8px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 8px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label, +headerbar row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) headerbar image.expander-row-arrow, +headerbar row.property > box.header > box.title > .title, +headerbar row label.subtitle, +row headerbar label.subtitle, +.content-pane headerbar entry > text > placeholder, +headerbar entry > text > placeholder { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop, +headerbar row.expander:not(:checked) image.expander-row-arrow:backdrop, +row.expander:not(:checked) headerbar image.expander-row-arrow:backdrop, +headerbar row.property > box.header > box.title > .title:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop, +.content-pane headerbar entry > text > placeholder:backdrop, +headerbar entry > text > placeholder:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar headerbar { + background-color: transparent; + box-shadow: none; +} + +headerbar splitbutton { + border-radius: 9999px; +} + +headerbar splitbutton > button, headerbar splitbutton > menubutton > button { + min-height: 24px; + min-width: 24px; + padding: 4px; + border-radius: 9999px; +} + +headerbar splitbutton > button:dir(ltr), +headerbar splitbutton > menubutton > button:dir(rtl) { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +headerbar splitbutton > button:dir(rtl), +headerbar splitbutton > menubutton > button:dir(ltr) { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +headerbar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 10px; +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +headerbar button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +headerbar button.toggle { + border-radius: 9999px; +} + +headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton { + border-radius: 5px; +} + +headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 0; +} + +headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):first-child { + border-radius: 5px 0 0 5px; +} + +headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):last-child { + border-radius: 0 5px 5px 0; +} + +headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):only-child { + border-radius: 5px; +} + +headerbar stackswitcher { + border-radius: 9999px; +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active { + color: white; +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { + color: white; +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active { + color: rgba(255, 255, 255, 0.7); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked { + color: rgba(255, 255, 255, 0.5); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar > windowhandle > box { + padding: 4px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 4px; +} + +headerbar > windowhandle > box > box.start:dir(ltr), +headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), +headerbar > windowhandle > box > widget > box.end:dir(rtl) { + margin-right: 4px; +} + +headerbar > windowhandle > box > box.start:dir(rtl), +headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), +headerbar > windowhandle > box > widget > box.end:dir(ltr) { + margin-left: 4px; +} + +headerbar.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); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background-color: var(--accent-bg-color); + color: white; +} + +headerbar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode .subtitle:link { + color: white; +} + +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 .selection-mode { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background-color: var(--accent-bg-color); +} + +.tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +headerbar.default-decoration { + min-height: 22px; + padding: 0; + background-image: none; + background-color: #161b26; + border-radius: 16px 16px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; + border-radius: 0; +} + +headerbar.default-decoration > windowhandle > box { + padding: 0 4px; +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + padding: 0; + min-height: 22px; + min-width: 22px; + margin: 4px 0; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +window.devel headerbar > windowhandle { + background-image: cross-fade(5% -gtk-recolor(url("assets/scalable/devel-symbolic.svg")), image(transparent)); + background-repeat: repeat-x; +} + +headerbar windowcontrols { + border-spacing: 4px; +} + +headerbar windowcontrols.start:dir(ltr), headerbar windowcontrols.end:dir(rtl) { + margin-right: 4px; +} + +headerbar windowcontrols.start:dir(rtl), headerbar windowcontrols.end:dir(ltr) { + margin-left: 4px; +} + +headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) > image { + padding: 0; + border: none; + outline: none; + box-shadow: none; + background-color: transparent; + background-image: none; +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 4px; + padding-right: 4px; + border-radius: 10px; + border-spacing: 2px; +} + + +pathbar > button label, +pathbar > button image { + margin-left: 2px; + margin-right: 2px; +} + + +pathbar > button label:not(:only-child):first-child { + margin-left: 0; +} + + +pathbar > button label:not(:only-child):last-child { + margin-right: 0; +} + + +pathbar > button.text-button { + min-width: 0; +} + + +pathbar > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +.pathbar { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.7); + border: none; + border-radius: 10px; + padding: 2px; +} + +headerbar .pathbar { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.7); +} + +headerbar .pathbar button { + margin: 0; + min-height: 20px; + border-radius: 8px; +} + +.pathbar > button { + margin-top: 0; + margin-bottom: 0; + min-height: 20px; + border-radius: 8px; + border: none; + box-shadow: none; +} + +.pathbar > button:last-child { + background-color: alpha(currentColor, 0.1); + color: white; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #404040; + border-top-color: #404040; +} + +columnview.view:selected, +treeview.view:selected { + background-color: #161b26; + background-image: image(alpha(currentColor, 0.1)); + box-shadow: none; +} + +columnview.view:hover, columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; + box-shadow: none; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(255, 255, 255, 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; + color: rgba(255, 255, 255, 0.7); + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +columnview.view.expander:dir(rtl), +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.expander:hover, +treeview.view.expander:hover { + color: white; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: var(--accent-bg-color); +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: rgba(var(--accent-bg-color), 0.65); +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(255, 255, 255, 0.3); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid var(--accent-bg-color); + 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(255, 255, 255, 0.15); + 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: none solid solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; + background-clip: border-box; +} + +columnview.view > header > button:not(:focus):not(:hover):not(:active), +treeview.view > header > button:not(:focus):not(:hover):not(:active) { + color: rgba(255, 255, 255, 0.7); +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: #161b26; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: none; +} + +columnview.view > header > button sort-indicator, +treeview.view > header > button sort-indicator { + min-height: 16px; + min-width: 16px; +} + +columnview.view > header > button sort-indicator.ascending, +treeview.view > header > button sort-indicator.ascending { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +columnview.view > header > button sort-indicator.descending, +treeview.view > header > button sort-indicator.descending { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +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(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #161b26; + background-clip: border-box; + color: var(--accent-bg-color); +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: var(--accent-bg-color); +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #161b26; + color: white; +} + +menubar:backdrop { + background-color: #1e2431; + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); +} + +menubar > item:selected { + transition: none; + background-color: alpha(currentColor, 0.1); + color: white; +} + +menubar > item:disabled { + color: rgba(255, 255, 255, 0.3); +} + +menubar > item label:disabled { + color: inherit; +} + +menubar > item popover.menu popover.menu { + margin-left: 6px; +} + +menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; +} + +/********************** + * Popover Base Menus * + **********************/ +popover.menu box.inline-buttons { + padding: 0 12px; +} + +popover.menu box.inline-buttons button.image-button.model { + min-height: 24px; + min-width: 24px; + padding: 0; + border: none; + outline: none; + transition: none; +} + +popover.menu box.inline-buttons button.image-button.model:selected { + background-image: image(alpha(currentColor, 0.06)); +} + +popover.menu box.circular-buttons { + padding: 4px; +} + +popover.menu box.circular-buttons button.circular.image-button.model { + padding: 4px; +} + +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: 2px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; + padding: 0; + color: white; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover.background > arrow, +popover.background > contents { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 4px; + box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 11px 0 rgba(0, 0, 0, 0.12); + background-color: #1e2431; + border: none; + border-radius: 9px; + color: white; +} + +popover.background:backdrop > arrow, +popover.background:backdrop > contents { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} + +popover.background > contents > list, +popover.background > contents > .view, +popover.background > contents > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background > contents > scrolledwindow > viewport > stack > box { + padding: 0; +} + +popover.background > contents separator { + background-color: rgba(255, 255, 255, 0.12); + margin: 2px 0; +} + +popover.background > contents list { + background-color: transparent; + padding: 0; +} + +popover.background > contents list > row { + padding: 4px 8px; + margin: 0; +} + +popover.background > contents list separator { + margin: 0; +} + +popover.background > contents button, popover.background > contents entry, popover.background > contents spinbutton { + border-radius: 5px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #1e2431; +} + +popover.background .linked > button:not(.radio):first-child { + border-radius: 5px 0 0 5px; +} + +popover.background .linked > button:not(.radio):last-child { + border-radius: 0 5px 5px 0; +} + +popover.background .linked > button:not(.radio):only-child { + border-radius: 5px; +} + +popover.background modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 48px; + padding: 2px 6px; + border-radius: 5px; + color: white; + font: initial; + text-shadow: none; + border-spacing: 4px; +} + +popover.background modelbutton:focus { + box-shadow: none; + outline: none; +} + +popover.background modelbutton accelerator { + color: rgba(255, 255, 255, 0.5); + margin-left: 20px; +} + +popover.background modelbutton accelerator:disabled { + color: rgba(255, 255, 255, 0.12); +} + +popover.background modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover.background modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +popover.background.menu button, +popover.background button.model { + min-height: 32px; + padding: 0 8px; + border-radius: 5px; +} + +.osd popover.background, popover.background.touch-selection, popover.background.magnifier { + background-color: transparent; +} + +popover.background listview { + padding: 0; +} + +popover.background listview > row { + padding: 4px 8px; + border-radius: 5px; + margin: 0; +} + +magnifier { + background-color: #161b26; +} + +/************* + * Notebooks * + *************/ +notebook > header tab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 22px; + padding: 4px 8px; + border-width: 1px; + border-color: transparent; + border-style: solid; + outline: none; + background-clip: padding-box; + box-shadow: none; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +notebook > header tab:hover { + background-color: #404040; + color: white; +} + +notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +notebook > header tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #161b26; + background-clip: padding-box; + border-color: #404040; + color: white; + box-shadow: none; +} + +notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +notebook > header tab:checked.reorderable-page { + background-color: #161b26; +} + +notebook { + background-color: #161b26; +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: #131823; +} + +notebook.frame { + border-radius: 10px; +} + +notebook.frame frame > border { + border: none; + border-radius: 10px; +} + +notebook.frame frame > list row.activatable { + border-radius: 10px; +} + +notebook:focus tab:checked { + box-shadow: none; +} + +notebook.frame > header.top { + border-radius: 10px 10px 0 0; +} + +notebook.frame > header.bottom { + border-radius: 0 0 10px 10px; +} + +notebook.frame > header.left { + border-radius: 10px 0 0 10px; +} + +notebook.frame > header.right { + border-radius: 0 10px 10px 0; +} + +notebook > header { + border: none; + background-color: #0f111a; + padding: 0; +} + +notebook > header.top { + box-shadow: inset 0 -1px #404040; +} + +notebook > header.top > tabs { + margin: 4px 0 0; +} + +notebook > header.top > tabs > tab { + border-radius: 10px 10px 0 0; + border-bottom: none; +} + +notebook > header.bottom { + box-shadow: inset 0 1px #404040; +} + +notebook > header.bottom > tabs { + margin: 0 0 4px; +} + +notebook > header.bottom > tabs > tab { + border-radius: 0 0 10px 10px; + border-top: none; +} + +notebook > header.left { + box-shadow: inset -1px 0 #404040; +} + +notebook > header.left > tabs { + margin: 0 0 0 4px; +} + +notebook > header.left > tabs > tab { + border-radius: 10px 0 0 10px; + border-right: none; +} + +notebook > header.right { + box-shadow: inset 1px 0 #404040; +} + +notebook > header.right > tabs { + margin: 0 4px 0 0; +} + +notebook > header.right > tabs > tab { + border-radius: 0 10px 10px 0; + border-left: none; +} + +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: -8px; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: -8px; + -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: -8px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: -8px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; +} + +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -4px -12px; + padding: 4px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -8px; +} + +notebook > header tab button.flat:first-child { + margin-left: -8px; + margin-right: 4px; +} + +notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 8px; + padding-right: 8px; +} + +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.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left tabs, notebook > header.right tabs { + padding-top: 8px; + padding-bottom: 8px; +} + +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.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 10px; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #161b26; +} + +scrollbar.top { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar > range > trough { + box-shadow: none; + 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(255, 255, 255, 0.3); +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(255, 255, 255, 0.5); +} + +scrollbar > range > trough > slider:active { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar > range > trough > slider:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +scrollbar > range.fine-tune > trough > slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar > range.fine-tune.horizontal > trough > slider { + margin: 3px; +} + +scrollbar > range.fine-tune.vertical > trough > slider { + margin: 3px; +} + +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; + box-shadow: none; + outline: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { + padding: 0; + margin: 0; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(44, 44, 44, 0.3); + box-shadow: none; + outline: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(44, 44, 44, 0.3); + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +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: rgba(60, 60, 60, 0.9); +} + +scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.hovering > range > trough { + padding: 0; + margin: 0; +} + +scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough > slider { + margin: 3px; +} + +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); + margin: 4px 0; + padding: 0 2px; + border: 5px solid transparent; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.3); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: color-mix(in srgb, var(--accent-bg-color) 50%, transparent); +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; + color: transparent; +} + +switch > slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: -3px -2px; + border-radius: 9999px; + outline: none; + box-shadow: 0 0 0 10px transparent, 0 2px 2px -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); + background-color: #1e2431; +} + +switch:focus > slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -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); +} + +switch:hover > slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -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); +} + +switch:focus:hover > slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 2px 2px -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); +} + +switch:checked > slider { + background-color: var(--accent-bg-color); + color: var(--accent-bg-color); +} + +/************************* + * Check and Radio items * + *************************/ +checkbutton, +radiobutton { + outline: none; + border-spacing: 4px; +} + +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; +} + +popover checkbutton.text-button > check:dir(ltr), popover radiobutton.text-button > check:dir(ltr) { + margin-left: -12px; +} + +popover checkbutton.text-button > check:dir(rtl), popover radiobutton.text-button > check:dir(rtl) { + margin-right: -12px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: -6px; + padding: 6px; + border: none; +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: #81C995; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.3); +} + +check:not(:hover):focus, +radio:not(:hover):focus { + background-color: transparent; +} + +popover modelbutton check, popover modelbutton radio { + margin: 0; + padding: 0; +} + +popover modelbutton check, popover modelbutton check:focus, popover modelbutton check:hover, popover modelbutton check:focus:hover, popover modelbutton check:active, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:focus, popover modelbutton radio:hover, popover modelbutton radio:focus:hover, popover modelbutton radio:active, popover modelbutton radio:disabled { + transition: none; + box-shadow: none; + background: none; + border: none; +} + +popover modelbutton check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(255, 255, 255, 0.7); +} + +popover modelbutton check, popover modelbutton check:hover, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:hover, popover modelbutton radio:disabled { + box-shadow: none; +} + +popover modelbutton check.left:dir(rtl), popover modelbutton radio.left:dir(rtl) { + margin-left: -12px; + margin-right: -4px; +} + +popover modelbutton check.right:dir(ltr), popover modelbutton radio.right:dir(ltr) { + margin-left: -4px; + margin-right: -12px; +} + + +check { + -gtk-icon-size: 24px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/unchecked-symbolic@2.svg"))); +} + + +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/mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 24px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/unchecked-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/mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 18px; + min-width: 18px; + -gtk-icon-size: 18px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-unchecked-symbolic@2.svg"))); +} + + +popover.menu 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"))); +} + + +popover.menu check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 18px; + min-width: 18px; + border-image: none; + -gtk-icon-size: 18px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-unchecked-symbolic@2.svg"))); +} + + +popover.menu 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"))); +} + + +popover.menu radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-mixed-symbolic@2.svg"))); +} + +treeview.view check, treeview.view radio, +columnview.view check, +columnview.view radio { + padding: 0; + box-shadow: none; + background: none; + color: rgba(255, 255, 255, 0.7); +} + +treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active, +columnview.view check:hover, +columnview.view check:active, +columnview.view radio:hover, +columnview.view radio:active { + color: white; +} + +treeview.view check:disabled, treeview.view radio:disabled, +columnview.view check:disabled, +columnview.view radio:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate, +columnview.view check:checked, +columnview.view check:indeterminate, +columnview.view radio:checked, +columnview.view radio:indeterminate { + color: #81C995; +} + +treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled, +columnview.view check:checked:disabled, +columnview.view check:indeterminate:disabled, +columnview.view radio:checked:disabled, +columnview.view radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, treeview.view:focus-within check, treeview.view:focus-within 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, +columnview.view:focus-within check, +columnview.view:focus-within radio { + box-shadow: none; + background-color: transparent; +} + +treeview.view radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); + border-image: none; +} + +checkbutton.selection-mode { + border-radius: 9999px; +} + +checkbutton.selection-mode check, checkbutton.selection-mode radio { + padding: 4px; + border-radius: 9999px; + -gtk-icon-size: 36px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/selection-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/selection-unchecked-symbolic@2.svg"))); +} + +checkbutton.selection-mode check:checked, checkbutton.selection-mode radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/selection-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/selection-checked-symbolic@2.svg"))); +} + +checkbutton.selection-mode label:dir(ltr) { + margin-right: 4px; +} + +checkbutton.selection-mode label:dir(rtl) { + margin-left: 4px; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 15px 12px; +} + +scale.vertical { + padding: 12px 15px; +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 14px; + padding-bottom: 14px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 14px; + padding-right: 14px; +} + +scale.fine-tune > trough > slider { + min-height: 32px; + min-width: 32px; + margin: -14px; +} + +scale > trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(255, 255, 255, 0.3); +} + +scale > trough:disabled { + background-color: rgba(255, 255, 255, 0.15); +} + +scale > trough > slider { + transition: background-color 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); + background-repeat: no-repeat; + background-position: center; + background-size: auto, 1000% 1000%; + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + color: #4DB6AC; + background-color: transparent; +} + +scale > trough > slider, scale > trough > slider:focus, scale > trough > slider:hover, scale > trough > slider:active { + border: none; + box-shadow: none; + outline: none; +} + +scale > trough > slider { + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale > trough > slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: auto, 0% 0%; + color: #4DB6AC; +} + +scale > trough > highlight { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #4DB6AC; +} + +scale > trough > highlight:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +scale > trough > fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.3); +} + +scale > trough > fill:disabled { + background-color: transparent; +} + +scale > marks, +scale > value { + color: rgba(255, 255, 255, 0.7); +} + +scale > marks indicator { + background-color: rgba(255, 255, 255, 0.3); + color: transparent; +} + +scale.horizontal marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale.horizontal.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { + margin-right: 6px; + margin-left: -14px; +} + +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal > marks indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical > marks indicator { + min-height: 1px; + min-width: 8px; +} + +scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { + transform: none; + box-shadow: none; + border: none; +} + +scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +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: -24px; + margin-top: 8px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) > trough > slider { + margin-left: -24px; + margin-right: 8px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) > trough > slider { + margin-right: -24px; + margin-left: 8px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(255, 255, 255, 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: 10px; + background-color: rgba(255, 255, 255, 0.15); +} + +progressbar progress { + border-radius: 10px; + background-color: var(--accent-bg-color); +} + +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(--accent-bg-color); +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 32px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 32px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 10px; +} + +levelbar block.low { + background-color: #FBC02D; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: var(--accent-bg-color); +} + +levelbar block.full { + background-color: #81C995; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.15); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: white; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #161b26; + color: white; +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame > list, +.frame > list { + border: none; +} + +frame.view, +.frame.view { + border-radius: 10px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 10px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, statusbar frame > border { + border: none; +} + +actionbar { + box-shadow: none; +} + +actionbar > revealer > box { + padding: 4px; + border-spacing: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #161b26; + background-clip: border-box; + box-shadow: none; +} + +actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { + border-spacing: 4px; +} + +actionbar > revealer > box entry, +actionbar > revealer > box button, +actionbar > revealer > box menubutton, +actionbar > revealer > box splitbutton { + margin: 0; +} + +statusbar { + padding: 4px 12px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +scrolledwindow > overshoot.top { + background-size: 200% 70%; + background-image: radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.04) 99%, transparent 100%); + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.bottom { + background-size: 200% 70%; + background-image: radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.04) 99%, transparent 100%); + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.left { + background-size: 200% 70%; + background-image: radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.04) 99%, transparent 100%); + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.right { + background-size: 200% 70%; + background-image: radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.04) 99%, transparent 100%); + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow.undershoot-top > undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-bottom > undershoot.bottom { + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +scrolledwindow > junction { + border: none; + background-color: #161b26; +} + +scrolledwindow > undershoot.top, scrolledwindow > undershoot.bottom, scrolledwindow > undershoot.left, scrolledwindow > undershoot.right { + box-shadow: none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +separator.spacer { + background-color: transparent; +} + +separator.spacer.horizontal { + min-width: 8px; +} + +separator.spacer.vertical { + min-height: 8px; +} + +stacksidebar + separator.vertical, +stacksidebar separator.horizontal, button.font separator, button.file separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +/********* + * Lists * + *********/ +listview, +list { + border-color: rgba(255, 255, 255, 0.12); + background-color: #161b26; + background-clip: padding-box; + color: rgba(255, 255, 255, 0.7); +} + +listview > row, +list > row { + padding: 2px; + 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, listview.separators.horizontal > row:not(.separator), +list.horizontal row.separator, +list.separators.horizontal > row:not(.separator) { + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), +list:not(.horizontal) row.separator, +list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +list.frame { + border-radius: 10px; +} + +listview > header { + padding: 2px; + padding-top: 12px; + padding-bottom: 4px; +} + +button listview.view { + background-color: transparent; +} + +menubutton.flat > button:checked listview.view > row { + color: white; +} + +list.operations-list > row { + border-radius: 5px; +} + +list.operations-list > row, list.operations-list > row:focus { + background-color: transparent; +} + +row { + background-clip: padding-box; + color: rgba(255, 255, 255, 0.7); +} + +columnview.view > header > button, +treeview.view > header > button, row.activatable { + color: rgba(255, 255, 255, 0.7); + 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: none; + background-color: transparent; + background-image: radial-gradient(circle farthest-corner at center, transparent 30%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +columnview.view > header > button:focus, +treeview.view > header > button:focus, row.activatable:focus { + background-color: alpha(currentColor, 0.08); + color: white; +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover, row.activatable:hover { + 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(currentColor, 0.08); + color: white; +} + +columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 75ms 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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 30%, transparent 0%); + background-size: 100% 100%; + color: white; +} + +button row.activatable, button row.activatable:hover, button row.activatable.has-open-popup, button row.activatable:active, button row.activatable:active:hover { + background-color: transparent; + box-shadow: none; + background-image: none; + transition: none; + animation: none; +} + +button:checked row.activatable, button:checked:hover row.activatable { + color: white; +} + +row:selected { + background-color: alpha(currentColor, 0.06); + color: inherit; +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled { + color: rgba(255, 255, 255, 0.5); +} + +row:disabled, row:disabled > .header { + color: rgba(255, 255, 255, 0.3); +} + +treeexpander { + border-spacing: 4px; +} + +columnview > listview { + border-spacing: 2px; + padding: 2px 0; +} + +columnview > listview > row { + padding: 0; +} + +columnview > listview > row > cell { + padding: 2px; +} + +columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; +} + +columnview > header > button { + padding-left: 6px; + padding-right: 6px; + border-left: 1px solid transparent; +} + +columnview > header > button:first-child { + border-left-width: 0; +} + +columnview.column-separators > listview > row > cell, +columnview.column-separators > header > button { + border-left-color: rgba(255, 255, 255, 0.12); +} + +columnview > listview:not(.horizontal).separators > row:not(.separator) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +columnview ~ undershoot.top { + box-shadow: none; +} + +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(--accent-bg-color); +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: white; + background-color: var(--accent-bg-color); +} + +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 6px 8px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row > box { + border-spacing: 8px; +} + +.rich-list > header { + padding-left: 8px; + padding-right: 8px; +} + +/**************** + * AdwActionRow * + ****************/ +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 8px; + margin-right: 8px; + min-height: 40px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.35); +} + +row > box.header > box.title { + margin-top: 4px; + margin-bottom: 4px; + border-spacing: 2px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title, +row > box.header > box.title > .subtitle { + padding: 0; + font-weight: inherit; +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 4px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 4px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 4px; +} + +row.property > box.header > box.title > .title { + font-size: smaller; +} + +row.property > box.header > box.title > .subtitle { + font-size: inherit; + opacity: 1; +} + +row.property.monospace { + font-family: inherit; +} + +row.property.monospace > box.header > box.title > .subtitle { + font-family: monospace; +} + +/****************************** + * AdwEntryRow and AdwSpinRow * + ******************************/ +row.entry:disabled text { + opacity: 0.45; +} + +row.entry:disabled .dim-label, row.entry:disabled row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) row.entry:disabled image.expander-row-arrow, row.entry:disabled .content-pane headerbar entry > text > placeholder, .content-pane headerbar row.entry:disabled entry > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled .subtitle { + opacity: 1; +} + +row.entry .edit-icon, row.entry .indicator { + min-width: 24px; + min-height: 24px; + padding: 4px; +} + +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.spin spinbutton { + background: none; + box-shadow: none; + border-spacing: 4px; +} + +row.spin spinbutton, row.spin spinbutton:focus row.spin spinbutton:focus-within { + outline: none; + background: none; +} + +row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { + min-width: 24px; + min-height: 24px; + padding: 0; + margin: 4px 2px; + border: none; +} + +row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { + filter: none; +} + +row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, +row.spin:not(:selected).activatable.focused:hover, +row.spin:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.entry.error, +row.spin.error { + color: var(--accent-bg-color); +} + +row.entry.error .dim-label, row.entry.error row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) row.entry.error image.expander-row-arrow, row.entry.error .content-pane headerbar entry > text > placeholder, .content-pane headerbar row.entry.error entry > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error row.property > box.header > box.title > .title, row.entry.error .subtitle, +row.spin.error .dim-label, +row.spin.error row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) row.spin.error image.expander-row-arrow, +row.spin.error .content-pane headerbar entry > text > placeholder, +.content-pane headerbar row.spin.error entry > text > placeholder, +row.spin.error entry > text > placeholder, +row.spin.error row.property > box.header > box.title > .title, +row.spin.error .subtitle { + opacity: 1; +} + +row.entry.warning, +row.spin.warning { + color: var(--accent-bg-color); +} + +row.entry.warning .dim-label, row.entry.warning row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) row.entry.warning image.expander-row-arrow, row.entry.warning .content-pane headerbar entry > text > placeholder, .content-pane headerbar row.entry.warning entry > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning .subtitle, +row.spin.warning .dim-label, +row.spin.warning row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) row.spin.warning image.expander-row-arrow, +row.spin.warning .content-pane headerbar entry > text > placeholder, +.content-pane headerbar row.spin.warning entry > text > placeholder, +row.spin.warning entry > text > placeholder, +row.spin.warning row.property > box.header > box.title > .title, +row.spin.warning .subtitle { + opacity: 1; +} + +row.entry.success, +row.spin.success { + color: var(--accent-bg-color); +} + +row.entry.success .dim-label, row.entry.success row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) row.entry.success image.expander-row-arrow, row.entry.success .content-pane headerbar entry > text > placeholder, .content-pane headerbar row.entry.success entry > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success row.property > box.header > box.title > .title, row.entry.success .subtitle, +row.spin.success .dim-label, +row.spin.success row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) row.spin.success image.expander-row-arrow, +row.spin.success .content-pane headerbar entry > text > placeholder, +.content-pane headerbar row.spin.success entry > text > placeholder, +row.spin.success entry > text > placeholder, +row.spin.success row.property > box.header > box.title > .title, +row.spin.success .subtitle { + opacity: 1; +} + +/*************** + * AdwComboRow * + ***************/ +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.combo popover > contents .combo-searchbar { + margin: 4px; +} + +row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +/****************** + * AdwExpanderRow * + ******************/ +list.boxed-list-separate > row.expander row.header, list.content > row, list.content > row.expander row.header, +list.boxed-list > row, +list.boxed-list > row.expander row.header, row.expander list.nested > row { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.osd list.boxed-list-separate > row.expander row.header:focus:focus-visible, list.boxed-list-separate > row.expander .osd row.header:focus:focus-visible, .osd list.content > row:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, +.osd list.boxed-list > row:focus:focus-visible, +.osd list.boxed-list > row.expander row.header:focus:focus-visible, +list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { + outline-color: alpha(currentColor, 0.08); +} + +row.expander { + background: none; + padding: 0px; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + background-color: #161b26; + color: inherit; +} + +row.expander image.expander-row-arrow { + transition: 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:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); +} + +row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: var(--accent-bg-color); +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.35); +} + +/*************** + * AdwButtonRow * + ***************/ +row.button > box { + margin-left: 8px; + margin-right: 8px; + border-spacing: 4px; + min-height: 34px; +} + +row.button > box > .icon:disabled { + filter: opacity(0.45); +} + +row.button.suggested-action { + color: var(--accent-bg-color); +} + +row.button.destructive-action { + color: #F44336; +} + +/***************** + * Boxed Lists * + *****************/ +list.content > row.expander, +list.boxed-list > row.expander { + border: none; +} + +list.content > row:first-child, list.content > row:first-child.expander row.header, +list.boxed-list > row:first-child, +list.boxed-list > row:first-child.expander row.header { + border-top-left-radius: 9px; + border-top-right-radius: 9px; +} + +list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child, +list.boxed-list > row:last-child, +list.boxed-list > row:last-child.expander:not(:checked), +list.boxed-list > row:last-child.expander:not(:checked) row.header, +list.boxed-list > row:last-child.expander:checked list.nested, +list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, +list.boxed-list > row:only-child, +list.boxed-list > row:only-child.expander:not(:checked), +list.boxed-list > row:only-child.expander:not(:checked) row.header, +list.boxed-list > row:only-child.expander:checked list.nested, +list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; + border-bottom-width: 0; +} + +list.boxed-list-separate { + background: none; + color: white; +} + +list.boxed-list-separate > row { + border: none; + margin-bottom: 8px; +} + +list.boxed-list-separate > row:selected { + background-color: alpha(currentColor, 0.06); +} + +list.boxed-list-separate > row:last-child { + margin-bottom: 0; +} + +list.boxed-list-separate > row:not(.expander):not(:selected).activatable:hover { + background-color: #161b26; + background-image: image(alpha(currentColor, 0.08)); +} + +list.boxed-list-separate > row:not(.expander):not(:selected).activatable:active { + background-color: #161b26; + background-image: image(alpha(currentColor, 0.12)); +} + +list.boxed-list-separate > row:not(.expander):not(:selected).activatable.has-open-popup { + background-color: #161b26; + background-image: image(alpha(currentColor, 0.05)); +} + +list.boxed-list-separate > row.entry:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.entry:not(:selected).activatable.focused:active, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:active { + background-color: #161b26; + background-image: none; +} + +list.boxed-list-separate > row.expander row.header { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + +list.boxed-list-separate > row.expander:not(:checked) row.header, list.boxed-list-separate > row.expander.expander:checked list.nested, list.boxed-list-separate > row.expander.expander:checked list.nested > row:last-child { + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; + border-bottom: none; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 6px; + border-spacing: 6px; + padding: 6px; + border: none; + background-image: none; +} + +.app-notification button.text-button:not(:disabled) { + color: var(--accent-bg-color); +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(255, 255, 255, 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: white; +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander:disabled { + color: rgba(255, 255, 255, 0.3); +} + +expander-widget > box > title { + border-radius: 10px; +} + +expander-widget > box > title:hover > expander { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); + border-radius: 10px; + color: white; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 10px; +} + +calendar > header { + padding: 2px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +calendar > header > button { + min-height: 22px; +} + +calendar > grid { + margin: 2px; +} + +calendar > grid > label { + border-radius: 9999px; + 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.dialog.message.background { + background-color: #1e2431; + background-image: none; +} + +window.dialog.message box.dialog-vbox.vertical { + border-spacing: 10px; +} + +window.dialog.message .titlebar { + min-height: 22px; + border-style: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; + color: white; +} + +window.dialog.message .titlebar:backdrop { + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); +} + +window.dialog.message.csd .dialog-action-area { + padding: 4px; + border: none; + box-shadow: none; +} + +window.dialog.message.csd .dialog-action-area > button { + border: none; + box-shadow: none; +} + +window.dialog.message.csd .dialog-action-area > button, window.dialog.message.csd .dialog-action-area > button:first-child, window.dialog.message.csd .dialog-action-area > button:last-child { + border-radius: 9999px; +} + +window.dialog.message.csd .dialog-action-area > button:not(:last-child) { + margin-right: 4px; +} + +window.dialog.message.csd .dialog-action-area > button:not(:disabled) { + color: var(--accent-bg-color); +} + +window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { + color: #F44336; +} + +window.messagedialog .message-area separator { + background-color: transparent; + min-height: 0; +} + +window.messagedialog .response-area { + padding: 4px; + box-shadow: none; + border: none; +} + +window.messagedialog .response-area button { + border: none; + box-shadow: none; + border-radius: 9999px; +} + +window.messagedialog .response-area button:not(:last-child) { + margin-right: 4px; +} + +window.messagedialog .response-area button.suggested:not(:disabled) { + color: #4DB6AC; +} + +window.messagedialog .response-area button.destructive:not(:disabled) { + color: #F44336; +} + +window.messagedialog .response-area separator { + background-color: transparent; + min-width: 0; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #0f111a; +} + +filechooser stack.view frame > border { + border: none; +} + +filechooser gridview ~ undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +filechooser placesview > stack > scrolledwindow > undershoot.bottom { + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +filechooserbutton > button > box { + border-spacing: 4px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +window.aboutdialog stack scrolledwindow.frame, window.aboutdialog stack scrolledwindow.frame > .view, window.aboutdialog stack scrolledwindow.frame > .view > text { + border-radius: 12px; +} + +window.aboutdialog .large-icons { + -gtk-icon-size: 128px; +} + +window.about .top-bar { + background-color: transparent; + box-shadow: none; +} + +window.about headerbar { + color: rgba(255, 255, 255, 0.7); +} + +window.about headerbar, window.about headerbar:backdrop { + background-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #131823; +} + +.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +.sidebar-pane stacksidebar.sidebar, leaflet.unfolded > box > stacksidebar.sidebar { + border: none; +} + +stacksidebar list { + padding: 4px; + background-color: #131823; +} + +stacksidebar row { + min-height: 22px; + padding: 4px 6px; + border-radius: 5px; +} + +stacksidebar row:selected { + font-weight: 500; +} + +stacksidebar row + row { + margin-top: 4px; +} + +stacksidebar row > label { + padding-left: 4px; + padding-right: 4px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(255, 255, 255, 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: rgba(255, 255, 255, 0.15); +} + +separator.sidebar.spacer { + background-color: transparent; +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 4px 0; + border-right: none; +} + +.navigation-sidebar, .navigation-sidebar.view, .navigation-sidebar.view:disabled { + background-color: transparent; + color: inherit; +} + +.navigation-sidebar.background, .navigation-sidebar.background:disabled { + background-color: #0f111a; + color: white; +} + +.navigation-sidebar > row { + min-height: 32px; + padding: 0 6px; + border-radius: 0 9999px 9999px 0; + margin: 0 4px 0 0; +} + +.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.1); + color: var(--accent-bg-color); +} + +.navigation-sidebar > row:selected:hover { + background-color: alpha(currentColor, 0.16); +} + +.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(255, 255, 255, 0.5); +} + +.navigation-sidebar > separator { + margin: 4px 0; +} + +/**************** + * File chooser * + ****************/ +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar .navigation-sidebar { + padding: 4px 0; +} + +placessidebar .navigation-sidebar > row { + min-height: 32px; + margin: 0 4px 0 0; + padding: 2px; + border-radius: 0 9999px 9999px 0; +} + +placessidebar .navigation-sidebar > row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar .navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.1); + color: var(--accent-bg-color); + font-weight: 500; +} + +placessidebar .navigation-sidebar > row:disabled { + color: rgba(255, 255, 255, 0.5); +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label { + color: inherit; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { + color: var(--accent-bg-color); +} + +placessidebar .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: 4px; +} + +.fr-sidebar > row:not(.fr-sidebar-row) { + background-color: transparent; +} + +.fr-sidebar > row.fr-sidebar-row { + padding: 4px 6px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; + background-clip: content-box; + box-shadow: none; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #0f111a; + background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 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; +} + +/************ + * GtkVideo * + ************/ +video { + background: black; + border-radius: 10px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border: none; + margin-bottom: 0; +} + +infobar > revealer > box { + padding: 4px; + border-spacing: 8px; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + color: white; + background-color: #161b26; +} + +infobar.info > revealer > box button.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), infobar.info:hover > revealer > box button.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), infobar.info:backdrop > revealer > box button.text-button:not(.suggested-action):not(.destructive-action):not(:disabled) { + color: var(--accent-bg-color); +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: var(--accent-bg-color); + color: white; +} + +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: white; +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: white; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: rgba(255, 255, 255, 0.12); + background-image: image(var(--accent-bg-color)); +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FBC02D; + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #fbb814; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #F44336; + color: white; +} + +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: white; +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: white; +} + +infobar.error:hover > revealer > box { + background-color: #f32c1e; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px 8px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(25, 25, 25, 0.9); + color: white; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + border-radius: 5px; + margin: 2px 6px 8px 6px; + border: none; +} + +tooltip > box { + border-spacing: 4px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 9px; + border-top-right-radius: 9px; +} + +colorswatch.top overlay { + border-top-left-radius: 9px; + border-top-right-radius: 9px; +} + +colorswatch.bottom { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 9px; + border-bottom-left-radius: 9px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 9px; + border-bottom-left-radius: 9px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.dark { + color: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch#add-color-button { + border-radius: 9px 9px 0 0; + color: white; +} + +colorswatch#add-color-button:only-child { + border-radius: 9px; +} + +colorswatch#add-color-button overlay { + background-color: #1e2431; +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 9px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 9px; +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 10px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f111a; +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + outline: none; + padding: 0; + margin: 0; + transition: none; + border-radius: 16px; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 16px 2px transparent, 0 6px 18px 5px transparent; +} + +window.csd:backdrop { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 16px 2px transparent, 0 6px 18px 5px transparent; +} + +window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { + border-radius: 0; + outline: none; +} + +window.csd.maximized, window.csd.fullscreen { + border-radius: 0; + outline: none; + box-shadow: none; + transition: none; +} + +window.csd.ssd-frame { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +window.solid-csd { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: #161b26; +} + +window.solid-csd:backdrop { + background-color: #1e2431; +} + +window.ssd { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +gridview > child:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected { + color: var(--accent-bg-color); + background-color: color-mix(in srgb, var(--accent-bg-color) 20%, transparent); +} + +textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected { + color: white; + background-color: var(--accent-bg-color); +} + +.monospace { + font-family: monospace; +} + +.numeric { + font-feature-settings: "tnum"; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: var(--accent-bg-color); + -gtk-icon-source: -gtk-recolor(url("assets/scalable/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(255, 255, 255, 0.12); + border-radius: 8px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #1e2431; + background-clip: border-box; + color: white; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: var(--accent-bg-color); +} + +stackswitcher { + min-height: 0; + padding: 0; + border-radius: 9999px; + background-color: alpha(currentColor, 0.05); +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + 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):checked { + background-color: var(--accent-bg-color); + color: white; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher.circular { + border-spacing: 8px; +} + +stackswitcher.circular button.circular, +stackswitcher.circular button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: none; +} + +.icon-dropshadow { + -gtk-icon-shadow: none; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 4px; + border-spacing: 4px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.emoji-searchbar entry { + margin: 0; +} + +.emoji-searchbar entry text { + background: none; + box-shadow: none; +} + +.emoji-toolbar { + padding: 0; + border-spacing: 2px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background: none; + box-shadow: none; +} + +button.emoji-section { + margin: 0; + padding: 4px; + border-radius: 8px; +} + +button.emoji-section:checked { + color: var(--accent-bg-color); +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 4px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 10px; +} + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: alpha(currentColor, 0.08); +} + +emoji-completion-row { + min-height: 24px; + padding: 0 8px; +} + +emoji-completion-row > box { + border-spacing: 4px; + padding: 2px 4px; +} + +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: white; +} + +popover.entry-completion > contents { + padding: 0; +} + +.nautilus-window.background.csd { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window.background.csd, .nautilus-window.background.csd:backdrop { + background-image: none; + background-color: #161b26; +} + +.nautilus-window:not(.view) headerbar { + background-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.nautilus-window .content-pane, .nautilus-window .content-pane:backdrop { + background-color: transparent; +} + +.nautilus-window flap > separator { + background: none; + min-width: 0; +} + +.nautilus-window .sidebar-pane, .nautilus-window .sidebar-pane:backdrop { + background-color: transparent; +} + +.nautilus-window .sidebar-pane:dir(ltr), .nautilus-window .sidebar-pane:dir(ltr) banner > revealer > widget, .nautilus-window .sidebar-pane.end:dir(rtl), .nautilus-window .sidebar-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: none; + border-right: none; +} + +.nautilus-window .sidebar-pane:dir(rtl), .nautilus-window .sidebar-pane:dir(rtl) banner > revealer > widget, .nautilus-window .sidebar-pane.end:dir(ltr), .nautilus-window .sidebar-pane.end:dir(ltr) banner > revealer > widget { + box-shadow: none; + border-left: none; +} + +.nautilus-window .sidebar-pane .toolbar { + margin: 0 0 8px 4px; +} + +.nautilus-window flap.unfolded > placessidebar, +.nautilus-window .sidebar-pane > toolbarview > placessidebar { + background-color: #161b26; + border-radius: 16px; + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow { + margin: 0 0 8px 8px; + border-radius: 12px; + background-color: rgba(77, 182, 172, 0.08); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > overshoot.top, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > undershoot.top, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > overshoot.top, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > undershoot.top { + border-radius: 12px 12px 0 0; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > overshoot.bottom, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > undershoot.bottom, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > overshoot.bottom, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > undershoot.bottom { + border-radius: 0 0 12px 12px; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { + padding: 16px 0 16px 0; + background: none; + border-radius: 12px; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > separator, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > separator { + background: none; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable { + border-radius: 0; + padding: 0; + margin: -8px 0 -8px 0; + animation: none; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer { + padding-left: 12px; + padding-right: 0; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer > box, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer > box { + padding-right: 16px; + padding-left: 0; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:active, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:focus, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:active { + background: none; + box-shadow: none; + animation: none; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon { + padding-right: 4px; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label { + color: inherit; + min-height: 54px; + padding-left: 4px; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable.sidebar-placeholder-row, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable.sidebar-placeholder-row { + background-color: transparent; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active), +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) { + border-radius: 0; + border-radius: 9999px 0 0 9999px; + background-color: rgba(245, 124, 0, 0.1); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active), .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active), +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) label.sidebar-label { + color: #F57C00; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover label.sidebar-label { + color: var(--accent-bg-color); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { + background-color: transparent; + font-weight: 700; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon { + color: var(--accent-bg-color); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { + color: var(--accent-bg-color); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { + color: var(--accent-bg-color); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { + color: var(--accent-bg-color); + background-color: #161b26; + border: none; + border-image-width: 16px 9px 16px 46px; + border-image-slice: 16 9 16 46; + border-image-repeat: stretch; + border-image-source: -gtk-scaled(url("assets/row-selected-dark.png"), url("assets/row-selected-dark@2.png")); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { + margin-left: 8px; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { + color: var(--accent-bg-color); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled label.sidebar-label { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > scrollbar { + margin: 2px 2px 2px 0; + background: none; + border: none; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > scrollbar though { + background: none; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though > slider, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > scrollbar though > slider { + border: none; +} + +.nautilus-window tabbar .box { + padding: 0 12px; + background-color: transparent; + box-shadow: inset 0 -1px #404040; +} + +.nautilus-window tabbar tab { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window tabbar tab:hover:not(:selected):not(:active):not(:checked) { + color: white; + background-color: rgba(255, 255, 255, 0.05); +} + +.nautilus-window tabbar tab:active, .nautilus-window tabbar tab:checked, .nautilus-window tabbar tab:selected { + color: white; +} + +.nautilus-window tabbar tab:active:disabled, .nautilus-window tabbar tab:checked:disabled, .nautilus-window tabbar tab:selected:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.nautilus-window tabbar tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window placesview label { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placesview label:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window .nautilus-list-view #NautilusViewCell { + padding: 0; +} + +.nautilus-window infobar { + margin: 2px; +} + +.nautilus-window infobar > revealer > box { + border-radius: 4px; +} + +.nautilus-window label.search-information { + margin: 2px; + border-radius: 4px; +} + +.nautilus-window #NautilusPathBar { + background-color: rgba(255, 255, 255, 0.04); +} + +.nautilus-window #NautilusPathBar #NautilusPathButton.current-dir { + color: white; +} + +.floating-bar { + min-height: 24px; + padding: 2px; + margin: 4px; + border: none; + border-radius: 9999px; + background-color: rgba(33, 33, 33, 0.95); + box-shadow: none; + color: white; +} + +.floating-bar button { + margin: 5px; +} + +.nautilus-grid-view child.activatable { + padding: 0; +} + +.nautilus-grid-view child.activatable #NautilusViewCell { + padding: 4px; +} + +.nautilus-grid-view child.activatable #NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +.nautilus-grid-view child.activatable #NautilusViewCell .icon-ui-labels-box { + margin: 0 0 8px; + border-spacing: 0; +} + +.nautilus-grid-view child.activatable #NautilusViewCell .dim-label, .nautilus-grid-view child.activatable #NautilusViewCell entry > text > placeholder, .nautilus-grid-view child.activatable #NautilusViewCell row label.subtitle, row .nautilus-grid-view child.activatable #NautilusViewCell label.subtitle, .nautilus-grid-view child.activatable #NautilusViewCell row.property > box.header > box.title > .title, .nautilus-grid-view child.activatable #NautilusViewCell row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) .nautilus-grid-view child.activatable #NautilusViewCell image.expander-row-arrow { + border-spacing: 0; +} + +#NautilusQueryEditor { + border-radius: 9999px; + padding: 0 4px 0 6px; +} + +#NautilusQueryEditor > menubutton > button.image-button { + min-width: 24px; + min-height: 24px; + padding: 0; + margin: 4px 0; +} + +#NautilusQueryEditor > * { + margin: 0; +} + +#NautilusPathBar { + background-color: rgba(255, 255, 255, 0.04); + border-radius: 9999px; +} + +#NautilusPathBar #NautilusPathButton { + margin: 0 2px; + border-radius: 9999px; +} + +#NautilusPathBar #NautilusPathButton.current-dir { + color: white; +} + +#NautilusPathBar #NautilusPathButton.current-dir:hover, #NautilusPathBar #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +#NautilusPathBar #NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusPathBar > menubutton > button { + border-radius: 9999px; +} + +#NautilusQueryEditorTag { + border-radius: 9999px; +} + +#NautilusQueryEditorTag > button { + margin: 2px; + padding: 0; + min-height: 20px; + min-width: 20px; +} + +#NautilusFileChooser .content-pane { + background-color: #161b26; +} + +window.dialog > box > stack > box > box > notebook.frame { + border-width: 0 0 0 1px; + border-radius: 0; +} + +window > contents leaflet { + background-color: transparent; +} + +window > contents leaflet stack.background { + background-color: transparent; +} + +window > contents leaflet.unfolded stack.background leaflet box:last-child > headerbar, +window > contents leaflet.unfolded stack.background leaflet + headerbar { + border-top-left-radius: 0; +} + +window > contents leaflet.unfolded > separator + box > headerbar { + border-top-right-radius: 0; +} + +window > contents leaflet > box > scrolledwindow > viewport > widget > stack { + background-color: #161b26; +} + +window > widget leaflet { + background-color: transparent; +} + +window > widget leaflet stack.background { + background-color: transparent; +} + +window > widget leaflet.unfolded stack.background > widget > overlay > leaflet > box > headerbar, +window > widget leaflet.unfolded stack.background > widget > box > widget > headerbar, +window > widget leaflet.unfolded > box:not(:last-child) headerbar { + border-top-left-radius: 0; +} + +window > widget leaflet.unfolded > separator + box > headerbar { + border-top-right-radius: 0; +} + +window > widget leaflet > box > scrolledwindow > viewport > widget > stack { + background-color: #161b26; +} + +.tweak-titlebar-left + separator { + background-color: #161b26; +} + +.tweak-titlebar-left + separator:backdrop { + background-color: #1e2431; +} + +.large-button { + padding: 4px; +} + +.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(--accent-bg-color); +} + +.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: #1A73E8; + background-color: alpha(#3281EA, 0.25); +} + +.naut .clock-time, +.astro .clock-time { + color: #F57C00; + background-color: alpha(#FB8C00, 0.25); +} + +.civil .clock-time, +.day .clock-time { + color: #FFD600; + background: alpha(#FBC02D, 0.25); +} + +.contacts-contact-list list.navigation-sidebar { + background: none; +} + +window > contents leaflet.unfolded > box.vertical > headerbar { + border-top-left-radius: 0; +} + +.history-view { + background-color: #161b26; +} + +#displayitem { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.small .card { + border-radius: 0; + box-shadow: none; +} + +.small .card.forecast-card { + border-width: 1px 0; +} + +.small .card.display-container { + border-width: 0 0 1px 0; +} + +leaflet button.number-button { + background-color: rgba(255, 255, 255, 0.1); +} + +leaflet button.number-button:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +leaflet button.number-button:active { + background-color: rgba(255, 255, 255, 0.3); +} + +leaflet button.clear-button.image-button { + border-radius: 10px; +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 8px; +} + +label.primary-label, label.month-name { + color: var(--accent-bg-color); +} + +label.secondary-label { + color: rgba(255, 255, 255, 0.5); +} + +calendar-view { + font-size: 10pt; +} + +calendar-view:selected { + color: var(--accent-bg-color); + font-weight: bold; +} + +calendar-view.header, +label.header { + font-size: 10pt; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); +} + +calendar-view.current, +weekgrid.current { + background-color: alpha(var(--accent-bg-color), 0.3); +} + +popover.events { + background-color: #0f111a; + padding: 0; +} + +popover.events box { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + +popover.events list { + background-color: #161b26; + border-radius: 10px; +} + +popover.events scrolledwindow { + border-width: 0; +} + +popover.events button { + border-radius: 10px; + 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; +} + +weekgrid > event { + margin: 5px 4px 0 3px; +} + +event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { + border-radius: 5px; +} + +event.timed widget.edge { + border-radius: 5px; + min-width: 5px; +} + +event.slanted-start, event.slanted-end:dir(rtl) { + padding-left: 12px; + border-radius: 0 5px 5px 0; +} + +event.slanted-end, event.slanted-start:dir(rtl) { + padding-right: 12px; + border-radius: 5px 0 0 5px; +} + +event:not(.timed).color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); +} + +event:not(.timed).color-light { + color: alpha(black, 0.75); + outline-color: rgba(255, 255, 255, 0.5); +} + +event.timed { + color: rgba(255, 255, 255, 0.7); +} + +popover.event-popover, +popover.event-popover > contents { + padding: 0; +} + +.search-viewport { + background-color: #161b26; +} + +.calendar-list { + background-color: transparent; +} + +.calendar-list > list { + border-radius: 4px; +} + +.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: 4px; +} + +datechooser .current-week { + background-color: rgba(255, 255, 255, 0.04); + color: white; + border-radius: 10px; +} + +datechooser navigator { + margin-right: 4px; + margin-left: 4px; + margin-bottom: 4px; +} + +datechooser navigator label { + font-weight: bold; +} + +datechooser navigator button, datechooser navigator button.popup, datechooser navigator button.image-button { + min-height: 32px; + min-width: 32px; + padding: 0; +} + +datechooser .weeknum, datechooser .weekday { + color: rgba(255, 255, 255, 0.5); + font-size: smaller; +} + +.sidebar-pane datechooser .current-week { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +.sidebar-pane datechooser .weeknum, .sidebar-pane datechooser .weekday { + color: rgba(255, 255, 255, 0.5); +} + +datechooser button.day, datechooser button.day.text-button { + font-size: 10pt; + font-weight: normal; + margin: 2px; + padding: 0; + min-height: 32px; + min-width: 32px; + transition: none; +} + +datechooser button.day dot, datechooser button.day.text-button dot { + background-color: white; + border-radius: 50%; + min-height: 2px; + min-width: 2px; +} + +datechooser button.day:selected, datechooser button.day.today:selected, datechooser button.day.text-button:selected, datechooser button.day.text-button.today:selected { + background-color: var(--accent-bg-color); + color: white; + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot, datechooser button.day.text-button:selected dot, datechooser button.day.text-button.today:selected dot { + background-color: white; +} + +datechooser button.day.today, datechooser button.day.text-button.today { + color: var(--accent-bg-color); +} + +datechooser button.day.today dot, datechooser button.day.text-button.today dot { + background-color: var(--accent-bg-color); +} + +datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop, datechooser button.day.text-button.other-month:not(:hover), datechooser button.day.text-button.other-month:backdrop { + color: rgba(255, 255, 255, 0.3); +} + +datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot, datechooser button.day.text-button.other-month:not(:hover) dot, datechooser button.day.text-button.other-month:backdrop dot { + background-color: rgba(255, 255, 255, 0.3); +} + +.week-header { + padding: 0; +} + +.week-header > box:first-child { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.week-header .week-number { + font-size: 16pt; + font-weight: bold; + padding: 8px 8px 12px 8px; + color: rgba(255, 255, 255, 0.3); +} + +.week-header.week-temperature { + font-size: 10pt; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); +} + +.week-header.lines { + color: rgba(255, 255, 255, 0.12); +} + +weekhourbar > label { + font-size: 10pt; + padding: 4px 4px; +} + +.week-view .lines { + color: rgba(255, 255, 255, 0.12); +} + +weekgrid > widget.now-strip { + background-color: alpha(var(--accent-bg-color), 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(var(--accent-bg-color), 0.25); +} + +monthcell { + border: solid 1px rgba(255, 255, 255, 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: #131823; + transition: background-color 200ms; + color: white; +} + +monthcell:selected { + background-color: alpha(var(--accent-bg-color), 0.1); +} + +monthcell:selected:hover { + background-color: alpha(var(--accent-bg-color), 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(--accent-bg-color), 0.2); +} + +monthcell.today:hover { + background-color: alpha(var(--accent-bg-color), 0.3); + color: var(--accent-bg-color); +} + +monthcell.today:selected { + background-color: alpha(var(--accent-bg-color), 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(var(--accent-bg-color), 0.35); +} + +monthcell label { + color: white; + font-size: 0.9rem; +} + +monthcell label.day-label { + font-size: 1rem; +} + +monthcell.out-of-month { + background-color: rgba(255, 255, 255, 0.04); +} + +monthcell.out-of-month label { + color: rgba(255, 255, 255, 0.7); +} + +monthcell button { + padding: 0 4px; + border-radius: 0; + border-bottom: none; + border-right: none; +} + +monthpopover > box { + margin: 0; + padding: 0; + background-color: transparent; +} + +.notes-section box > textview { + border-radius: 10px; + padding: 4px; +} + +.notes-section box > textview > text { + background: none; +} + +agenda-view list > row { + padding: 2px 8px; +} + +agenda-view list > label { + padding: 4px 8px; +} + +label.no-events { + font-style: italic; +} + +searchbutton > popover > arrow { + background: none; + border: none; +} + +menubutton.sources-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; +} + +menubutton.sources-button:hover:not(:backdrop) { + background-image: none; + text-shadow: none; +} + +menubutton.sources-button > button { + border-radius: 0; +} + +menubutton.sources-button > button .title { + font-size: 10pt; + font-weight: normal; + padding: 0 4px; +} + +menubutton.sources-button > button .subtitle { + font-size: 8pt; + padding: 0 4px; +} + +menubutton.sources-button > button .calendar-color-image { + -gtk-icon-size: 12px; +} + +menubutton stack > box { + border-spacing: 4px; +} + +.topbar headerbar menubutton.sources-button > button { + border-radius: 0 0 10px 10px; +} + +agenda-view > scrolledwindow > viewport > list.background { + background-color: transparent; +} + +flowboxchild.card:not(.category-tile) { + border: none; + box-shadow: none; + padding: 0; + background: none; +} + +.card.category-tile { + padding: 14px; + border: none; + border-radius: 10px; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); +} + +.card.category-tile-iconless { + padding: 6px 10px; + box-shadow: none; + background-color: alpha(currentColor, 0.05); +} + +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 10px 10px 0; +} + +app-context-bar > box:first-child > button.flat { + border-radius: 0; +} + +app-context-bar > box:first-child > button.flat:first-child { + border-radius: 10px 0 0 10px; +} + +app-context-bar > box > button.flat { + border-left-color: rgba(255, 255, 255, 0.12); +} + +carousel.card { + border: none; +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 4px; + margin: 4px; +} + +.context-tile-lozenge.grey { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { + color: #4cb168; + background-color: rgba(129, 201, 149, 0.15); +} + +.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.15); +} + +.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { + color: #d79b04; + background-color: rgba(251, 192, 45, 0.15); +} + +.context-tile-lozenge.details-rating-15 { + color: #F57C00; + background-color: rgba(245, 124, 0, 0.15); +} + +.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { + color: #d2190b; + background-color: rgba(244, 67, 54, 0.15); +} + +screenshot-carousel box.frame.view { + border-width: 1px 0; + border-radius: 0; +} + +/* Styling for specific category buttons. */ +.category-tile.category-create { + background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); + color: white; +} + +.category-tile.category-create:hover { + background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%); +} + +.category-tile.category-create:active { + background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%); +} + +.category-tile.category-develop { + background: #5e5c64; + color: white; +} + +.category-tile.category-develop:hover { + background: shade(#5e5c64, 1.2); +} + +.category-tile.category-develop:active { + background-color: shade(#5e5c64, 0.95); +} + +.category-tile.category-learn { + background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); + color: white; +} + +.category-tile.category-learn:hover { + background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%); +} + +.category-tile.category-learn:active { + background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%); +} + +.category-tile.category-play { + background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); + color: #393484; +} + +.category-tile.category-play:hover { + background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%); +} + +.category-tile.category-play:active { + background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%); +} + +.category-tile.category-socialize { + background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); + color: rgba(255, 255, 255, 0.7); +} + +.category-tile.category-socialize:hover { + background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%); +} + +.category-tile.category-socialize:active { + background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%); +} + +.category-tile.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(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; +} + +.category-tile.category-work:hover { + background-color: #fefcef; + background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); +} + +.category-tile.category-work:active { + background-color: #fcf4bf; + background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); +} + +@define-color weather_temp_chart_fill_color rgba(251, 192, 45, 0.5); +@define-color weather_temp_chart_stroke_color #f0ad05; +@define-color weather_thermometer_warm_color #FBC02D; +@define-color weather_thermometer_cold_color #3281EA; +#places-label { + font-weight: bold; +} + +#temperature-label { + font-size: 32pt; + font-weight: 900; + margin-left: 9px; +} + +#conditions-grid *:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.content-view.cell { + font-weight: bold; +} + +#locationEntry { + margin: 0; + padding-bottom: 4px; +} + +.weather-popover { + margin-top: 4px; +} + +.forecast-card { + transition: border-radius 100ms ease-out; + border-radius: 10px; +} + +.forecast-card separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#daily-forecast-box > separator:last-child { + background-color: transparent; + min-width: 0; +} + +#conditions-grid, +#attributionGrid { + margin-left: 12px; + margin-right: 12px; +} + +#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: #f0ad05; +} + +WeatherThermometer { + margin-bottom: 8px; +} + +WeatherThermometer > label.high { + font-weight: bold; + color: #FBC02D; +} + +WeatherThermometer > label.low { + font-weight: bold; + color: #3281EA; +} + +.forecast-button { + margin: 0 8px; +} + +.forecast-graphic { + margin: 12px; +} + +button.osd.circular { + border-radius: 9999px; + min-width: 22px; + min-height: 22px; +} + +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(255, 255, 255, 0.12); +} + +.search-view { + background-color: #1A73E8; + color: white; +} + +.search-view menubutton button:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); +} + +image.circular { + min-width: 32px; + min-height: 32px; + padding: 0; + border-radius: 9999px; +} + +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: var(--accent-bg-color); + color: white; +} + +.polari-room-list popover.background > arrow, +.polari-room-list popover.background > contents { + padding: 0; +} + +window.org-gnome-Builder headerbar splitbutton notification button { + margin: 0; + min-height: 22px; + min-width: 22px; + padding: 0; +} + +popover.background.global-search > arrow, +popover.background.global-search > contents { + padding: 0; +} + +panelframeswitcher { + padding: 4px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +panelframetabbar { + border-bottom: none; +} + +.frameheader.header { + min-height: 22px; + background-color: rgba(255, 255, 255, 0.04); +} + +.frameheader.header > button { + border: none; + margin: 0; + padding: 2px; +} + +.frameheader.header tabbar.inline > revealer > box { + min-height: 22px; +} + +.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(255, 255, 255, 0.12); +} + +.frameheader.header tabbar.inline > revealer > box .end-action menubutton > button { + margin: 2px; + min-height: 22px; + min-width: 22px; + padding: 4px; + border-radius: 10px; +} + +.frameheader.header tabbar.inline > revealer > box tabbox { + border: none; + background: none; +} + +panelstatusbar { + background-color: #0f111a; +} + +panelstatusbar > menubutton > button, +panelstatusbar > paneltogglebutton button.image-button { + border-radius: 0; +} + +.style-variant { + padding: 0 8px; +} + +.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: 10px; + outline-color: transparent; + outline-width: 3px; + outline-offset: 2px; + outline-style: solid; + box-shadow: none; +} + +.style-variant button.toggle:hover > stylevariantpreview > .wallpaper { + outline-color: rgba(255, 255, 255, 0.04); +} + +.style-variant button.toggle:active > stylevariantpreview > .wallpaper { + outline-color: rgba(255, 255, 255, 0.3); +} + +.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { + outline-color: var(--accent-bg-color); +} + +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; +} + +popover.details-popover > contents { + padding: 8px; +} + +button.colorpad { + padding: 0px; + margin: 0px; + background-blend-mode: screen; + background-image: linear-gradient(45deg, #0f0f0f55 25%, transparent 25%, transparent 75%, #0f0f0f55 75%, #0f0f0f55), linear-gradient(45deg, #0f0f0f55 25%, transparent 25%, transparent 75%, #0f0f0f55 75%, #0f0f0f55); + background-color: @colorpad_color; + color: @colorpad_fg_color; + background-size: 18px 18px; + background-position: 0px 0px, 9px 9px; +} + +button.colorpad:hover { + filter: brightness(93%); +} + +button.colorpad:active { + filter: brightness(86%); +} + +button.colorpad:checked { + filter: brightness(100%); +} + +window#desktopwindow { + background: none; +} + +themeselector, +panelthemeselector { + margin: 6px; +} + +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(255, 255, 255, 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(--accent-bg-color); +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%); +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +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; + margin: 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; + background-image: none; +} + +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/scalable/select-symbolic.svg")), -gtk-recolor(url("assets/scalable/select-symbolic@2.svg"))); + color: white; + background-color: var(--accent-bg-color); +} + +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: 4px; +} + +themeswitcher .check { + min-height: 20px; + min-width: 20px; + background: none; + padding: 0; + margin: 0; + border-radius: 9999px; + color: white; + background-color: var(--accent-bg-color); +} + +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(255, 255, 255, 0.12); +} + +themeswitcher checkbutton:checked { + box-shadow: inset 0 0 0 2px var(--accent-bg-color); +} + +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, #1e1e1e 50%, white 50%); +} + +themeswitcher checkbutton.light { + color: alpha(black, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark { + color: white; + background-color: #1e1e1e; +} + +styleselector checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 0; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +styleselector checkbutton:hover { + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.12); +} + +styleselector checkbutton:checked { + box-shadow: inset 0 0 0 2px var(--accent-bg-color); +} + +styleselector checkbutton > radio { + min-height: 20px; + min-width: 20px; + padding: 0; + margin: 0; +} + +styleselector checkbutton > radio, styleselector checkbutton > radio:hover, styleselector checkbutton > radio:focus, styleselector checkbutton > radio:not(:focus) { + color: transparent; + border: none; + background: none; + box-shadow: none; + -gtk-icon-source: none; + -gtk-icon-size: 0; +} + +styleselector checkbutton > radio:checked, styleselector checkbutton > radio:checked:hover, styleselector checkbutton > radio:checked:focus, styleselector checkbutton > radio:checked:not(:focus), styleselector checkbutton > radio:active, styleselector checkbutton > radio:active:hover, styleselector checkbutton > radio:active:focus, styleselector checkbutton > radio:active:not(:focus) { + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/select-symbolic.svg")), -gtk-recolor(url("assets/scalable/select-symbolic@2.svg"))); + color: white; + background-color: var(--accent-bg-color); + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +.note-window headerbar, .note-window headerbar:backdrop { + box-shadow: none; +} + +.note-window.style-yellow, .note-window.style-yellow .text-view.view, .note-window.style-yellow .text-view.view > text, .note-window.style-yellow headerbar { + background-color: #FBC02D; + color: rgba(0, 0, 0, 0.87); +} + +.note-window.style-yellow * { + color: rgba(0, 0, 0, 0.87); +} + +.note-window.style-yellow .text-view.view > text > selection { + background-color: rgba(0, 0, 0, 0.26); +} + +.note-window.style-yellow popover > arrow, +.note-window.style-yellow popover > contents { + background-color: #fccf5f; + color: rgba(0, 0, 0, 0.87); +} + +.note-window.style-pink, .note-window.style-pink .text-view.view, .note-window.style-pink .text-view.view > text, .note-window.style-pink headerbar { + background-color: #F06292; + color: white; +} + +.note-window.style-pink * { + color: white; +} + +.note-window.style-pink .text-view.view > text > selection { + background-color: rgba(255, 255, 255, 0.3); +} + +.note-window.style-pink popover > arrow, +.note-window.style-pink popover > contents { + background-color: #f491b2; + color: white; +} + +.note-window.style-green, .note-window.style-green .text-view.view, .note-window.style-green .text-view.view > text, .note-window.style-green headerbar { + background-color: #66BB6A; + color: white; +} + +.note-window.style-green * { + color: white; +} + +.note-window.style-green .text-view.view > text > selection { + background-color: rgba(255, 255, 255, 0.3); +} + +.note-window.style-green popover > arrow, +.note-window.style-green popover > contents { + background-color: #89cb8c; + color: white; +} + +.note-window.style-purple, .note-window.style-purple .text-view.view, .note-window.style-purple .text-view.view > text, .note-window.style-purple headerbar { + background-color: #BA68C8; + color: white; +} + +.note-window.style-purple * { + color: white; +} + +.note-window.style-purple .text-view.view > text > selection { + background-color: rgba(255, 255, 255, 0.3); +} + +.note-window.style-purple popover > arrow, +.note-window.style-purple popover > contents { + background-color: #cb8dd6; + color: white; +} + +.note-window.style-blue, .note-window.style-blue .text-view.view, .note-window.style-blue .text-view.view > text, .note-window.style-blue headerbar { + background-color: #3281EA; + color: white; +} + +.note-window.style-blue * { + color: white; +} + +.note-window.style-blue .text-view.view > text > selection { + background-color: rgba(255, 255, 255, 0.3); +} + +.note-window.style-blue popover > arrow, +.note-window.style-blue popover > contents { + background-color: #609def; + color: white; +} + +.note-window.style-gray, .note-window.style-gray .text-view.view, .note-window.style-gray .text-view.view > text, .note-window.style-gray headerbar { + background-color: #727272; + color: white; +} + +.note-window.style-gray * { + color: white; +} + +.note-window.style-gray .text-view.view > text > selection { + background-color: rgba(255, 255, 255, 0.3); +} + +.note-window.style-gray popover > arrow, +.note-window.style-gray popover > contents { + background-color: #8c8c8c; + color: white; +} + +.note-window.style-charcoal, .note-window.style-charcoal .text-view.view, .note-window.style-charcoal .text-view.view > text, .note-window.style-charcoal headerbar { + background-color: #333333; + color: white; +} + +.note-window.style-charcoal * { + color: white; +} + +.note-window.style-charcoal .text-view.view > text > selection { + background-color: rgba(255, 255, 255, 0.3); +} + +.note-window.style-charcoal popover > arrow, +.note-window.style-charcoal popover > contents { + background-color: #444444; + color: white; +} + +window.background.chromium { + background-color: #161b26; +} + +window.background.chromium headerbar.header-bar.titlebar { + padding: 0 8px; + background-color: #0f111a; + color: white; + border-radius: 16px 16px 0 0; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.chromium headerbar.header-bar.titlebar:backdrop { + background-color: #0f111a; + color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.chromium headerbar.header-bar.titlebar button.titlebutton { + min-height: 22px; + min-width: 22px; + margin: 4px 2px; + padding: 0; +} + +.main-window { + background: linear-gradient(127deg, color-mix(in srgb, var(--background-color-0) 55%, transparent), color-mix(in srgb, var(--background-color-0) 0%, transparent) 70.71%), linear-gradient(217deg, color-mix(in srgb, var(--background-color-1) 55%, transparent), color-mix(in srgb, var(--background-color-1) 0%, transparent) 70.71%), linear-gradient(336deg, color-mix(in srgb, var(--background-color-2) 55%, transparent), color-mix(in srgb, var(--background-color-2) 0%, transparent) 70.71%); + transition-property: background; + transition-duration: 250ms; + transition-timing-function: ease; +} + +.main-window .content-pane, .main-window .content-pane:backdrop, .main-window .sidebar-pane, .main-window .sidebar-pane:backdrop { + background-color: transparent; +} + +scrollbar, +scrollbar.overlay-indicator { + border: none; +} + +scrollbar, scrollbar.dragging, scrollbar.hovering, +scrollbar.overlay-indicator, +scrollbar.overlay-indicator.dragging, +scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +.main-window > overlay-split-view > widget.background > playlistview { + background: linear-gradient(127deg, color-mix(in srgb, var(--background-color-0) 55%, transparent), color-mix(in srgb, var(--background-color-0) 0%, transparent) 70.71%), linear-gradient(217deg, color-mix(in srgb, var(--background-color-1) 55%, transparent), color-mix(in srgb, var(--background-color-1) 0%, transparent) 70.71%), linear-gradient(336deg, color-mix(in srgb, var(--background-color-2) 55%, transparent), color-mix(in srgb, var(--background-color-2) 0%, transparent) 70.71%), var(--window-bg-color); + transition-property: background; + transition-duration: 250ms; + transition-timing-function: ease; +} + +.main-window volume > scale trough highlight { + background: color-mix(in srgb, var(--accent-bg-color) var(--dim-opacity), transparent); +} + +.main-window songcover picture.cover { + background: linear-gradient(to bottom, var(--background-color-0), var(--background-color-1)); +} + +.drag-overlay-status-page { + background-color: color-mix(in srgb, var(--accent-bg-color) 50%, transparent); + color: var(--accent-fg-color); + padding: 32px; +} + +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: white; +} + +avatar.image { + background: none; +} + +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, button.suggested-action, button.destructive-action, button.opaque { + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); +} + +.osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { + outline: none; +} + +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, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { + background-image: image(alpha(currentColor, 0.1)); +} + +splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, 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, button.suggested-action:active, button.destructive-action:active, button.opaque:active { + background-image: image(rgba(0, 0, 0, 0.2)); +} + +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, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { + background-image: image(rgba(0, 0, 0, 0.15)); +} + +splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { + background-image: image(rgba(0, 0, 0, 0.05)); +} + +splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { + background-image: image(rgba(0, 0, 0, 0.3)); +} + +button.opaque { + background-color: #4c4c4c; + color: white; +} + +button.destructive-action { + color: white; +} + +button.destructive-action, button.destructive-action:checked { + background-color: #F44336; +} + +button.suggested-action { + color: white; +} + +button.suggested-action, button.suggested-action:checked { + background-color: #4DB6AC; +} + +button.font separator { + background-color: transparent; +} + +button.font > box { + border-spacing: 4px; +} + +button.font > box > box > label { + font-weight: bold; +} + +menubutton.pill > button, button.pill { + padding: 10px 32px; + border-radius: 9999px; +} + +button.card { + background-clip: padding-box; + font-weight: inherit; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +button.card:hover { + background-color: alpha(currentColor, 0.08); +} + +button.card.keyboard-activating, button.card: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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 100% 100%; +} + +button.card: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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 100% 100%; +} + +button.card:drop(active) { + color: #F57C00; + box-shadow: inset 0 0 0 1px #F57C00; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #4DB6AC; + color: white; +} + +menubutton.destructive-action { + background-color: #F44336; + color: white; +} + +menubutton.opaque { + background-color: #4c4c4c; + color: white; +} + +menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { + border-radius: 10px; +} + +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: 4px; + padding-right: 4px; +} + +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: 10px; +} + +splitbutton:disabled { + filter: none; + opacity: 1; +} + +splitbutton, splitbutton > separator { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + transition-property: background; +} + +splitbutton > separator { + margin-top: 4px; + margin-bottom: 4px; + background: none; +} + +splitbutton > menubutton > button { + padding-left: 4px; + padding-right: 4px; +} + +splitbutton.image-button > button { + min-height: 24px; + min-width: 24px; + padding: 4px; +} + +splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { + padding-left: 6px; + padding-right: 6px; +} + +splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { + border-spacing: 4px; +} + +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(255, 255, 255, 0.12); +} + +splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { + background: alpha(currentColor, 0.1); + color: white; +} + +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: 10px; +} + +splitbutton.suggested-action { + background-color: #4DB6AC; + color: white; +} + +splitbutton.destructive-action { + background-color: #F44336; + color: white; +} + +splitbutton.opaque { + background-color: #4c4c4c; + color: white; +} + +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(255, 255, 255, 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(255, 255, 255, 0.12); +} + +splitbutton > menubutton > button > arrow.none { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +buttoncontent { + border-spacing: 4px; +} + +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; +} + +toast { + margin: 8px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 4px; + padding: 4px; + box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 11px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + font-weight: normal; +} + +toast:dir(ltr) { + padding-left: 8px; +} + +toast:dir(rtl) { + padding-right: 8px; +} + +toast > widget { + margin: 0 4px; +} + +statuspage > scrolledwindow > viewport > box { + margin: 24px 8px; + border-spacing: 36px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box { + border-spacing: 8px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 128px; + color: alpha(currentColor, 0.45); +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { + opacity: 0.45; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 16px; +} + +statuspage.compact > scrolledwindow > viewport > box { + margin: 16px 8px; + border-spacing: 16px; +} + +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: 8px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { + font-size: 18pt; +} + +.card, list.content, +list.boxed-list, list.boxed-list-separate > row { + border-radius: 10px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.12); + background-clip: padding-box; + background-color: #161b26; + color: rgba(255, 255, 255, 0.7); +} + +preferencespage > scrolledwindow > viewport > clamp > box { + margin: 16px 8px; + border-spacing: 16px; +} + +preferencesgroup > box, preferencesgroup > box .labels { + border-spacing: 4px; +} + +preferencesgroup > box > box.header:not(.single-line) { + margin-bottom: 4px; +} + +preferencesgroup > box > box.single-line { + min-height: 32px; +} + +preferencesgroup > box button.background-preview-button.toggle { + padding: 0; + background: none; + box-shadow: none; + outline-color: transparent; + outline-width: 3px; + outline-offset: 2px; + outline-style: solid; +} + +preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview { + border-radius: 6px; +} + +preferencesgroup > box button.background-preview-button.toggle:hover { + outline-color: rgba(255, 255, 255, 0.04); +} + +preferencesgroup > box button.background-preview-button.toggle:active { + outline-color: rgba(255, 255, 255, 0.3); +} + +preferencesgroup > box button.background-preview-button.toggle:checked { + outline-color: var(--accent-bg-color); +} + +preferencesgroup > box flowbox.background-flowbox > flowboxchild { + outline: 2px solid transparent; + outline-offset: 0; + border-radius: 10px; + padding: 2px; +} + +preferencesgroup > box flowbox.background-flowbox > flowboxchild .background-thumbnail { + border-radius: 8px; +} + +preferencesgroup > box flowbox.background-flowbox > flowboxchild:hover { + outline-color: rgba(255, 255, 255, 0.12); +} + +preferencesgroup > box flowbox.background-flowbox > flowboxchild:active { + outline-color: rgba(255, 255, 255, 0.3); +} + +preferencesgroup > box flowbox.background-flowbox > flowboxchild:selected { + outline-color: var(--accent-bg-color); + background-color: transparent; +} + +preferencesgroup > box .cutout-button { + background-color: #1e2431; +} + +preferencesgroup > box button.accent-button { + min-height: 24px; + min-width: 24px; + padding: 2px; + border-radius: 9999px; + background: var(--accent-bg-color); + outline: none; + background-clip: content-box; + box-shadow: none; + border: none; +} + +preferencesgroup > box button.accent-button:hover { + box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.12); +} + +preferencesgroup > box button.accent-button:checked { + box-shadow: 0 0 0 3px var(--accent-bg-color); +} + +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); +} + +banner > revealer > widget { + /* There are 2 more instances in _sidebars.css, keep in sync with that */ + background-color: mix(var(--accent-bg-color),#161b26,0.7); + color: white; + padding: 4px; +} + +banner > revealer > widget:backdrop { + background-color: mix(var(--accent-bg-color),#161b26,0.85); +} + +banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { + filter: opacity(0.5); +} + +viewswitcher { + border-spacing: 2px; + min-height: 24px; +} + +viewswitcher.narrow { + margin-top: 0; + margin-bottom: 0; + min-height: 6px; +} + +headerbar viewswitcher.narrow { + margin-top: -4px; + margin-bottom: -4px; +} + +viewswitcher.wide { + border-spacing: 0; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.04); +} + +viewswitcher.wide button.toggle:checked, viewswitcher.wide button.toggle.flat:checked { + background-color: var(--accent-bg-color); + color: white; +} + +viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator { + background-color: white; +} + +viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator > label { + color: var(--accent-bg-color); +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + border: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; + min-height: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 4px; + padding-bottom: 4px; + border-spacing: 2px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.narrow > label { + min-height: 18px; + padding-left: 3px; + padding-right: 3px; + padding-bottom: 0; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 0 8px; + border-spacing: 4px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +headerbar viewswitchertitle { + margin-top: -4px; + margin-bottom: -4px; +} + +headerbar viewswitchertitle viewswitcher { + margin-left: 8px; + margin-right: 8px; +} + +headerbar viewswitchertitle viewswitcher.narrow { + margin-top: 0; + margin-bottom: 0; +} + +headerbar viewswitchertitle viewswitcher.wide { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar viewswitchertitle windowtitle { + margin-top: 0; + margin-bottom: 0; +} + +indicatorbin > indicator, indicatorbin > mask { + min-width: 4px; + min-height: 4px; + border-radius: 9999px; +} + +indicatorbin > indicator { + margin: 1px; + padding: 0; + background: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 2px 5px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: var(--accent-bg-color); +} + +indicatorbin.needs-attention > indicator > label { + color: white; +} + +tabbar .box { + min-height: 24px; + background-color: #0f111a; + color: rgba(255, 255, 255, 0.7); + padding: 0; + box-shadow: inset 0 -1px #404040; + border-bottom: none; +} + +tabbar tabbox { + padding: 0; + min-height: 24px; +} + +tabbar tabbox > tabboxchild { + border-radius: 0; + margin: 0; + padding-top: 4px; +} + +tabbar tabbox > separator { + margin-top: 6px; + margin-bottom: 6px; + transition: opacity 150ms ease-in-out; +} + +tabbar tabbox > separator.hidden { + opacity: 0; +} + +tabbar tabbox > revealer > indicator { + min-width: 2px; + border-radius: 2px; + margin: 6px 4px; + background: alpha(var(--accent-bg-color), 0.5); +} + +tabbar tab { + transition: none; + border-radius: 10px 10px 0 0; + border: 1px solid transparent; + border-bottom-width: 0; + color: rgba(255, 255, 255, 0.7); + padding: 4px 8px; +} + +tabbar tab:hover:not(:selected):not(:active):not(:checked) { + transition: none; + background-color: #404040; + box-shadow: none; + color: white; + border-color: #404040; + border-radius: 10px 10px 0 0; +} + +tabbar tab:selected, tabbar tab:checked, tabbar tab:active { + transition: background-color 150ms ease-in-out; + background-color: #161b26; + box-shadow: none; + color: white; + border-color: #404040; + border-radius: 10px 10px 0 0; +} + +tabbar .start-action, +tabbar .end-action { + padding: 6px; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + padding-right: 0; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + padding-left: 0; +} + +tabview > stack { + background-color: #161b26; +} + +dnd tab { + background-color: #0f111a; + color: rgba(255, 255, 255, 0.7); + box-shadow: none; + margin: 16px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 20px; + min-height: 20px; + border-radius: 9999px; + border: none; +} + +tabbar tab indicator, +dnd tab indicator { + min-height: 2px; + border-radius: 2px; + background: alpha(var(--accent-bg-color), 0.5); +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +flap > dimming, +leaflet > dimming, +navigation-view > dimming, +overlay-split-view > dimming { + background: rgba(0, 0, 0, 0.25); +} + +flap > border, +leaflet > border, +navigation-view > border, +overlay-split-view > border { + background: 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(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 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(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 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(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 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(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); +} + +toolbarview.undershoot-top scrolledwindow > undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +navigation-view navigation-view-page .medium stack > button { + margin-top: 8px; +} + +.unfolded stacksidebar.sidebar { + border: none; +} + +.sidebar-pane, +.content-pane .sidebar-pane, +.sidebar-pane .content-pane { + background-color: #131823; + color: white; +} + +.sidebar-pane:backdrop, +.content-pane .sidebar-pane:backdrop, +.sidebar-pane .content-pane:backdrop { + background-color: #0f111a; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.sidebar-pane flap > dimming, +.sidebar-pane leaflet > dimming, +.sidebar-pane navigation-view > dimming, +.sidebar-pane overlay-split-view > dimming, +.content-pane .sidebar-pane flap > dimming, +.content-pane .sidebar-pane leaflet > dimming, +.content-pane .sidebar-pane navigation-view > dimming, +.content-pane .sidebar-pane overlay-split-view > dimming, +.sidebar-pane .content-pane flap > dimming, +.sidebar-pane .content-pane leaflet > dimming, +.sidebar-pane .content-pane navigation-view > dimming, +.sidebar-pane .content-pane overlay-split-view > dimming { + background: rgba(0, 0, 0, 0.25); +} + +.sidebar-pane flap > border, +.sidebar-pane leaflet > border, +.sidebar-pane navigation-view > border, +.sidebar-pane overlay-split-view > border, +.content-pane .sidebar-pane flap > border, +.content-pane .sidebar-pane leaflet > border, +.content-pane .sidebar-pane navigation-view > border, +.content-pane .sidebar-pane overlay-split-view > border, +.sidebar-pane .content-pane flap > border, +.sidebar-pane .content-pane leaflet > border, +.sidebar-pane .content-pane navigation-view > border, +.sidebar-pane .content-pane overlay-split-view > border { + background: none; +} + +.sidebar-pane flap > shadow, +.sidebar-pane leaflet > shadow, +.sidebar-pane navigation-view > shadow, +.sidebar-pane overlay-split-view > shadow, +.content-pane .sidebar-pane flap > shadow, +.content-pane .sidebar-pane leaflet > shadow, +.content-pane .sidebar-pane navigation-view > shadow, +.content-pane .sidebar-pane overlay-split-view > shadow, +.sidebar-pane .content-pane flap > shadow, +.sidebar-pane .content-pane leaflet > shadow, +.sidebar-pane .content-pane navigation-view > shadow, +.sidebar-pane .content-pane overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +.sidebar-pane flap > shadow.left, +.sidebar-pane leaflet > shadow.left, +.sidebar-pane navigation-view > shadow.left, +.sidebar-pane overlay-split-view > shadow.left, +.content-pane .sidebar-pane flap > shadow.left, +.content-pane .sidebar-pane leaflet > shadow.left, +.content-pane .sidebar-pane navigation-view > shadow.left, +.content-pane .sidebar-pane overlay-split-view > shadow.left, +.sidebar-pane .content-pane flap > shadow.left, +.sidebar-pane .content-pane leaflet > shadow.left, +.sidebar-pane .content-pane navigation-view > shadow.left, +.sidebar-pane .content-pane overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); +} + +.sidebar-pane flap > shadow.right, +.sidebar-pane leaflet > shadow.right, +.sidebar-pane navigation-view > shadow.right, +.sidebar-pane overlay-split-view > shadow.right, +.content-pane .sidebar-pane flap > shadow.right, +.content-pane .sidebar-pane leaflet > shadow.right, +.content-pane .sidebar-pane navigation-view > shadow.right, +.content-pane .sidebar-pane overlay-split-view > shadow.right, +.sidebar-pane .content-pane flap > shadow.right, +.sidebar-pane .content-pane leaflet > shadow.right, +.sidebar-pane .content-pane navigation-view > shadow.right, +.sidebar-pane .content-pane overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); +} + +.sidebar-pane flap > shadow.up, +.sidebar-pane leaflet > shadow.up, +.sidebar-pane navigation-view > shadow.up, +.sidebar-pane overlay-split-view > shadow.up, +.content-pane .sidebar-pane flap > shadow.up, +.content-pane .sidebar-pane leaflet > shadow.up, +.content-pane .sidebar-pane navigation-view > shadow.up, +.content-pane .sidebar-pane overlay-split-view > shadow.up, +.sidebar-pane .content-pane flap > shadow.up, +.sidebar-pane .content-pane leaflet > shadow.up, +.sidebar-pane .content-pane navigation-view > shadow.up, +.sidebar-pane .content-pane overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); +} + +.sidebar-pane flap > shadow.down, +.sidebar-pane leaflet > shadow.down, +.sidebar-pane navigation-view > shadow.down, +.sidebar-pane overlay-split-view > shadow.down, +.content-pane .sidebar-pane flap > shadow.down, +.content-pane .sidebar-pane leaflet > shadow.down, +.content-pane .sidebar-pane navigation-view > shadow.down, +.content-pane .sidebar-pane overlay-split-view > shadow.down, +.sidebar-pane .content-pane flap > shadow.down, +.sidebar-pane .content-pane leaflet > shadow.down, +.sidebar-pane .content-pane navigation-view > shadow.down, +.sidebar-pane .content-pane overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); +} + +.sidebar-pane banner > revealer > widget, +.content-pane .sidebar-pane banner > revealer > widget, +.sidebar-pane .content-pane banner > revealer > widget { + background-color: mix(var(--accent-bg-color),#131823,0.7); + color: white; +} + +.sidebar-pane banner > revealer > widget:backdrop, +.content-pane .sidebar-pane banner > revealer > widget:backdrop, +.sidebar-pane .content-pane banner > revealer > widget:backdrop { + background-color: mix(var(--accent-bg-color),#131823,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, +.content-pane .sidebar-pane:dir(ltr), +.content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, +.content-pane .sidebar-pane.end:dir(rtl), +.content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, +.sidebar-pane .content-pane:dir(ltr), +.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, +.sidebar-pane .content-pane.end:dir(rtl), +.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget, +.content-pane .sidebar-pane:dir(rtl), +.content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, +.content-pane .sidebar-pane.end:dir(ltr), +.content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, +.sidebar-pane .content-pane:dir(rtl), +.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, +.sidebar-pane .content-pane.end:dir(ltr), +.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { + box-shadow: none; + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +.sidebar-pane .sidebar-pane { + background-color: transparent; + color: inherit; +} + +.sidebar-pane .top-bar, +.sidebar-pane .sidebar, +.sidebar-pane .toolbar, +.sidebar-pane .navigation-sidebar, +.sidebar-pane searchbar > revealer > box { + background-color: transparent; + box-shadow: none; + border: none; +} + +.sidebar-pane headerbar { + border-top-right-radius: 0; +} + +.sidebar-pane headerbar, .sidebar-pane headerbar:backdrop { + background-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.maximized .sidebar-pane headerbar, window.tiled .sidebar-pane headerbar { + box-shadow: none; +} + +.content-pane, .content-pane:backdrop { + background-color: #0f111a; +} + +.content-pane headerbar { + color: white; + border-top-left-radius: 0; +} + +.content-pane headerbar, .content-pane headerbar:backdrop { + background-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.content-pane headerbar .subtitle, +.content-pane headerbar .dim-label, +.content-pane headerbar entry > text > placeholder, +.content-pane headerbar entry > text > placeholder, +.content-pane headerbar row.property > box.header > box.title > .title, +.content-pane headerbar row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) .content-pane headerbar image.expander-row-arrow { + color: rgba(255, 255, 255, 0.7); +} + +.content-pane headerbar .subtitle:backdrop, +.content-pane headerbar .dim-label:backdrop, +.content-pane headerbar entry > text > placeholder:backdrop, +.content-pane headerbar entry > text > placeholder:backdrop, +.content-pane headerbar row.property > box.header > box.title > .title:backdrop, +.content-pane headerbar row.expander:not(:checked) image.expander-row-arrow:backdrop, +row.expander:not(:checked) .content-pane headerbar image.expander-row-arrow:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +.content-pane headerbar viewswitcher.wide { + background-color: rgba(255, 255, 255, 0.04); +} + +window.maximized .content-pane headerbar, window.tiled .content-pane headerbar { + box-shadow: none; +} + +.sidebar-pane toolbarview.undershoot-top:not(.view) scrolledwindow > undershoot.top, +.content-pane toolbarview.undershoot-top:not(.view) scrolledwindow > undershoot.top { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane toolbarview.undershoot-bottom:not(.view) scrolledwindow > undershoot.bottom, +.content-pane toolbarview.undershoot-bottom:not(.view) scrolledwindow > undershoot.bottom { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-top > undershoot.top, +.content-pane scrolledwindow.undershoot-top > undershoot.top { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, +.content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +toolbarview > .top-bar searchbar > revealer > box, +toolbarview > .bottom-bar searchbar > revealer > box { + background-color: transparent; + box-shadow: none; +} + +toolbarview > .top-bar actionbar > revealer > box, +toolbarview > .bottom-bar actionbar > revealer > box { + background-color: transparent; + border: none; + box-shadow: none; +} + +toolbarview > .top-bar .toolbar, +toolbarview > .bottom-bar .toolbar { + background-color: transparent; + padding: 4px; + border-spacing: 0; +} + +toolbarview > .top-bar .collapse-spacing, +toolbarview > .bottom-bar .collapse-spacing { + padding-top: 0; + padding-bottom: 0; +} + +toolbarview > .top-bar .collapse-spacing headerbar, +toolbarview > .bottom-bar .collapse-spacing headerbar { + min-height: 40px; +} + +toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, +toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box { + padding-top: 4px; + padding-bottom: 4px; +} + +toolbarview > .top-bar .collapse-spacing headerbar.default-decoration, +toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration { + min-height: 22px; +} + +toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, +toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box { + padding-top: 4px; + padding-bottom: 4px; +} + +toolbarview > .top-bar .collapse-spacing searchbar > revealer > box, +toolbarview > .top-bar .collapse-spacing actionbar > revealer > box, +toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, +toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { + padding-top: 4px; + padding-bottom: 4px; +} + +toolbarview > .top-bar .collapse-spacing .toolbar, +toolbarview > .bottom-bar .collapse-spacing .toolbar { + padding-top: 4px; + padding-bottom: 4px; +} + +toolbarview > .top-bar .collapse-spacing tabbar, +toolbarview > .bottom-bar .collapse-spacing tabbar { + padding-top: 0; + padding-bottom: 0; +} + +toolbarview > .top-bar.raised, +toolbarview > .bottom-bar.raised { + background-color: transparent; + color: white; +} + +toolbarview > .top-bar.raised:backdrop, +toolbarview > .bottom-bar.raised:backdrop { + background-color: transparent; +} + +toolbarview > .top-bar:backdrop > windowhandle, +toolbarview > .bottom-bar:backdrop > windowhandle { + filter: none; +} + +toolbarview .top-bar { + box-shadow: none; + background-color: #161b26; +} + +toolbarview .top-bar:backdrop { + background-color: #1e2431; +} + +.info toolbarview .top-bar, .info toolbarview .top-bar:backdrop, .about toolbarview .top-bar, .about toolbarview .top-bar:backdrop { + background-color: transparent; +} + +tabview toolbarview .top-bar, tabview toolbarview .top-bar:backdrop { + background-color: #161b26; +} + +toolbarview .top-bar .collapse-spacing { + padding: 0; +} + +toolbarview .top-bar windowhandle { + filter: none; +} + +toolbarview > .bottom-bar { + padding: 0; + border-spacing: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background-color: #131823; + color: white; +} + +toolbarview > .bottom-bar:backdrop { + background-color: #0f111a; + color: rgba(255, 255, 255, 0.5); +} + +toolbarview > .bottom-bar actionbar > revealer > box { + background-color: transparent; + color: inherit; + box-shadow: none; +} + +toolbarview > .bottom-bar actionbar > revealer > box:backdrop { + background-color: transparent; + transition: none; +} + +toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { + filter: none; + transition: none; +} + +toolbarview > .top-bar.raised { + box-shadow: none; +} + +toolbarview > .top-bar.raised.border { + box-shadow: none; +} + +toolbarview > .bottom-bar.raised { + box-shadow: none; +} + +toolbarview > .bottom-bar.raised.border { + box-shadow: none; +} + +.sidebar-pane .top-bar, +.sidebar-pane .bottom-bar, +.sidebar-pane .top-bar:backdrop, +.sidebar-pane .bottom-bar:backdrop, +.content-pane .top-bar, +.content-pane .bottom-bar, +.content-pane .top-bar:backdrop, +.content-pane .bottom-bar:backdrop { + background-color: transparent; + box-shadow: none; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.25); +} + +floating-sheet > sheet.background { + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); + border-radius: 16px; + outline: none; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color white; +/* +text color for entries, views and content in general */ +@define-color theme_text_color white; +/* +widget base background color */ +@define-color theme_bg_color #0f111a; +/* +text widgets and the like base background color */ +@define-color theme_base_color #161b26; +/* +base background color of selections */ +@define-color theme_selected_bg_color var(--accent-bg-color); +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #0f111a; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #131823; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color white; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color white; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #0f111a; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #161b26; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color var(--accent-bg-color); +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color white; +/* +insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); +/* +widgets main borders color */ +@define-color borders rgba(255, 255, 255, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #FBC02D; +@define-color error_color #F44336; +@define-color success_color #81C995; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title white; +@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); +@define-color wm_highlight rgba(255, 255, 255, 0.1); +@define-color wm_border #090909; +@define-color wm_bg #161b26; +@define-color wm_unfocused_bg #1e2431; +@define-color wm_button_icon white; +@define-color wm_button_close_hover_bg #fd5f51; +@define-color wm_button_close_active_bg #fc2714; +@define-color wm_button_max_hover_bg #38c76a; +@define-color wm_button_max_active_bg #2b9751; +@define-color wm_button_min_hover_bg #fdbe04; +@define-color wm_button_min_active_bg #c29102; +/* +FIXME this is really an API */ +@define-color content_view_bg #161b26; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1d1d1d; +@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.7); +@define-color budgie_tasklist_indicator_color_active #4DB6AC; +@define-color budgie_tasklist_indicator_color_active_window rgba(61, 127, 121, 0.8075); +@define-color budgie_tasklist_indicator_color_attention #FBC02D; +@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; diff --git a/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/gtk.css b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/gtk.css new file mode 100644 index 0000000..0134ea3 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/gtk-4.0/gtk.css @@ -0,0 +1,8745 @@ +:root { + --blue-1: $blue_1; + --blue-2: $blue_2; + --blue-3: $blue_3; + --blue-4: $blue_4; + --blue-5: $blue_5; + --green-1: $green-1; + --green-2: $green-2; + --green-3: $green-3; + --green-4: $green-4; + --green-5: $green-5; + --yellow-1: $yellow-1; + --yellow-2: $yellow-2; + --yellow-3: $yellow-3; + --yellow-4: $yellow-4; + --yellow-5: $yellow-5; + --orange-1: $orange-1; + --orange-2: $orange-2; + --orange-3: $orange-3; + --orange-4: $orange-4; + --orange-5: $orange-5; + --red-1: $red-1; + --red-2: $red-2; + --red-3: $red-3; + --red-4: $red-4; + --red-5: $red-5; + --purple-1: $purple-1; + --purple-2: $purple-2; + --purple-3: $purple-3; + --purple-4: $purple-4; + --purple-5: $purple-5; + --brown-1: $brown-1; + --brown-2: $brown-2; + --brown-3: $brown-3; + --brown-4: $brown-4; + --brown-5: $brown-5; + --light-1: $light-1; + --light-2: $light-2; + --light-3: $light-3; + --light-4: $light-4; + --light-5: $light-5; + --dark-1: $dark-1; + --dark-2: $dark-2; + --dark-3: $dark-3; + --dark-4: $dark-4; + --dark-5: $dark-5; +} + +@define-color blue_1 #99c1f1; +@define-color blue_2 #62a0ea; +@define-color blue_3 #3281EA; +@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_color #4DB6AC; +@define-color destructive_bg_color #F44336; +@define-color destructive_fg_color white; +@define-color destructive_color #F44336; +@define-color success_bg_color #81C995; +@define-color success_fg_color rgba(0, 0, 0, 0.87); +@define-color success_color #81C995; +@define-color warning_bg_color #FBC02D; +@define-color warning_fg_color rgba(0, 0, 0, 0.87); +@define-color warning_color #FBC02D; +@define-color error_bg_color #F44336; +@define-color error_fg_color white; +@define-color error_color #F44336; +@define-color window_bg_color #0f111a; +@define-color window_fg_color white; +@define-color view_bg_color #161b26; +@define-color view_fg_color white; +@define-color headerbar_bg_color #161b26; +@define-color headerbar_fg_color white; +@define-color headerbar_border_color rgba(255, 255, 255, 0.12); +@define-color headerbar_backdrop_color #1e2431; +@define-color headerbar_shade_color rgba(255, 255, 255, 0.12); +@define-color card_bg_color #161b26; +@define-color card_fg_color white; +@define-color card_shade_color rgba(255, 255, 255, 0.12); +@define-color dialog_bg_color #131823; +@define-color dialog_fg_color white; +@define-color popover_bg_color #1e2431; +@define-color popover_fg_color white; +@define-color shade_color rgba(255, 255, 255, 0.12); +@define-color scrollbar_outline_color rgba(255, 255, 255, 0.12); +:root { + --accent-blue: #3281EA; + --accent-teal: #4DB6AC; + --accent-green: #66BB6A; + --accent-yellow: #FBC02D; + --accent-orange: #FB8C00; + --accent-red: #F44336; + --accent-pink: #F06292; + --accent-purple: #BA68C8; + --accent-slate: #DDDDDD; + --accent-color: @accent_bg_color; + --accent-bg-color: @accent_bg_color; + --accent-fg-color: @accent_fg_color; +} + +@keyframes ripple { + from { + background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 30%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 100%, transparent 0%); + } +} + +@keyframes ripple-on-slider { + from { + background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 100%, transparent 0%); + } +} + +@keyframes ripple-on-headerbar { + from { + background-image: radial-gradient(circle farthest-corner at center, var(--accent-bg-color) 30%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, var(--accent-bg-color) 100%, transparent 0%); + } +} + +/*************** + * Base States * + ***************/ +.background { + background-color: #0f111a; + color: white; +} + +dnd { + color: white; +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +.lowres-icon:not(.large-icons) { + -gtk-icon-size: 16px; +} + +.symbolic-circular { + background-color: rgba(255, 255, 255, 0.04); + border-radius: 9999px; + padding: 0; + min-height: 32px; + min-width: 32px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +iconview, .view { + background-color: #161b26; + color: white; +} + +iconview:disabled, .view:disabled { + color: rgba(255, 255, 255, 0.5); +} + +textview text { + background-color: #161b26; +} + +textview border { + background-color: #131823; + color: rgba(255, 255, 255, 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 5px; +} + +rubberband, .content-view rubberband, .content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, +treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { + --accent-bg-color: @accent_bg_color; + border: 1px solid var(--accent-bg-color); + background-color: color-mix(in srgb, var(--accent-bg-color) 30%, transparent); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 10px; +} + +flowbox > flowboxchild button.remove-button.osd { + min-height: 22px; + min-width: 22px; + padding: 4px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +gridview > child { + padding: 3px; +} + +gridview > child:selected { + outline-color: alpha(currentColor, 0.06); +} + +coverflow cover { + color: white; + background-color: #161b26; + border: 1px solid black; +} + +label.separator { + color: rgba(255, 255, 255, 0.7); +} + +label:disabled { + opacity: 1; + filter: none; +} + +row label:disabled, headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 10px; + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +.dim-label, row.expander:not(:checked) image.expander-row-arrow, row.property > box.header > box.title > .title, row label.subtitle, .content-pane headerbar entry > text > placeholder, entry > text > placeholder { + color: rgba(255, 255, 255, 0.5); + opacity: 1; +} + +.accent { + color: var(--accent-bg-color); +} + +.success { + color: #81C995; +} + +.warning { + color: #FBC02D; +} + +.error { + color: #F44336; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 32px; + padding: 0 12px; + color: rgba(255, 255, 255, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: white; +} + +toast, .osd popover.background > arrow, +.osd popover.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents, .osd { + color: white; + background-color: #161b26; + background-clip: padding-box; + border-radius: 10px; + border: none; +} + +.osd { + padding: 4px; + margin: 4px; + box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 11px 0 rgba(0, 0, 0, 0.12); +} + +.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; +} + +.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, row.button .title, listview > header { + 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; +} + +/**************** + * Text Entries * + ****************/ +.content-pane headerbar entry, entry { + caret-color: currentColor; + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: white; +} + +.content-pane headerbar entry:focus-within, entry:focus-within { + background-color: alpha(currentColor, 0.05); + color: white; + outline-color: var(--accent-bg-color); + outline-width: 2px; + outline-offset: -2px; +} + +.content-pane headerbar entry:not(:disabled):not(:focus-within):hover, entry:not(:disabled):not(:focus-within):hover, .content-pane headerbar entry:drop(active), entry:drop(active) { + background-color: alpha(currentColor, 0.08); + color: white; + outline: 2px solid alpha(currentColor, 0.08); + outline-offset: -2px; +} + +.content-pane headerbar entry:disabled, entry:disabled { + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); + outline: none; + filter: none; + opacity: 1; +} + +.content-pane headerbar entry > text > block-cursor, entry > text > block-cursor { + color: #0f111a; + background-color: white; +} + +.content-pane headerbar entry > image, entry > image { + color: rgba(255, 255, 255, 0.7); +} + +.content-pane headerbar entry > image:hover, entry > image:hover, .content-pane headerbar entry > image:active, entry > image:active { + color: white; +} + +.content-pane headerbar entry > image:disabled, entry > image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +entry { + min-height: 32px; + padding: 0 6px; + border-spacing: 4px; + border-radius: 10px; +} + +entry.flat { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: transparent; +} + +entry image.left { + margin-left: 0px; + margin-right: 6px; +} + +entry image.right { + margin-left: 6px; + margin-right: 0px; +} + +entry undershoot.left > undershoot.left { + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +entry undershoot.right > undershoot.right { + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +entry.error { + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: #F44336; +} + +entry.error selection { + color: white; + background-color: #F44336; +} + +entry.error:not(:disabled):not(:focus-within):hover, entry.error:drop(active) { + background-color: alpha(currentColor, 0.08); + color: #F44336; + outline: 2px solid alpha(currentColor, 0.08); + outline-offset: -2px; +} + +entry.error:focus-within { + background-color: alpha(currentColor, 0.05); + color: #F44336; + outline-color: #F44336; + outline-width: 2px; + outline-offset: -2px; +} + +entry.error:disabled { + background-color: alpha(currentColor, 0.05); + color: rgba(244, 67, 54, 0.35); + outline: none; + filter: none; + opacity: 1; +} + +entry.error > text > placeholder { + color: rgba(244, 67, 54, 0.35); +} + +entry.error > text > block-cursor { + color: #F44336; + background-color: white; +} + +entry.error > image { + color: rgba(244, 67, 54, 0.8); +} + +entry.error > image:hover, entry.error > image:active { + color: #F44336; +} + +entry.error > image:disabled { + color: rgba(244, 67, 54, 0.35); +} + +entry.success { + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: #81C995; +} + +entry.success selection { + color: rgba(0, 0, 0, 0.87); + background-color: #81C995; +} + +entry.success:not(:disabled):not(:focus-within):hover, entry.success:drop(active) { + background-color: alpha(currentColor, 0.08); + color: #81C995; + outline: 2px solid alpha(currentColor, 0.08); + outline-offset: -2px; +} + +entry.success:focus-within { + background-color: alpha(currentColor, 0.05); + color: #81C995; + outline-color: #81C995; + outline-width: 2px; + outline-offset: -2px; +} + +entry.success:disabled { + background-color: alpha(currentColor, 0.05); + color: rgba(129, 201, 149, 0.35); + outline: none; + filter: none; + opacity: 1; +} + +entry.success > text > placeholder { + color: rgba(129, 201, 149, 0.35); +} + +entry.success > text > block-cursor { + color: #81C995; + background-color: rgba(0, 0, 0, 0.87); +} + +entry.success > image { + color: rgba(129, 201, 149, 0.8); +} + +entry.success > image:hover, entry.success > image:active { + color: #81C995; +} + +entry.success > image:disabled { + color: rgba(129, 201, 149, 0.35); +} + +entry.warning { + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: #FBC02D; +} + +entry.warning selection { + color: rgba(0, 0, 0, 0.87); + background-color: #FBC02D; +} + +entry.warning:not(:disabled):not(:focus-within):hover, entry.warning:drop(active) { + background-color: alpha(currentColor, 0.08); + color: #FBC02D; + outline: 2px solid alpha(currentColor, 0.08); + outline-offset: -2px; +} + +entry.warning:focus-within { + background-color: alpha(currentColor, 0.05); + color: #FBC02D; + outline-color: #FBC02D; + outline-width: 2px; + outline-offset: -2px; +} + +entry.warning:disabled { + background-color: alpha(currentColor, 0.05); + color: rgba(251, 192, 45, 0.35); + outline: none; + filter: none; + opacity: 1; +} + +entry.warning > text > placeholder { + color: rgba(251, 192, 45, 0.35); +} + +entry.warning > text > block-cursor { + color: #FBC02D; + background-color: rgba(0, 0, 0, 0.87); +} + +entry.warning > image { + color: rgba(251, 192, 45, 0.8); +} + +entry.warning > image:hover, entry.warning > image:active { + color: #FBC02D; +} + +entry.warning > image:disabled { + color: rgba(251, 192, 45, 0.35); +} + +entry > progress, +entry progress > trough > progress { + margin: 2px -8px; + border-bottom: 2px solid var(--accent-bg-color); + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #161b26; +} + +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(255, 255, 255, 0.15); + color: white; +} + +.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(255, 255, 255, 0.7); +} + +editablelabel > stack > text { + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: white; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, var(--accent-bg-color) 0%, transparent 0%); + } + to { + background-image: radial-gradient(farthest-side, var(--accent-bg-color) 95%, transparent); + } +} + +.nautilus-window tabbar tab > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.background.touch-selection button, popover.background.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window tabbar tab > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:focus, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:hover, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:active, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:checked, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { + color: white; +} + +.nautilus-window tabbar tab > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:disabled, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window tabbar tab > button.flat:checked:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked:disabled, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled, popover.background.touch-selection button:checked:disabled, popover.background.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.5); +} + +.nautilus-window headerbar popover.background > contents button:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + outline: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(currentColor, 0.05); + background-image: radial-gradient(circle, transparent 0%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: white; +} + +.nautilus-window headerbar popover.background > contents button:focus:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +.nautilus-window headerbar popover.background > contents button:hover:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button:hover { + background-color: alpha(currentColor, 0.08); +} + +.nautilus-window headerbar popover.background > contents button:active:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, 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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 100% 100%; +} + +.nautilus-window headerbar popover.background > contents button:disabled:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); + filter: none; + opacity: 1; +} + +.nautilus-window headerbar popover.background > contents button:checked:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button:checked { + box-shadow: none; + background-color: var(--accent-bg-color); + color: white; +} + +.nautilus-window headerbar popover.background > contents button:checked:hover:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button:checked:hover { + box-shadow: inset 0 0 0 2px transparent; +} + +.nautilus-window headerbar popover.background > contents button:checked:disabled:not(.suggested-action):not(.destructive-action), row.spin spinbutton > button.image-button.up:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: rgba(255, 255, 255, 0.5); +} + +button { + min-height: 24px; + min-width: 24px; + padding: 4px; + border-radius: 10px; + font-weight: 500; +} + +button:drop(active) { + background-color: alpha(currentColor, 0.08); +} + +.card.category-tile-iconless, .nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check, +radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton > button.image-button.up, +spinbutton > button.image-button.down, tabbar tab button.image-button, +dnd tab button.image-button, splitbutton.flat > button, +splitbutton.flat > menubutton > button, menubutton.flat > button, .nautilus-window headerbar popover.background > contents button.flat:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar > button, +toolbar > button, dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + outline: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: transparent; + background-image: radial-gradient(circle, transparent 0%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(255, 255, 255, 0.7); +} + +.card.category-tile-iconless:focus, .nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus, +radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton > button.image-button.up:focus, +spinbutton > button.image-button.down:focus, tabbar tab button.image-button:focus, +dnd tab button.image-button:focus, splitbutton.flat > button:focus, +splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, .nautilus-window headerbar popover.background > contents button.flat:focus:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:focus, window.messagedialog .response-area button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar > button:focus, +toolbar > button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child), +combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: white; +} + +.card.category-tile-iconless:hover, .nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover, +radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton > button.image-button.up:hover, +spinbutton > button.image-button.down:hover, tabbar tab button.image-button:hover, +dnd tab button.image-button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, .nautilus-window headerbar popover.background > contents button.flat:hover:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar > button:hover, +toolbar > button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover { + background-color: alpha(currentColor, 0.08); + color: white; +} + +.card.category-tile-iconless:active, .nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active, +radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton > button.image-button.up:active, +spinbutton > button.image-button.down:active, tabbar tab button.image-button:active, +dnd tab button.image-button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, .nautilus-window headerbar popover.background > contents button.flat:active:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar > button:active, +toolbar > button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child), +combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active { + transition: all 75ms 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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 100% 100%; + color: white; +} + +.card.category-tile-iconless:disabled, .nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled, +radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton > button.image-button.up:disabled, +spinbutton > button.image-button.down:disabled, tabbar tab button.image-button:disabled, +dnd tab button.image-button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, .nautilus-window headerbar popover.background > contents button.flat:disabled:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar > button:disabled, +toolbar > button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +tabbar tab button.image-button:checked, +dnd tab button.image-button:checked, splitbutton.flat > button:checked, +splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, .nautilus-window headerbar popover.background > contents button.flat:checked:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar > button:checked, +toolbar > button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { + background-color: alpha(currentColor, 0.1); + color: white; +} + +tabbar tab button.image-button:checked:disabled, +dnd tab button.image-button:checked:disabled, splitbutton.flat > button:checked:disabled, +splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, .nautilus-window headerbar popover.background > contents button.flat:checked:disabled:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar > 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), button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: rgba(255, 255, 255, 0.5); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + +button.image-button { + min-width: 24px; + padding: 4px; +} + +button.text-button.image-button { + min-width: 24px; + padding: 4px; + border-radius: 10px; +} + +button.text-button.image-button label:first-child { + margin-left: 12px; +} + +button.text-button.image-button label:last-child { + margin-right: 12px; +} + +button.text-button.image-button.flat label:first-child { + margin-left: 8px; +} + +button.text-button.image-button.flat label:last-child { + margin-right: 8px; +} + +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: 10px; +} + +.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +.linked:not(.vertical) > menubutton:first-child > button { + border-radius: 10px 0 0 10px; +} + +.linked:not(.vertical) > menubutton:last-child > button { + border-radius: 0 10px 10px 0; +} + +button.osd { + min-height: 24px; + min-width: 24px; + padding: 4px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.5); + border: none; + background-clip: padding-box; + color: rgba(255, 255, 255, 0.85); +} + +button.osd:hover { + background-color: rgba(0, 0, 0, 0.65); + color: white; +} + +button.osd:active { + background-color: rgba(0, 0, 0, 0.75); + color: white; +} + +button.osd:disabled { + opacity: 0; + color: rgba(255, 255, 255, 0.35); +} + +button.suggested-action { + background-color: #4DB6AC; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(77, 182, 172, 0.25); +} + +button.suggested-action:hover { + color: white; + background-color: #5fbdb4; + box-shadow: none; +} + +button.suggested-action:active { + color: white; + background-color: #71c5bd; +} + +button.suggested-action:checked { + background-color: #68c1b8; +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(77, 182, 172, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #4DB6AC; +} + +button.suggested-action.flat:disabled { + color: rgba(255, 255, 255, 0.45); + background-color: transparent; +} + +button.suggested-action.flat:checked { + background-color: rgba(77, 182, 172, 0.3); +} + +button.destructive-action { + background-color: #F44336; + color: white; + box-shadow: none; +} + +button.destructive-action:disabled { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(244, 67, 54, 0.25); +} + +button.destructive-action:hover { + color: white; + background-color: #f5564a; + box-shadow: none; +} + +button.destructive-action:active { + color: white; + background-color: #f6695e; +} + +button.destructive-action:checked { + background-color: #f65f54; +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #F44336; +} + +button.destructive-action.flat:disabled { + color: rgba(255, 255, 255, 0.45); + background-color: transparent; +} + +button.destructive-action.flat:checked { + background-color: rgba(244, 67, 54, 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: 4px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +menubutton.circular > button, filechooser #pathbarbox > stack > box > button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, check, +radio, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action), button.image-button, button.close, button.circular { + border-radius: 9999px; +} + +menubutton.circular > button label, filechooser #pathbarbox > stack > box > button label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, check label, +radio label, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) label, button.image-button label, button.close label, button.circular label { + padding: 0; +} + +.floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button.image-button.up, +spinbutton > button.image-button.down { + min-height: 22px; + min-width: 22px; + padding: 0; + border-radius: 9999px; +} + +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: 10px; + border-bottom-left-radius: 10px; +} + +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; +} + +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 10px; +} + +.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: 10px; + border-top-right-radius: 10px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 10px; +} + +button.color { + min-height: 22px; + min-width: 22px; + padding: 4px; +} + + +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); +} + + +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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 100% 100%; +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #4DB6AC; + color: white; +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #F44336; + color: white; +} + +/********* + * Links * + *********/ +link { + color: #4DB6AC; +} + +link:visited { + color: #BA68C8; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #4DB6AC; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #BA68C8; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: white; + border-radius: 10px; + padding: 0; + border-spacing: 0; +} + +spinbutton:focus-within { + background-color: alpha(currentColor, 0.05); + color: white; + outline-color: var(--accent-bg-color); + outline-width: 2px; + outline-offset: -2px; +} + +spinbutton:disabled { + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); + outline: none; + filter: none; + opacity: 1; +} + +spinbutton > text { + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +spinbutton > button.image-button.up, +spinbutton > button.image-button.down { + padding: 0; + margin: 4px; + border: none; +} + +spinbutton > button.image-button.up:focus:not(:hover):not(:active):not(:disabled), +spinbutton > button.image-button.down:focus:not(:hover):not(:active):not(:disabled) { + background-color: transparent; + color: rgba(255, 255, 255, 0.7); + outline: none; + box-shadow: none; +} + +spinbutton:not(.vertical) > text { + min-width: 24px; + padding-left: 8px; +} + +spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 2px; +} + +spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 2px; +} + +spinbutton.vertical:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical > text { + min-height: 32px; + min-width: 36px; + padding: 0; +} + +spinbutton.vertical > button.image-button.up, +spinbutton.vertical > button.image-button.down { + margin: 4px; + min-width: 28px; + min-height: 28px; +} + +list > row spinbutton:not(.vertical) > button { + margin: 4px; +} + +list > row spinbutton:not(.vertical) > button.up:dir(ltr), list > row spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 2px; +} + +list > row spinbutton:not(.vertical) > button.up:dir(rtl), list > row spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 2px; +} + +/************** + * ComboBoxes * + **************/ +dropdown > button > box { + border-spacing: 4px; +} + +dropdown > button label { + margin-left: 4px; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu, +combobox > popover.menu { + margin-top: 4px; + padding: 0; +} + +dropdown button.combo cellview:dir(ltr), +combobox button.combo cellview:dir(ltr) { + margin-left: 0px; +} + +dropdown button.combo cellview:dir(rtl), +combobox button.combo cellview:dir(rtl) { + margin-right: 0px; +} + +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: 10px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -32px; + padding-right: 32px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -32px; + padding-left: 32px; +} + +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: 3px; + border-radius: 10px; +} + +.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: 10px; + font-weight: normal; + transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); + outline: 0 solid transparent; + outline-offset: 4px; + background-color: alpha(currentColor, 0.05); + color: white; +} + +button.combo:only-child:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: white; +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + color: white; +} + +button.combo:only-child:active { + transition: all 75ms 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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 100% 100%; + color: white; +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: white; +} + +button.combo:only-child:disabled { + box-shadow: none; + background-color: alpha(currentColor, 0.05); + color: rgba(255, 255, 255, 0.5); + filter: none; + opacity: 1; +} + +.app-notification, .toolbar.osd, +toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 4px; + border-radius: 10px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; + color: white; +} + +.app-notification:backdrop, .toolbar.osd:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + padding: 4px; + background-color: #0f111a; + border-spacing: 0; +} + +.toolbar button.pill, +toolbar button.pill { + padding: 4px 32px; +} + +.osd .toolbar, .osd toolbar { + background-color: transparent; +} + +.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, +toolbar.osd.left, +toolbar.osd.right, +toolbar.osd.top, +toolbar.osd.bottom { + border-radius: 0; +} + +.toolbar.osd.bottom, +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, +toolbar.horizontal > separator { + margin: 2px; +} + +.toolbar.vertical > separator, +toolbar.vertical > separator { + margin: 2px; +} + +.toolbar:not(.inline-toolbar):not(.osd) switch, +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 6px 2px; +} + +.toolbar > button { + border-radius: 5px; +} + +.bottom-bar .toolbar { + padding: 4px; +} + +.bottom-bar .toolbar button { + border-radius: 10px; +} + +searchbar > revealer > box { + padding: 4px; + border-spacing: 0; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0f111a; + background-clip: border-box; + box-shadow: none; +} + +searchbar > revealer > box entry, +searchbar > revealer > box button, +searchbar > revealer > box menubutton, +searchbar > revealer > box splitbutton { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +.content-pane headerbar button:not(.suggested-action):not(.destructive-action), window.about headerbar button:not(.suggested-action):not(.destructive-action), .info headerbar button:not(.suggested-action):not(.destructive-action), .about headerbar button:not(.suggested-action):not(.destructive-action), headerbar.flat button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.content-pane headerbar button:focus:not(.suggested-action):not(.destructive-action), .info headerbar button:focus:not(.suggested-action):not(.destructive-action), .about headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:focus:not(.suggested-action):not(.destructive-action), .content-pane headerbar button:hover:not(.suggested-action):not(.destructive-action), .info headerbar button:hover:not(.suggested-action):not(.destructive-action), .about headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:hover:not(.suggested-action):not(.destructive-action), .content-pane headerbar button:active:not(.suggested-action):not(.destructive-action), .info headerbar button:active:not(.suggested-action):not(.destructive-action), .about headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:active:not(.suggested-action):not(.destructive-action), .content-pane headerbar button:checked:not(.suggested-action):not(.destructive-action), .info headerbar button:checked:not(.suggested-action):not(.destructive-action), .about headerbar button:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:not(.suggested-action):not(.destructive-action) { + color: white; +} + +.content-pane headerbar button:disabled:not(.suggested-action):not(.destructive-action), .info headerbar button:disabled:not(.suggested-action):not(.destructive-action), .about headerbar button:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +.content-pane headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .info headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .about headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} + +.content-pane headerbar button:backdrop:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.5); +} + +.content-pane headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:focus:not(.suggested-action):not(.destructive-action), .content-pane headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:hover:not(.suggested-action):not(.destructive-action), .content-pane headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.content-pane headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +.content-pane headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +.content-pane headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action), .info headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action), .about headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +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), headerbar button:checked:not(.suggested-action):not(.destructive-action) { + color: white; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); +} + +headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.3); +} + +headerbar entry { + caret-color: white; +} + +headerbar entry, headerbar entry:drop(active), headerbar entry:focus-within { + color: white; +} + +headerbar entry:not(:disabled):not(:focus-within):hover { + color: white; +} + +headerbar entry:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar entry > text > placeholder { + color: rgba(255, 255, 255, 0.5); +} + +headerbar entry > text > block-cursor { + color: #161b26; + background-color: white; +} + +headerbar entry > image { + color: rgba(255, 255, 255, 0.7); +} + +headerbar entry > image:hover, headerbar entry > image:active { + color: white; +} + +headerbar entry > image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + color: white; + min-height: 40px; + padding: 0; + margin: 0; + background-color: #161b26; + border-radius: 16px 16px 0 0; +} + +headerbar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar:backdrop { + color: rgba(255, 255, 255, 0.7); + background-color: #1e2431; + filter: none; +} + +headerbar:backdrop > windowhandle { + filter: none; + transition: none; +} + +headerbar:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.info headerbar, .about headerbar, headerbar.flat { + color: white; +} + +.info headerbar, .info headerbar:backdrop, .about headerbar, .about headerbar:backdrop, headerbar.flat, headerbar.flat:backdrop { + background-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.info headerbar .subtitle, +.info headerbar .dim-label, +.info headerbar row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) .info headerbar image.expander-row-arrow, +.info headerbar row.property > box.header > box.title > .title, +.info headerbar row label.subtitle, +row .info headerbar label.subtitle, +.info .content-pane headerbar entry > text > placeholder, +.content-pane .info headerbar entry > text > placeholder, +.info headerbar entry > text > placeholder, .about headerbar .subtitle, +.about headerbar .dim-label, +.about headerbar row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) .about headerbar image.expander-row-arrow, +.about headerbar row.property > box.header > box.title > .title, +.about headerbar row label.subtitle, +row .about headerbar label.subtitle, +.about .content-pane headerbar entry > text > placeholder, +.content-pane .about headerbar entry > text > placeholder, +.about headerbar entry > text > placeholder, headerbar.flat .subtitle, +headerbar.flat .dim-label, +headerbar.flat row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) headerbar.flat image.expander-row-arrow, +headerbar.flat row.property > box.header > box.title > .title, +headerbar.flat row label.subtitle, +row headerbar.flat label.subtitle, +.content-pane headerbar.flat entry > text > placeholder, +headerbar.flat entry > text > placeholder { + color: rgba(255, 255, 255, 0.7); +} + +.info headerbar .subtitle:backdrop, +.info headerbar .dim-label:backdrop, +.info headerbar row.expander:not(:checked) image.expander-row-arrow:backdrop, +row.expander:not(:checked) .info headerbar image.expander-row-arrow:backdrop, +.info headerbar row.property > box.header > box.title > .title:backdrop, +.info headerbar row label.subtitle:backdrop, +row .info headerbar label.subtitle:backdrop, +.info .content-pane headerbar entry > text > placeholder:backdrop, +.content-pane .info headerbar entry > text > placeholder:backdrop, +.info headerbar entry > text > placeholder:backdrop, .about headerbar .subtitle:backdrop, +.about headerbar .dim-label:backdrop, +.about headerbar row.expander:not(:checked) image.expander-row-arrow:backdrop, +row.expander:not(:checked) .about headerbar image.expander-row-arrow:backdrop, +.about headerbar row.property > box.header > box.title > .title:backdrop, +.about headerbar row label.subtitle:backdrop, +row .about headerbar label.subtitle:backdrop, +.about .content-pane headerbar entry > text > placeholder:backdrop, +.content-pane .about headerbar entry > text > placeholder:backdrop, +.about headerbar entry > text > placeholder:backdrop, headerbar.flat .subtitle:backdrop, +headerbar.flat .dim-label:backdrop, +headerbar.flat row.expander:not(:checked) image.expander-row-arrow:backdrop, +row.expander:not(:checked) headerbar.flat image.expander-row-arrow:backdrop, +headerbar.flat row.property > box.header > box.title > .title:backdrop, +headerbar.flat row label.subtitle:backdrop, +row headerbar.flat label.subtitle:backdrop, +.content-pane headerbar.flat entry > text > placeholder:backdrop, +headerbar.flat entry > text > placeholder:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar .title { + padding: 0 8px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 8px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label, +headerbar row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) headerbar image.expander-row-arrow, +headerbar row.property > box.header > box.title > .title, +headerbar row label.subtitle, +row headerbar label.subtitle, +.content-pane headerbar entry > text > placeholder, +headerbar entry > text > placeholder { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop, +headerbar row.expander:not(:checked) image.expander-row-arrow:backdrop, +row.expander:not(:checked) headerbar image.expander-row-arrow:backdrop, +headerbar row.property > box.header > box.title > .title:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop, +.content-pane headerbar entry > text > placeholder:backdrop, +headerbar entry > text > placeholder:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar headerbar { + background-color: transparent; + box-shadow: none; +} + +headerbar splitbutton { + border-radius: 9999px; +} + +headerbar splitbutton > button, headerbar splitbutton > menubutton > button { + min-height: 24px; + min-width: 24px; + padding: 4px; + border-radius: 9999px; +} + +headerbar splitbutton > button:dir(ltr), +headerbar splitbutton > menubutton > button:dir(rtl) { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +headerbar splitbutton > button:dir(rtl), +headerbar splitbutton > menubutton > button:dir(ltr) { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +headerbar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 10px; +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +headerbar button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +headerbar button.toggle { + border-radius: 9999px; +} + +headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton { + border-radius: 5px; +} + +headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 0; +} + +headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):first-child { + border-radius: 5px 0 0 5px; +} + +headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):last-child { + border-radius: 0 5px 5px 0; +} + +headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):only-child { + border-radius: 5px; +} + +headerbar stackswitcher { + border-radius: 9999px; +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active { + color: white; +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { + color: white; +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active { + color: rgba(255, 255, 255, 0.7); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked { + color: rgba(255, 255, 255, 0.5); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar > windowhandle > box { + padding: 4px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 4px; +} + +headerbar > windowhandle > box > box.start:dir(ltr), +headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), +headerbar > windowhandle > box > widget > box.end:dir(rtl) { + margin-right: 4px; +} + +headerbar > windowhandle > box > box.start:dir(rtl), +headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), +headerbar > windowhandle > box > widget > box.end:dir(ltr) { + margin-left: 4px; +} + +headerbar.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); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background-color: var(--accent-bg-color); + color: white; +} + +headerbar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode .subtitle:link { + color: white; +} + +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 .selection-mode { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background-color: var(--accent-bg-color); +} + +.tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +headerbar.default-decoration { + min-height: 22px; + padding: 0; + background-image: none; + background-color: #161b26; + border-radius: 16px 16px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; + border-radius: 0; +} + +headerbar.default-decoration > windowhandle > box { + padding: 0 4px; +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + padding: 0; + min-height: 22px; + min-width: 22px; + margin: 4px 0; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +window.devel headerbar > windowhandle { + background-image: cross-fade(5% -gtk-recolor(url("assets/scalable/devel-symbolic.svg")), image(transparent)); + background-repeat: repeat-x; +} + +headerbar windowcontrols { + border-spacing: 4px; +} + +headerbar windowcontrols.start:dir(ltr), headerbar windowcontrols.end:dir(rtl) { + margin-right: 4px; +} + +headerbar windowcontrols.start:dir(rtl), headerbar windowcontrols.end:dir(ltr) { + margin-left: 4px; +} + +headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) > image { + padding: 0; + border: none; + outline: none; + box-shadow: none; + background-color: transparent; + background-image: none; +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 4px; + padding-right: 4px; + border-radius: 10px; + border-spacing: 2px; +} + + +pathbar > button label, +pathbar > button image { + margin-left: 2px; + margin-right: 2px; +} + + +pathbar > button label:not(:only-child):first-child { + margin-left: 0; +} + + +pathbar > button label:not(:only-child):last-child { + margin-right: 0; +} + + +pathbar > button.text-button { + min-width: 0; +} + + +pathbar > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +.pathbar { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.7); + border: none; + border-radius: 10px; + padding: 2px; +} + +headerbar .pathbar { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.7); +} + +headerbar .pathbar button { + margin: 0; + min-height: 20px; + border-radius: 8px; +} + +.pathbar > button { + margin-top: 0; + margin-bottom: 0; + min-height: 20px; + border-radius: 8px; + border: none; + box-shadow: none; +} + +.pathbar > button:last-child { + background-color: alpha(currentColor, 0.1); + color: white; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #404040; + border-top-color: #404040; +} + +columnview.view:selected, +treeview.view:selected { + background-color: #161b26; + background-image: image(alpha(currentColor, 0.1)); + box-shadow: none; +} + +columnview.view:hover, columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; + box-shadow: none; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(255, 255, 255, 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; + color: rgba(255, 255, 255, 0.7); + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +columnview.view.expander:dir(rtl), +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.expander:hover, +treeview.view.expander:hover { + color: white; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: var(--accent-bg-color); +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: rgba(var(--accent-bg-color), 0.65); +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(255, 255, 255, 0.3); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid var(--accent-bg-color); + 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(255, 255, 255, 0.15); + 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: none solid solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; + background-clip: border-box; +} + +columnview.view > header > button:not(:focus):not(:hover):not(:active), +treeview.view > header > button:not(:focus):not(:hover):not(:active) { + color: rgba(255, 255, 255, 0.7); +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: #161b26; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: none; +} + +columnview.view > header > button sort-indicator, +treeview.view > header > button sort-indicator { + min-height: 16px; + min-width: 16px; +} + +columnview.view > header > button sort-indicator.ascending, +treeview.view > header > button sort-indicator.ascending { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +columnview.view > header > button sort-indicator.descending, +treeview.view > header > button sort-indicator.descending { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +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(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #161b26; + background-clip: border-box; + color: var(--accent-bg-color); +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: var(--accent-bg-color); +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #161b26; + color: white; +} + +menubar:backdrop { + background-color: #1e2431; + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); +} + +menubar > item:selected { + transition: none; + background-color: alpha(currentColor, 0.1); + color: white; +} + +menubar > item:disabled { + color: rgba(255, 255, 255, 0.3); +} + +menubar > item label:disabled { + color: inherit; +} + +menubar > item popover.menu popover.menu { + margin-left: 6px; +} + +menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; +} + +/********************** + * Popover Base Menus * + **********************/ +popover.menu box.inline-buttons { + padding: 0 12px; +} + +popover.menu box.inline-buttons button.image-button.model { + min-height: 24px; + min-width: 24px; + padding: 0; + border: none; + outline: none; + transition: none; +} + +popover.menu box.inline-buttons button.image-button.model:selected { + background-image: image(alpha(currentColor, 0.06)); +} + +popover.menu box.circular-buttons { + padding: 4px; +} + +popover.menu box.circular-buttons button.circular.image-button.model { + padding: 4px; +} + +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: 2px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; + padding: 0; + color: white; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover.background > arrow, +popover.background > contents { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 4px; + box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 11px 0 rgba(0, 0, 0, 0.12); + background-color: #1e2431; + border: none; + border-radius: 9px; + color: white; +} + +popover.background:backdrop > arrow, +popover.background:backdrop > contents { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} + +popover.background > contents > list, +popover.background > contents > .view, +popover.background > contents > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background > contents > scrolledwindow > viewport > stack > box { + padding: 0; +} + +popover.background > contents separator { + background-color: rgba(255, 255, 255, 0.12); + margin: 2px 0; +} + +popover.background > contents list { + background-color: transparent; + padding: 0; +} + +popover.background > contents list > row { + padding: 4px 8px; + margin: 0; +} + +popover.background > contents list separator { + margin: 0; +} + +popover.background > contents button, popover.background > contents entry, popover.background > contents spinbutton { + border-radius: 5px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #1e2431; +} + +popover.background .linked > button:not(.radio):first-child { + border-radius: 5px 0 0 5px; +} + +popover.background .linked > button:not(.radio):last-child { + border-radius: 0 5px 5px 0; +} + +popover.background .linked > button:not(.radio):only-child { + border-radius: 5px; +} + +popover.background modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 48px; + padding: 2px 6px; + border-radius: 5px; + color: white; + font: initial; + text-shadow: none; + border-spacing: 4px; +} + +popover.background modelbutton:focus { + box-shadow: none; + outline: none; +} + +popover.background modelbutton accelerator { + color: rgba(255, 255, 255, 0.5); + margin-left: 20px; +} + +popover.background modelbutton accelerator:disabled { + color: rgba(255, 255, 255, 0.12); +} + +popover.background modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover.background modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +popover.background.menu button, +popover.background button.model { + min-height: 32px; + padding: 0 8px; + border-radius: 5px; +} + +.osd popover.background, popover.background.touch-selection, popover.background.magnifier { + background-color: transparent; +} + +popover.background listview { + padding: 0; +} + +popover.background listview > row { + padding: 4px 8px; + border-radius: 5px; + margin: 0; +} + +magnifier { + background-color: #161b26; +} + +/************* + * Notebooks * + *************/ +notebook > header tab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 22px; + padding: 4px 8px; + border-width: 1px; + border-color: transparent; + border-style: solid; + outline: none; + background-clip: padding-box; + box-shadow: none; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +notebook > header tab:hover { + background-color: #404040; + color: white; +} + +notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +notebook > header tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #161b26; + background-clip: padding-box; + border-color: #404040; + color: white; + box-shadow: none; +} + +notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +notebook > header tab:checked.reorderable-page { + background-color: #161b26; +} + +notebook { + background-color: #161b26; +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: #131823; +} + +notebook.frame { + border-radius: 10px; +} + +notebook.frame frame > border { + border: none; + border-radius: 10px; +} + +notebook.frame frame > list row.activatable { + border-radius: 10px; +} + +notebook:focus tab:checked { + box-shadow: none; +} + +notebook.frame > header.top { + border-radius: 10px 10px 0 0; +} + +notebook.frame > header.bottom { + border-radius: 0 0 10px 10px; +} + +notebook.frame > header.left { + border-radius: 10px 0 0 10px; +} + +notebook.frame > header.right { + border-radius: 0 10px 10px 0; +} + +notebook > header { + border: none; + background-color: #0f111a; + padding: 0; +} + +notebook > header.top { + box-shadow: inset 0 -1px #404040; +} + +notebook > header.top > tabs { + margin: 4px 0 0; +} + +notebook > header.top > tabs > tab { + border-radius: 10px 10px 0 0; + border-bottom: none; +} + +notebook > header.bottom { + box-shadow: inset 0 1px #404040; +} + +notebook > header.bottom > tabs { + margin: 0 0 4px; +} + +notebook > header.bottom > tabs > tab { + border-radius: 0 0 10px 10px; + border-top: none; +} + +notebook > header.left { + box-shadow: inset -1px 0 #404040; +} + +notebook > header.left > tabs { + margin: 0 0 0 4px; +} + +notebook > header.left > tabs > tab { + border-radius: 10px 0 0 10px; + border-right: none; +} + +notebook > header.right { + box-shadow: inset 1px 0 #404040; +} + +notebook > header.right > tabs { + margin: 0 4px 0 0; +} + +notebook > header.right > tabs > tab { + border-radius: 0 10px 10px 0; + border-left: none; +} + +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: -8px; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: -8px; + -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: -8px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: -8px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; +} + +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -4px -12px; + padding: 4px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -8px; +} + +notebook > header tab button.flat:first-child { + margin-left: -8px; + margin-right: 4px; +} + +notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 8px; + padding-right: 8px; +} + +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.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left tabs, notebook > header.right tabs { + padding-top: 8px; + padding-bottom: 8px; +} + +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.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 10px; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #161b26; +} + +scrollbar.top { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar > range > trough { + box-shadow: none; + 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(255, 255, 255, 0.3); +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(255, 255, 255, 0.5); +} + +scrollbar > range > trough > slider:active { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar > range > trough > slider:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +scrollbar > range.fine-tune > trough > slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar > range.fine-tune.horizontal > trough > slider { + margin: 3px; +} + +scrollbar > range.fine-tune.vertical > trough > slider { + margin: 3px; +} + +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; + box-shadow: none; + outline: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { + padding: 0; + margin: 0; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(44, 44, 44, 0.3); + box-shadow: none; + outline: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(44, 44, 44, 0.3); + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +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: rgba(60, 60, 60, 0.9); +} + +scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.hovering > range > trough { + padding: 0; + margin: 0; +} + +scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough > slider { + margin: 3px; +} + +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); + margin: 4px 0; + padding: 0 2px; + border: 5px solid transparent; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.3); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: color-mix(in srgb, var(--accent-bg-color) 50%, transparent); +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; + color: transparent; +} + +switch > slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: -3px -2px; + border-radius: 9999px; + outline: none; + box-shadow: 0 0 0 10px transparent, 0 2px 2px -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); + background-color: #1e2431; +} + +switch:focus > slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -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); +} + +switch:hover > slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -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); +} + +switch:focus:hover > slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 2px 2px -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); +} + +switch:checked > slider { + background-color: var(--accent-bg-color); + color: var(--accent-bg-color); +} + +/************************* + * Check and Radio items * + *************************/ +checkbutton, +radiobutton { + outline: none; + border-spacing: 4px; +} + +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; +} + +popover checkbutton.text-button > check:dir(ltr), popover radiobutton.text-button > check:dir(ltr) { + margin-left: -12px; +} + +popover checkbutton.text-button > check:dir(rtl), popover radiobutton.text-button > check:dir(rtl) { + margin-right: -12px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: -6px; + padding: 6px; + border: none; +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: #81C995; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.3); +} + +check:not(:hover):focus, +radio:not(:hover):focus { + background-color: transparent; +} + +popover modelbutton check, popover modelbutton radio { + margin: 0; + padding: 0; +} + +popover modelbutton check, popover modelbutton check:focus, popover modelbutton check:hover, popover modelbutton check:focus:hover, popover modelbutton check:active, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:focus, popover modelbutton radio:hover, popover modelbutton radio:focus:hover, popover modelbutton radio:active, popover modelbutton radio:disabled { + transition: none; + box-shadow: none; + background: none; + border: none; +} + +popover modelbutton check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(255, 255, 255, 0.7); +} + +popover modelbutton check, popover modelbutton check:hover, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:hover, popover modelbutton radio:disabled { + box-shadow: none; +} + +popover modelbutton check.left:dir(rtl), popover modelbutton radio.left:dir(rtl) { + margin-left: -12px; + margin-right: -4px; +} + +popover modelbutton check.right:dir(ltr), popover modelbutton radio.right:dir(ltr) { + margin-left: -4px; + margin-right: -12px; +} + + +check { + -gtk-icon-size: 24px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/unchecked-symbolic@2.svg"))); +} + + +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/mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 24px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/unchecked-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/mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 18px; + min-width: 18px; + -gtk-icon-size: 18px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-unchecked-symbolic@2.svg"))); +} + + +popover.menu 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"))); +} + + +popover.menu check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 18px; + min-width: 18px; + border-image: none; + -gtk-icon-size: 18px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-unchecked-symbolic@2.svg"))); +} + + +popover.menu 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"))); +} + + +popover.menu radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-mixed-symbolic@2.svg"))); +} + +treeview.view check, treeview.view radio, +columnview.view check, +columnview.view radio { + padding: 0; + box-shadow: none; + background: none; + color: rgba(255, 255, 255, 0.7); +} + +treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active, +columnview.view check:hover, +columnview.view check:active, +columnview.view radio:hover, +columnview.view radio:active { + color: white; +} + +treeview.view check:disabled, treeview.view radio:disabled, +columnview.view check:disabled, +columnview.view radio:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate, +columnview.view check:checked, +columnview.view check:indeterminate, +columnview.view radio:checked, +columnview.view radio:indeterminate { + color: #81C995; +} + +treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled, +columnview.view check:checked:disabled, +columnview.view check:indeterminate:disabled, +columnview.view radio:checked:disabled, +columnview.view radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, treeview.view:focus-within check, treeview.view:focus-within 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, +columnview.view:focus-within check, +columnview.view:focus-within radio { + box-shadow: none; + background-color: transparent; +} + +treeview.view radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); + border-image: none; +} + +checkbutton.selection-mode { + border-radius: 9999px; +} + +checkbutton.selection-mode check, checkbutton.selection-mode radio { + padding: 4px; + border-radius: 9999px; + -gtk-icon-size: 36px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/selection-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/selection-unchecked-symbolic@2.svg"))); +} + +checkbutton.selection-mode check:checked, checkbutton.selection-mode radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/selection-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/selection-checked-symbolic@2.svg"))); +} + +checkbutton.selection-mode label:dir(ltr) { + margin-right: 4px; +} + +checkbutton.selection-mode label:dir(rtl) { + margin-left: 4px; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 15px 12px; +} + +scale.vertical { + padding: 12px 15px; +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 14px; + padding-bottom: 14px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 14px; + padding-right: 14px; +} + +scale.fine-tune > trough > slider { + min-height: 32px; + min-width: 32px; + margin: -14px; +} + +scale > trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(255, 255, 255, 0.3); +} + +scale > trough:disabled { + background-color: rgba(255, 255, 255, 0.15); +} + +scale > trough > slider { + transition: background-color 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); + background-repeat: no-repeat; + background-position: center; + background-size: auto, 1000% 1000%; + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + color: #4DB6AC; + background-color: transparent; +} + +scale > trough > slider, scale > trough > slider:focus, scale > trough > slider:hover, scale > trough > slider:active { + border: none; + box-shadow: none; + outline: none; +} + +scale > trough > slider { + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale > trough > slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: auto, 0% 0%; + color: #4DB6AC; +} + +scale > trough > highlight { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #4DB6AC; +} + +scale > trough > highlight:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +scale > trough > fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.3); +} + +scale > trough > fill:disabled { + background-color: transparent; +} + +scale > marks, +scale > value { + color: rgba(255, 255, 255, 0.7); +} + +scale > marks indicator { + background-color: rgba(255, 255, 255, 0.3); + color: transparent; +} + +scale.horizontal marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale.horizontal.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { + margin-right: 6px; + margin-left: -14px; +} + +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal > marks indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical > marks indicator { + min-height: 1px; + min-width: 8px; +} + +scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { + transform: none; + box-shadow: none; + border: none; +} + +scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +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: -24px; + margin-top: 8px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) > trough > slider { + margin-left: -24px; + margin-right: 8px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) > trough > slider { + margin-right: -24px; + margin-left: 8px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(255, 255, 255, 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: 10px; + background-color: rgba(255, 255, 255, 0.15); +} + +progressbar progress { + border-radius: 10px; + background-color: var(--accent-bg-color); +} + +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(--accent-bg-color); +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 32px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 32px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 10px; +} + +levelbar block.low { + background-color: #FBC02D; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: var(--accent-bg-color); +} + +levelbar block.full { + background-color: #81C995; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.15); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: white; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #161b26; + color: white; +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame > list, +.frame > list { + border: none; +} + +frame.view, +.frame.view { + border-radius: 10px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 10px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, statusbar frame > border { + border: none; +} + +actionbar { + box-shadow: none; +} + +actionbar > revealer > box { + padding: 4px; + border-spacing: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #161b26; + background-clip: border-box; + box-shadow: none; +} + +actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { + border-spacing: 4px; +} + +actionbar > revealer > box entry, +actionbar > revealer > box button, +actionbar > revealer > box menubutton, +actionbar > revealer > box splitbutton { + margin: 0; +} + +statusbar { + padding: 4px 12px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +scrolledwindow > overshoot.top { + background-size: 200% 70%; + background-image: radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.04) 99%, transparent 100%); + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.bottom { + background-size: 200% 70%; + background-image: radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.04) 99%, transparent 100%); + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.left { + background-size: 200% 70%; + background-image: radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.04) 99%, transparent 100%); + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.right { + background-size: 200% 70%; + background-image: radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.04) 99%, transparent 100%); + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow.undershoot-top > undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-bottom > undershoot.bottom { + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +scrolledwindow > junction { + border: none; + background-color: #161b26; +} + +scrolledwindow > undershoot.top, scrolledwindow > undershoot.bottom, scrolledwindow > undershoot.left, scrolledwindow > undershoot.right { + box-shadow: none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +separator.spacer { + background-color: transparent; +} + +separator.spacer.horizontal { + min-width: 8px; +} + +separator.spacer.vertical { + min-height: 8px; +} + +stacksidebar + separator.vertical, +stacksidebar separator.horizontal, button.font separator, button.file separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +/********* + * Lists * + *********/ +listview, +list { + border-color: rgba(255, 255, 255, 0.12); + background-color: #161b26; + background-clip: padding-box; + color: rgba(255, 255, 255, 0.7); +} + +listview > row, +list > row { + padding: 2px; + 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, listview.separators.horizontal > row:not(.separator), +list.horizontal row.separator, +list.separators.horizontal > row:not(.separator) { + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), +list:not(.horizontal) row.separator, +list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +list.frame { + border-radius: 10px; +} + +listview > header { + padding: 2px; + padding-top: 12px; + padding-bottom: 4px; +} + +button listview.view { + background-color: transparent; +} + +menubutton.flat > button:checked listview.view > row { + color: white; +} + +list.operations-list > row { + border-radius: 5px; +} + +list.operations-list > row, list.operations-list > row:focus { + background-color: transparent; +} + +row { + background-clip: padding-box; + color: rgba(255, 255, 255, 0.7); +} + +columnview.view > header > button, +treeview.view > header > button, row.activatable { + color: rgba(255, 255, 255, 0.7); + 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: none; + background-color: transparent; + background-image: radial-gradient(circle farthest-corner at center, transparent 30%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +columnview.view > header > button:focus, +treeview.view > header > button:focus, row.activatable:focus { + background-color: alpha(currentColor, 0.08); + color: white; +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover, row.activatable:hover { + 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(currentColor, 0.08); + color: white; +} + +columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 75ms 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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 30%, transparent 0%); + background-size: 100% 100%; + color: white; +} + +button row.activatable, button row.activatable:hover, button row.activatable.has-open-popup, button row.activatable:active, button row.activatable:active:hover { + background-color: transparent; + box-shadow: none; + background-image: none; + transition: none; + animation: none; +} + +button:checked row.activatable, button:checked:hover row.activatable { + color: white; +} + +row:selected { + background-color: alpha(currentColor, 0.06); + color: inherit; +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled { + color: rgba(255, 255, 255, 0.5); +} + +row:disabled, row:disabled > .header { + color: rgba(255, 255, 255, 0.3); +} + +treeexpander { + border-spacing: 4px; +} + +columnview > listview { + border-spacing: 2px; + padding: 2px 0; +} + +columnview > listview > row { + padding: 0; +} + +columnview > listview > row > cell { + padding: 2px; +} + +columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; +} + +columnview > header > button { + padding-left: 6px; + padding-right: 6px; + border-left: 1px solid transparent; +} + +columnview > header > button:first-child { + border-left-width: 0; +} + +columnview.column-separators > listview > row > cell, +columnview.column-separators > header > button { + border-left-color: rgba(255, 255, 255, 0.12); +} + +columnview > listview:not(.horizontal).separators > row:not(.separator) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +columnview ~ undershoot.top { + box-shadow: none; +} + +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(--accent-bg-color); +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: white; + background-color: var(--accent-bg-color); +} + +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 6px 8px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row > box { + border-spacing: 8px; +} + +.rich-list > header { + padding-left: 8px; + padding-right: 8px; +} + +/**************** + * AdwActionRow * + ****************/ +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 8px; + margin-right: 8px; + min-height: 40px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.35); +} + +row > box.header > box.title { + margin-top: 4px; + margin-bottom: 4px; + border-spacing: 2px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title, +row > box.header > box.title > .subtitle { + padding: 0; + font-weight: inherit; +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 4px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 4px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 4px; +} + +row.property > box.header > box.title > .title { + font-size: smaller; +} + +row.property > box.header > box.title > .subtitle { + font-size: inherit; + opacity: 1; +} + +row.property.monospace { + font-family: inherit; +} + +row.property.monospace > box.header > box.title > .subtitle { + font-family: monospace; +} + +/****************************** + * AdwEntryRow and AdwSpinRow * + ******************************/ +row.entry:disabled text { + opacity: 0.45; +} + +row.entry:disabled .dim-label, row.entry:disabled row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) row.entry:disabled image.expander-row-arrow, row.entry:disabled .content-pane headerbar entry > text > placeholder, .content-pane headerbar row.entry:disabled entry > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled .subtitle { + opacity: 1; +} + +row.entry .edit-icon, row.entry .indicator { + min-width: 24px; + min-height: 24px; + padding: 4px; +} + +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.spin spinbutton { + background: none; + box-shadow: none; + border-spacing: 4px; +} + +row.spin spinbutton, row.spin spinbutton:focus row.spin spinbutton:focus-within { + outline: none; + background: none; +} + +row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { + min-width: 24px; + min-height: 24px; + padding: 0; + margin: 4px 2px; + border: none; +} + +row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { + filter: none; +} + +row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, +row.spin:not(:selected).activatable.focused:hover, +row.spin:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.entry.error, +row.spin.error { + color: var(--accent-bg-color); +} + +row.entry.error .dim-label, row.entry.error row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) row.entry.error image.expander-row-arrow, row.entry.error .content-pane headerbar entry > text > placeholder, .content-pane headerbar row.entry.error entry > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error row.property > box.header > box.title > .title, row.entry.error .subtitle, +row.spin.error .dim-label, +row.spin.error row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) row.spin.error image.expander-row-arrow, +row.spin.error .content-pane headerbar entry > text > placeholder, +.content-pane headerbar row.spin.error entry > text > placeholder, +row.spin.error entry > text > placeholder, +row.spin.error row.property > box.header > box.title > .title, +row.spin.error .subtitle { + opacity: 1; +} + +row.entry.warning, +row.spin.warning { + color: var(--accent-bg-color); +} + +row.entry.warning .dim-label, row.entry.warning row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) row.entry.warning image.expander-row-arrow, row.entry.warning .content-pane headerbar entry > text > placeholder, .content-pane headerbar row.entry.warning entry > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning .subtitle, +row.spin.warning .dim-label, +row.spin.warning row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) row.spin.warning image.expander-row-arrow, +row.spin.warning .content-pane headerbar entry > text > placeholder, +.content-pane headerbar row.spin.warning entry > text > placeholder, +row.spin.warning entry > text > placeholder, +row.spin.warning row.property > box.header > box.title > .title, +row.spin.warning .subtitle { + opacity: 1; +} + +row.entry.success, +row.spin.success { + color: var(--accent-bg-color); +} + +row.entry.success .dim-label, row.entry.success row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) row.entry.success image.expander-row-arrow, row.entry.success .content-pane headerbar entry > text > placeholder, .content-pane headerbar row.entry.success entry > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success row.property > box.header > box.title > .title, row.entry.success .subtitle, +row.spin.success .dim-label, +row.spin.success row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) row.spin.success image.expander-row-arrow, +row.spin.success .content-pane headerbar entry > text > placeholder, +.content-pane headerbar row.spin.success entry > text > placeholder, +row.spin.success entry > text > placeholder, +row.spin.success row.property > box.header > box.title > .title, +row.spin.success .subtitle { + opacity: 1; +} + +/*************** + * AdwComboRow * + ***************/ +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.combo popover > contents .combo-searchbar { + margin: 4px; +} + +row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +/****************** + * AdwExpanderRow * + ******************/ +list.boxed-list-separate > row.expander row.header, list.content > row, list.content > row.expander row.header, +list.boxed-list > row, +list.boxed-list > row.expander row.header, row.expander list.nested > row { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.osd list.boxed-list-separate > row.expander row.header:focus:focus-visible, list.boxed-list-separate > row.expander .osd row.header:focus:focus-visible, .osd list.content > row:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, +.osd list.boxed-list > row:focus:focus-visible, +.osd list.boxed-list > row.expander row.header:focus:focus-visible, +list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { + outline-color: alpha(currentColor, 0.08); +} + +row.expander { + background: none; + padding: 0px; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + background-color: #161b26; + color: inherit; +} + +row.expander image.expander-row-arrow { + transition: 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:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); +} + +row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: var(--accent-bg-color); +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.35); +} + +/*************** + * AdwButtonRow * + ***************/ +row.button > box { + margin-left: 8px; + margin-right: 8px; + border-spacing: 4px; + min-height: 34px; +} + +row.button > box > .icon:disabled { + filter: opacity(0.45); +} + +row.button.suggested-action { + color: var(--accent-bg-color); +} + +row.button.destructive-action { + color: #F44336; +} + +/***************** + * Boxed Lists * + *****************/ +list.content > row.expander, +list.boxed-list > row.expander { + border: none; +} + +list.content > row:first-child, list.content > row:first-child.expander row.header, +list.boxed-list > row:first-child, +list.boxed-list > row:first-child.expander row.header { + border-top-left-radius: 9px; + border-top-right-radius: 9px; +} + +list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child, +list.boxed-list > row:last-child, +list.boxed-list > row:last-child.expander:not(:checked), +list.boxed-list > row:last-child.expander:not(:checked) row.header, +list.boxed-list > row:last-child.expander:checked list.nested, +list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, +list.boxed-list > row:only-child, +list.boxed-list > row:only-child.expander:not(:checked), +list.boxed-list > row:only-child.expander:not(:checked) row.header, +list.boxed-list > row:only-child.expander:checked list.nested, +list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; + border-bottom-width: 0; +} + +list.boxed-list-separate { + background: none; + color: white; +} + +list.boxed-list-separate > row { + border: none; + margin-bottom: 8px; +} + +list.boxed-list-separate > row:selected { + background-color: alpha(currentColor, 0.06); +} + +list.boxed-list-separate > row:last-child { + margin-bottom: 0; +} + +list.boxed-list-separate > row:not(.expander):not(:selected).activatable:hover { + background-color: #161b26; + background-image: image(alpha(currentColor, 0.08)); +} + +list.boxed-list-separate > row:not(.expander):not(:selected).activatable:active { + background-color: #161b26; + background-image: image(alpha(currentColor, 0.12)); +} + +list.boxed-list-separate > row:not(.expander):not(:selected).activatable.has-open-popup { + background-color: #161b26; + background-image: image(alpha(currentColor, 0.05)); +} + +list.boxed-list-separate > row.entry:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.entry:not(:selected).activatable.focused:active, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:active { + background-color: #161b26; + background-image: none; +} + +list.boxed-list-separate > row.expander row.header { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + +list.boxed-list-separate > row.expander:not(:checked) row.header, list.boxed-list-separate > row.expander.expander:checked list.nested, list.boxed-list-separate > row.expander.expander:checked list.nested > row:last-child { + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; + border-bottom: none; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 6px; + border-spacing: 6px; + padding: 6px; + border: none; + background-image: none; +} + +.app-notification button.text-button:not(:disabled) { + color: var(--accent-bg-color); +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(255, 255, 255, 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: white; +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander:disabled { + color: rgba(255, 255, 255, 0.3); +} + +expander-widget > box > title { + border-radius: 10px; +} + +expander-widget > box > title:hover > expander { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); + border-radius: 10px; + color: white; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 10px; +} + +calendar > header { + padding: 2px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +calendar > header > button { + min-height: 22px; +} + +calendar > grid { + margin: 2px; +} + +calendar > grid > label { + border-radius: 9999px; + 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.dialog.message.background { + background-color: #1e2431; + background-image: none; +} + +window.dialog.message box.dialog-vbox.vertical { + border-spacing: 10px; +} + +window.dialog.message .titlebar { + min-height: 22px; + border-style: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; + color: white; +} + +window.dialog.message .titlebar:backdrop { + background-color: #1e2431; + color: rgba(255, 255, 255, 0.7); +} + +window.dialog.message.csd .dialog-action-area { + padding: 4px; + border: none; + box-shadow: none; +} + +window.dialog.message.csd .dialog-action-area > button { + border: none; + box-shadow: none; +} + +window.dialog.message.csd .dialog-action-area > button, window.dialog.message.csd .dialog-action-area > button:first-child, window.dialog.message.csd .dialog-action-area > button:last-child { + border-radius: 9999px; +} + +window.dialog.message.csd .dialog-action-area > button:not(:last-child) { + margin-right: 4px; +} + +window.dialog.message.csd .dialog-action-area > button:not(:disabled) { + color: var(--accent-bg-color); +} + +window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { + color: #F44336; +} + +window.messagedialog .message-area separator { + background-color: transparent; + min-height: 0; +} + +window.messagedialog .response-area { + padding: 4px; + box-shadow: none; + border: none; +} + +window.messagedialog .response-area button { + border: none; + box-shadow: none; + border-radius: 9999px; +} + +window.messagedialog .response-area button:not(:last-child) { + margin-right: 4px; +} + +window.messagedialog .response-area button.suggested:not(:disabled) { + color: #4DB6AC; +} + +window.messagedialog .response-area button.destructive:not(:disabled) { + color: #F44336; +} + +window.messagedialog .response-area separator { + background-color: transparent; + min-width: 0; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #0f111a; +} + +filechooser stack.view frame > border { + border: none; +} + +filechooser gridview ~ undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +filechooser placesview > stack > scrolledwindow > undershoot.bottom { + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +filechooserbutton > button > box { + border-spacing: 4px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +window.aboutdialog stack scrolledwindow.frame, window.aboutdialog stack scrolledwindow.frame > .view, window.aboutdialog stack scrolledwindow.frame > .view > text { + border-radius: 12px; +} + +window.aboutdialog .large-icons { + -gtk-icon-size: 128px; +} + +window.about .top-bar { + background-color: transparent; + box-shadow: none; +} + +window.about headerbar { + color: rgba(255, 255, 255, 0.7); +} + +window.about headerbar, window.about headerbar:backdrop { + background-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #131823; +} + +.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +.sidebar-pane stacksidebar.sidebar, leaflet.unfolded > box > stacksidebar.sidebar { + border: none; +} + +stacksidebar list { + padding: 4px; + background-color: #131823; +} + +stacksidebar row { + min-height: 22px; + padding: 4px 6px; + border-radius: 5px; +} + +stacksidebar row:selected { + font-weight: 500; +} + +stacksidebar row + row { + margin-top: 4px; +} + +stacksidebar row > label { + padding-left: 4px; + padding-right: 4px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(255, 255, 255, 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: rgba(255, 255, 255, 0.15); +} + +separator.sidebar.spacer { + background-color: transparent; +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 4px 0; + border-right: none; +} + +.navigation-sidebar, .navigation-sidebar.view, .navigation-sidebar.view:disabled { + background-color: transparent; + color: inherit; +} + +.navigation-sidebar.background, .navigation-sidebar.background:disabled { + background-color: #0f111a; + color: white; +} + +.navigation-sidebar > row { + min-height: 32px; + padding: 0 6px; + border-radius: 0 9999px 9999px 0; + margin: 0 4px 0 0; +} + +.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.1); + color: var(--accent-bg-color); +} + +.navigation-sidebar > row:selected:hover { + background-color: alpha(currentColor, 0.16); +} + +.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(255, 255, 255, 0.5); +} + +.navigation-sidebar > separator { + margin: 4px 0; +} + +/**************** + * File chooser * + ****************/ +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar .navigation-sidebar { + padding: 4px 0; +} + +placessidebar .navigation-sidebar > row { + min-height: 32px; + margin: 0 4px 0 0; + padding: 2px; + border-radius: 0 9999px 9999px 0; +} + +placessidebar .navigation-sidebar > row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar .navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.1); + color: var(--accent-bg-color); + font-weight: 500; +} + +placessidebar .navigation-sidebar > row:disabled { + color: rgba(255, 255, 255, 0.5); +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label { + color: inherit; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { + color: var(--accent-bg-color); +} + +placessidebar .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: 4px; +} + +.fr-sidebar > row:not(.fr-sidebar-row) { + background-color: transparent; +} + +.fr-sidebar > row.fr-sidebar-row { + padding: 4px 6px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; + background-clip: content-box; + box-shadow: none; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #0f111a; + background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 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; +} + +/************ + * GtkVideo * + ************/ +video { + background: black; + border-radius: 10px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border: none; + margin-bottom: 0; +} + +infobar > revealer > box { + padding: 4px; + border-spacing: 8px; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + color: white; + background-color: #161b26; +} + +infobar.info > revealer > box button.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), infobar.info:hover > revealer > box button.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), infobar.info:backdrop > revealer > box button.text-button:not(.suggested-action):not(.destructive-action):not(:disabled) { + color: var(--accent-bg-color); +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: var(--accent-bg-color); + color: white; +} + +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: white; +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: white; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: rgba(255, 255, 255, 0.12); + background-image: image(var(--accent-bg-color)); +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FBC02D; + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #fbb814; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #F44336; + color: white; +} + +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: white; +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: white; +} + +infobar.error:hover > revealer > box { + background-color: #f32c1e; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px 8px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(25, 25, 25, 0.9); + color: white; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + border-radius: 5px; + margin: 2px 6px 8px 6px; + border: none; +} + +tooltip > box { + border-spacing: 4px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 9px; + border-top-right-radius: 9px; +} + +colorswatch.top overlay { + border-top-left-radius: 9px; + border-top-right-radius: 9px; +} + +colorswatch.bottom { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 9px; + border-bottom-left-radius: 9px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 9px; + border-bottom-left-radius: 9px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 9px; + border-bottom-right-radius: 9px; +} + +colorswatch.dark { + color: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch#add-color-button { + border-radius: 9px 9px 0 0; + color: white; +} + +colorswatch#add-color-button:only-child { + border-radius: 9px; +} + +colorswatch#add-color-button overlay { + background-color: #1e2431; +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 9px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 9px; +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 10px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e2431; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f111a; +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + outline: none; + padding: 0; + margin: 0; + transition: none; + border-radius: 16px; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 16px 2px transparent, 0 6px 18px 5px transparent; +} + +window.csd:backdrop { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 16px 2px transparent, 0 6px 18px 5px transparent; +} + +window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { + border-radius: 0; + outline: none; +} + +window.csd.maximized, window.csd.fullscreen { + border-radius: 0; + outline: none; + box-shadow: none; + transition: none; +} + +window.csd.ssd-frame { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +window.solid-csd { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: #161b26; +} + +window.solid-csd:backdrop { + background-color: #1e2431; +} + +window.ssd { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +gridview > child:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected { + color: var(--accent-bg-color); + background-color: color-mix(in srgb, var(--accent-bg-color) 20%, transparent); +} + +textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected { + color: white; + background-color: var(--accent-bg-color); +} + +.monospace { + font-family: monospace; +} + +.numeric { + font-feature-settings: "tnum"; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: var(--accent-bg-color); + -gtk-icon-source: -gtk-recolor(url("assets/scalable/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(255, 255, 255, 0.12); + border-radius: 8px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #1e2431; + background-clip: border-box; + color: white; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: var(--accent-bg-color); +} + +stackswitcher { + min-height: 0; + padding: 0; + border-radius: 9999px; + background-color: alpha(currentColor, 0.05); +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + 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):checked { + background-color: var(--accent-bg-color); + color: white; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher.circular { + border-spacing: 8px; +} + +stackswitcher.circular button.circular, +stackswitcher.circular button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: none; +} + +.icon-dropshadow { + -gtk-icon-shadow: none; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 4px; + border-spacing: 4px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.emoji-searchbar entry { + margin: 0; +} + +.emoji-searchbar entry text { + background: none; + box-shadow: none; +} + +.emoji-toolbar { + padding: 0; + border-spacing: 2px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background: none; + box-shadow: none; +} + +button.emoji-section { + margin: 0; + padding: 4px; + border-radius: 8px; +} + +button.emoji-section:checked { + color: var(--accent-bg-color); +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 4px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 10px; +} + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: alpha(currentColor, 0.08); +} + +emoji-completion-row { + min-height: 24px; + padding: 0 8px; +} + +emoji-completion-row > box { + border-spacing: 4px; + padding: 2px 4px; +} + +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: white; +} + +popover.entry-completion > contents { + padding: 0; +} + +.nautilus-window.background.csd { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window.background.csd, .nautilus-window.background.csd:backdrop { + background-image: none; + background-color: #161b26; +} + +.nautilus-window:not(.view) headerbar { + background-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.nautilus-window .content-pane, .nautilus-window .content-pane:backdrop { + background-color: transparent; +} + +.nautilus-window flap > separator { + background: none; + min-width: 0; +} + +.nautilus-window .sidebar-pane, .nautilus-window .sidebar-pane:backdrop { + background-color: transparent; +} + +.nautilus-window .sidebar-pane:dir(ltr), .nautilus-window .sidebar-pane:dir(ltr) banner > revealer > widget, .nautilus-window .sidebar-pane.end:dir(rtl), .nautilus-window .sidebar-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: none; + border-right: none; +} + +.nautilus-window .sidebar-pane:dir(rtl), .nautilus-window .sidebar-pane:dir(rtl) banner > revealer > widget, .nautilus-window .sidebar-pane.end:dir(ltr), .nautilus-window .sidebar-pane.end:dir(ltr) banner > revealer > widget { + box-shadow: none; + border-left: none; +} + +.nautilus-window .sidebar-pane .toolbar { + margin: 0 0 8px 4px; +} + +.nautilus-window flap.unfolded > placessidebar, +.nautilus-window .sidebar-pane > toolbarview > placessidebar { + background-color: #161b26; + border-radius: 16px; + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow { + margin: 0 0 8px 8px; + border-radius: 12px; + background-color: rgba(77, 182, 172, 0.08); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > overshoot.top, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > undershoot.top, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > overshoot.top, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > undershoot.top { + border-radius: 12px 12px 0 0; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > overshoot.bottom, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > undershoot.bottom, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > overshoot.bottom, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > undershoot.bottom { + border-radius: 0 0 12px 12px; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { + padding: 16px 0 16px 0; + background: none; + border-radius: 12px; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > separator, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > separator { + background: none; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable { + border-radius: 0; + padding: 0; + margin: -8px 0 -8px 0; + animation: none; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer { + padding-left: 12px; + padding-right: 0; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer > box, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer > box { + padding-right: 16px; + padding-left: 0; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:active, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:focus, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:active { + background: none; + box-shadow: none; + animation: none; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon { + padding-right: 4px; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label { + color: inherit; + min-height: 54px; + padding-left: 4px; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable.sidebar-placeholder-row, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable.sidebar-placeholder-row { + background-color: transparent; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active), +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) { + border-radius: 0; + border-radius: 9999px 0 0 9999px; + background-color: rgba(245, 124, 0, 0.1); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active), .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active), +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) label.sidebar-label { + color: #F57C00; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover label.sidebar-label { + color: var(--accent-bg-color); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { + background-color: transparent; + font-weight: 700; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon { + color: var(--accent-bg-color); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { + color: var(--accent-bg-color); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { + color: var(--accent-bg-color); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { + color: var(--accent-bg-color); + background-color: #161b26; + border: none; + border-image-width: 16px 9px 16px 46px; + border-image-slice: 16 9 16 46; + border-image-repeat: stretch; + border-image-source: -gtk-scaled(url("assets/row-selected-dark.png"), url("assets/row-selected-dark@2.png")); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { + margin-left: 8px; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { + color: var(--accent-bg-color); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled label.sidebar-label, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled image.sidebar-icon, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled label.sidebar-label { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > scrollbar { + margin: 2px 2px 2px 0; + background: none; + border: none; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > scrollbar though { + background: none; +} + +.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though > slider, +.nautilus-window .sidebar-pane > toolbarview > placessidebar > scrolledwindow > scrollbar though > slider { + border: none; +} + +.nautilus-window tabbar .box { + padding: 0 12px; + background-color: transparent; + box-shadow: inset 0 -1px #404040; +} + +.nautilus-window tabbar tab { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window tabbar tab:hover:not(:selected):not(:active):not(:checked) { + color: white; + background-color: rgba(255, 255, 255, 0.05); +} + +.nautilus-window tabbar tab:active, .nautilus-window tabbar tab:checked, .nautilus-window tabbar tab:selected { + color: white; +} + +.nautilus-window tabbar tab:active:disabled, .nautilus-window tabbar tab:checked:disabled, .nautilus-window tabbar tab:selected:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.nautilus-window tabbar tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window placesview label { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placesview label:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window .nautilus-list-view #NautilusViewCell { + padding: 0; +} + +.nautilus-window infobar { + margin: 2px; +} + +.nautilus-window infobar > revealer > box { + border-radius: 4px; +} + +.nautilus-window label.search-information { + margin: 2px; + border-radius: 4px; +} + +.nautilus-window #NautilusPathBar { + background-color: rgba(255, 255, 255, 0.04); +} + +.nautilus-window #NautilusPathBar #NautilusPathButton.current-dir { + color: white; +} + +.floating-bar { + min-height: 24px; + padding: 2px; + margin: 4px; + border: none; + border-radius: 9999px; + background-color: rgba(33, 33, 33, 0.95); + box-shadow: none; + color: white; +} + +.floating-bar button { + margin: 5px; +} + +.nautilus-grid-view child.activatable { + padding: 0; +} + +.nautilus-grid-view child.activatable #NautilusViewCell { + padding: 4px; +} + +.nautilus-grid-view child.activatable #NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +.nautilus-grid-view child.activatable #NautilusViewCell .icon-ui-labels-box { + margin: 0 0 8px; + border-spacing: 0; +} + +.nautilus-grid-view child.activatable #NautilusViewCell .dim-label, .nautilus-grid-view child.activatable #NautilusViewCell entry > text > placeholder, .nautilus-grid-view child.activatable #NautilusViewCell row label.subtitle, row .nautilus-grid-view child.activatable #NautilusViewCell label.subtitle, .nautilus-grid-view child.activatable #NautilusViewCell row.property > box.header > box.title > .title, .nautilus-grid-view child.activatable #NautilusViewCell row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) .nautilus-grid-view child.activatable #NautilusViewCell image.expander-row-arrow { + border-spacing: 0; +} + +#NautilusQueryEditor { + border-radius: 9999px; + padding: 0 4px 0 6px; +} + +#NautilusQueryEditor > menubutton > button.image-button { + min-width: 24px; + min-height: 24px; + padding: 0; + margin: 4px 0; +} + +#NautilusQueryEditor > * { + margin: 0; +} + +#NautilusPathBar { + background-color: rgba(255, 255, 255, 0.04); + border-radius: 9999px; +} + +#NautilusPathBar #NautilusPathButton { + margin: 0 2px; + border-radius: 9999px; +} + +#NautilusPathBar #NautilusPathButton.current-dir { + color: white; +} + +#NautilusPathBar #NautilusPathButton.current-dir:hover, #NautilusPathBar #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +#NautilusPathBar #NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusPathBar > menubutton > button { + border-radius: 9999px; +} + +#NautilusQueryEditorTag { + border-radius: 9999px; +} + +#NautilusQueryEditorTag > button { + margin: 2px; + padding: 0; + min-height: 20px; + min-width: 20px; +} + +#NautilusFileChooser .content-pane { + background-color: #161b26; +} + +window.dialog > box > stack > box > box > notebook.frame { + border-width: 0 0 0 1px; + border-radius: 0; +} + +window > contents leaflet { + background-color: transparent; +} + +window > contents leaflet stack.background { + background-color: transparent; +} + +window > contents leaflet.unfolded stack.background leaflet box:last-child > headerbar, +window > contents leaflet.unfolded stack.background leaflet + headerbar { + border-top-left-radius: 0; +} + +window > contents leaflet.unfolded > separator + box > headerbar { + border-top-right-radius: 0; +} + +window > contents leaflet > box > scrolledwindow > viewport > widget > stack { + background-color: #161b26; +} + +window > widget leaflet { + background-color: transparent; +} + +window > widget leaflet stack.background { + background-color: transparent; +} + +window > widget leaflet.unfolded stack.background > widget > overlay > leaflet > box > headerbar, +window > widget leaflet.unfolded stack.background > widget > box > widget > headerbar, +window > widget leaflet.unfolded > box:not(:last-child) headerbar { + border-top-left-radius: 0; +} + +window > widget leaflet.unfolded > separator + box > headerbar { + border-top-right-radius: 0; +} + +window > widget leaflet > box > scrolledwindow > viewport > widget > stack { + background-color: #161b26; +} + +.tweak-titlebar-left + separator { + background-color: #161b26; +} + +.tweak-titlebar-left + separator:backdrop { + background-color: #1e2431; +} + +.large-button { + padding: 4px; +} + +.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(--accent-bg-color); +} + +.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: #1A73E8; + background-color: alpha(#3281EA, 0.25); +} + +.naut .clock-time, +.astro .clock-time { + color: #F57C00; + background-color: alpha(#FB8C00, 0.25); +} + +.civil .clock-time, +.day .clock-time { + color: #FFD600; + background: alpha(#FBC02D, 0.25); +} + +.contacts-contact-list list.navigation-sidebar { + background: none; +} + +window > contents leaflet.unfolded > box.vertical > headerbar { + border-top-left-radius: 0; +} + +.history-view { + background-color: #161b26; +} + +#displayitem { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.small .card { + border-radius: 0; + box-shadow: none; +} + +.small .card.forecast-card { + border-width: 1px 0; +} + +.small .card.display-container { + border-width: 0 0 1px 0; +} + +leaflet button.number-button { + background-color: rgba(255, 255, 255, 0.1); +} + +leaflet button.number-button:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +leaflet button.number-button:active { + background-color: rgba(255, 255, 255, 0.3); +} + +leaflet button.clear-button.image-button { + border-radius: 10px; +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 8px; +} + +label.primary-label, label.month-name { + color: var(--accent-bg-color); +} + +label.secondary-label { + color: rgba(255, 255, 255, 0.5); +} + +calendar-view { + font-size: 10pt; +} + +calendar-view:selected { + color: var(--accent-bg-color); + font-weight: bold; +} + +calendar-view.header, +label.header { + font-size: 10pt; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); +} + +calendar-view.current, +weekgrid.current { + background-color: alpha(var(--accent-bg-color), 0.3); +} + +popover.events { + background-color: #0f111a; + padding: 0; +} + +popover.events box { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + +popover.events list { + background-color: #161b26; + border-radius: 10px; +} + +popover.events scrolledwindow { + border-width: 0; +} + +popover.events button { + border-radius: 10px; + 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; +} + +weekgrid > event { + margin: 5px 4px 0 3px; +} + +event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { + border-radius: 5px; +} + +event.timed widget.edge { + border-radius: 5px; + min-width: 5px; +} + +event.slanted-start, event.slanted-end:dir(rtl) { + padding-left: 12px; + border-radius: 0 5px 5px 0; +} + +event.slanted-end, event.slanted-start:dir(rtl) { + padding-right: 12px; + border-radius: 5px 0 0 5px; +} + +event:not(.timed).color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); +} + +event:not(.timed).color-light { + color: alpha(black, 0.75); + outline-color: rgba(255, 255, 255, 0.5); +} + +event.timed { + color: rgba(255, 255, 255, 0.7); +} + +popover.event-popover, +popover.event-popover > contents { + padding: 0; +} + +.search-viewport { + background-color: #161b26; +} + +.calendar-list { + background-color: transparent; +} + +.calendar-list > list { + border-radius: 4px; +} + +.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: 4px; +} + +datechooser .current-week { + background-color: rgba(255, 255, 255, 0.04); + color: white; + border-radius: 10px; +} + +datechooser navigator { + margin-right: 4px; + margin-left: 4px; + margin-bottom: 4px; +} + +datechooser navigator label { + font-weight: bold; +} + +datechooser navigator button, datechooser navigator button.popup, datechooser navigator button.image-button { + min-height: 32px; + min-width: 32px; + padding: 0; +} + +datechooser .weeknum, datechooser .weekday { + color: rgba(255, 255, 255, 0.5); + font-size: smaller; +} + +.sidebar-pane datechooser .current-week { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +.sidebar-pane datechooser .weeknum, .sidebar-pane datechooser .weekday { + color: rgba(255, 255, 255, 0.5); +} + +datechooser button.day, datechooser button.day.text-button { + font-size: 10pt; + font-weight: normal; + margin: 2px; + padding: 0; + min-height: 32px; + min-width: 32px; + transition: none; +} + +datechooser button.day dot, datechooser button.day.text-button dot { + background-color: white; + border-radius: 50%; + min-height: 2px; + min-width: 2px; +} + +datechooser button.day:selected, datechooser button.day.today:selected, datechooser button.day.text-button:selected, datechooser button.day.text-button.today:selected { + background-color: var(--accent-bg-color); + color: white; + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot, datechooser button.day.text-button:selected dot, datechooser button.day.text-button.today:selected dot { + background-color: white; +} + +datechooser button.day.today, datechooser button.day.text-button.today { + color: var(--accent-bg-color); +} + +datechooser button.day.today dot, datechooser button.day.text-button.today dot { + background-color: var(--accent-bg-color); +} + +datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop, datechooser button.day.text-button.other-month:not(:hover), datechooser button.day.text-button.other-month:backdrop { + color: rgba(255, 255, 255, 0.3); +} + +datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot, datechooser button.day.text-button.other-month:not(:hover) dot, datechooser button.day.text-button.other-month:backdrop dot { + background-color: rgba(255, 255, 255, 0.3); +} + +.week-header { + padding: 0; +} + +.week-header > box:first-child { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.week-header .week-number { + font-size: 16pt; + font-weight: bold; + padding: 8px 8px 12px 8px; + color: rgba(255, 255, 255, 0.3); +} + +.week-header.week-temperature { + font-size: 10pt; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); +} + +.week-header.lines { + color: rgba(255, 255, 255, 0.12); +} + +weekhourbar > label { + font-size: 10pt; + padding: 4px 4px; +} + +.week-view .lines { + color: rgba(255, 255, 255, 0.12); +} + +weekgrid > widget.now-strip { + background-color: alpha(var(--accent-bg-color), 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(var(--accent-bg-color), 0.25); +} + +monthcell { + border: solid 1px rgba(255, 255, 255, 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: #131823; + transition: background-color 200ms; + color: white; +} + +monthcell:selected { + background-color: alpha(var(--accent-bg-color), 0.1); +} + +monthcell:selected:hover { + background-color: alpha(var(--accent-bg-color), 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(--accent-bg-color), 0.2); +} + +monthcell.today:hover { + background-color: alpha(var(--accent-bg-color), 0.3); + color: var(--accent-bg-color); +} + +monthcell.today:selected { + background-color: alpha(var(--accent-bg-color), 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(var(--accent-bg-color), 0.35); +} + +monthcell label { + color: white; + font-size: 0.9rem; +} + +monthcell label.day-label { + font-size: 1rem; +} + +monthcell.out-of-month { + background-color: rgba(255, 255, 255, 0.04); +} + +monthcell.out-of-month label { + color: rgba(255, 255, 255, 0.7); +} + +monthcell button { + padding: 0 4px; + border-radius: 0; + border-bottom: none; + border-right: none; +} + +monthpopover > box { + margin: 0; + padding: 0; + background-color: transparent; +} + +.notes-section box > textview { + border-radius: 10px; + padding: 4px; +} + +.notes-section box > textview > text { + background: none; +} + +agenda-view list > row { + padding: 2px 8px; +} + +agenda-view list > label { + padding: 4px 8px; +} + +label.no-events { + font-style: italic; +} + +searchbutton > popover > arrow { + background: none; + border: none; +} + +menubutton.sources-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; +} + +menubutton.sources-button:hover:not(:backdrop) { + background-image: none; + text-shadow: none; +} + +menubutton.sources-button > button { + border-radius: 0; +} + +menubutton.sources-button > button .title { + font-size: 10pt; + font-weight: normal; + padding: 0 4px; +} + +menubutton.sources-button > button .subtitle { + font-size: 8pt; + padding: 0 4px; +} + +menubutton.sources-button > button .calendar-color-image { + -gtk-icon-size: 12px; +} + +menubutton stack > box { + border-spacing: 4px; +} + +.topbar headerbar menubutton.sources-button > button { + border-radius: 0 0 10px 10px; +} + +agenda-view > scrolledwindow > viewport > list.background { + background-color: transparent; +} + +flowboxchild.card:not(.category-tile) { + border: none; + box-shadow: none; + padding: 0; + background: none; +} + +.card.category-tile { + padding: 14px; + border: none; + border-radius: 10px; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); +} + +.card.category-tile-iconless { + padding: 6px 10px; + box-shadow: none; + background-color: alpha(currentColor, 0.05); +} + +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 10px 10px 0; +} + +app-context-bar > box:first-child > button.flat { + border-radius: 0; +} + +app-context-bar > box:first-child > button.flat:first-child { + border-radius: 10px 0 0 10px; +} + +app-context-bar > box > button.flat { + border-left-color: rgba(255, 255, 255, 0.12); +} + +carousel.card { + border: none; +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 4px; + margin: 4px; +} + +.context-tile-lozenge.grey { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { + color: #4cb168; + background-color: rgba(129, 201, 149, 0.15); +} + +.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.15); +} + +.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { + color: #d79b04; + background-color: rgba(251, 192, 45, 0.15); +} + +.context-tile-lozenge.details-rating-15 { + color: #F57C00; + background-color: rgba(245, 124, 0, 0.15); +} + +.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { + color: #d2190b; + background-color: rgba(244, 67, 54, 0.15); +} + +screenshot-carousel box.frame.view { + border-width: 1px 0; + border-radius: 0; +} + +/* Styling for specific category buttons. */ +.category-tile.category-create { + background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); + color: white; +} + +.category-tile.category-create:hover { + background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%); +} + +.category-tile.category-create:active { + background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%); +} + +.category-tile.category-develop { + background: #5e5c64; + color: white; +} + +.category-tile.category-develop:hover { + background: shade(#5e5c64, 1.2); +} + +.category-tile.category-develop:active { + background-color: shade(#5e5c64, 0.95); +} + +.category-tile.category-learn { + background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); + color: white; +} + +.category-tile.category-learn:hover { + background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%); +} + +.category-tile.category-learn:active { + background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%); +} + +.category-tile.category-play { + background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); + color: #393484; +} + +.category-tile.category-play:hover { + background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%); +} + +.category-tile.category-play:active { + background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%); +} + +.category-tile.category-socialize { + background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); + color: rgba(255, 255, 255, 0.7); +} + +.category-tile.category-socialize:hover { + background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%); +} + +.category-tile.category-socialize:active { + background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%); +} + +.category-tile.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(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; +} + +.category-tile.category-work:hover { + background-color: #fefcef; + background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); +} + +.category-tile.category-work:active { + background-color: #fcf4bf; + background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); +} + +@define-color weather_temp_chart_fill_color rgba(251, 192, 45, 0.5); +@define-color weather_temp_chart_stroke_color #f0ad05; +@define-color weather_thermometer_warm_color #FBC02D; +@define-color weather_thermometer_cold_color #3281EA; +#places-label { + font-weight: bold; +} + +#temperature-label { + font-size: 32pt; + font-weight: 900; + margin-left: 9px; +} + +#conditions-grid *:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.content-view.cell { + font-weight: bold; +} + +#locationEntry { + margin: 0; + padding-bottom: 4px; +} + +.weather-popover { + margin-top: 4px; +} + +.forecast-card { + transition: border-radius 100ms ease-out; + border-radius: 10px; +} + +.forecast-card separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#daily-forecast-box > separator:last-child { + background-color: transparent; + min-width: 0; +} + +#conditions-grid, +#attributionGrid { + margin-left: 12px; + margin-right: 12px; +} + +#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: #f0ad05; +} + +WeatherThermometer { + margin-bottom: 8px; +} + +WeatherThermometer > label.high { + font-weight: bold; + color: #FBC02D; +} + +WeatherThermometer > label.low { + font-weight: bold; + color: #3281EA; +} + +.forecast-button { + margin: 0 8px; +} + +.forecast-graphic { + margin: 12px; +} + +button.osd.circular { + border-radius: 9999px; + min-width: 22px; + min-height: 22px; +} + +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(255, 255, 255, 0.12); +} + +.search-view { + background-color: #1A73E8; + color: white; +} + +.search-view menubutton button:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); +} + +image.circular { + min-width: 32px; + min-height: 32px; + padding: 0; + border-radius: 9999px; +} + +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: var(--accent-bg-color); + color: white; +} + +.polari-room-list popover.background > arrow, +.polari-room-list popover.background > contents { + padding: 0; +} + +window.org-gnome-Builder headerbar splitbutton notification button { + margin: 0; + min-height: 22px; + min-width: 22px; + padding: 0; +} + +popover.background.global-search > arrow, +popover.background.global-search > contents { + padding: 0; +} + +panelframeswitcher { + padding: 4px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +panelframetabbar { + border-bottom: none; +} + +.frameheader.header { + min-height: 22px; + background-color: rgba(255, 255, 255, 0.04); +} + +.frameheader.header > button { + border: none; + margin: 0; + padding: 2px; +} + +.frameheader.header tabbar.inline > revealer > box { + min-height: 22px; +} + +.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(255, 255, 255, 0.12); +} + +.frameheader.header tabbar.inline > revealer > box .end-action menubutton > button { + margin: 2px; + min-height: 22px; + min-width: 22px; + padding: 4px; + border-radius: 10px; +} + +.frameheader.header tabbar.inline > revealer > box tabbox { + border: none; + background: none; +} + +panelstatusbar { + background-color: #0f111a; +} + +panelstatusbar > menubutton > button, +panelstatusbar > paneltogglebutton button.image-button { + border-radius: 0; +} + +.style-variant { + padding: 0 8px; +} + +.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: 10px; + outline-color: transparent; + outline-width: 3px; + outline-offset: 2px; + outline-style: solid; + box-shadow: none; +} + +.style-variant button.toggle:hover > stylevariantpreview > .wallpaper { + outline-color: rgba(255, 255, 255, 0.04); +} + +.style-variant button.toggle:active > stylevariantpreview > .wallpaper { + outline-color: rgba(255, 255, 255, 0.3); +} + +.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { + outline-color: var(--accent-bg-color); +} + +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; +} + +popover.details-popover > contents { + padding: 8px; +} + +button.colorpad { + padding: 0px; + margin: 0px; + background-blend-mode: screen; + background-image: linear-gradient(45deg, #0f0f0f55 25%, transparent 25%, transparent 75%, #0f0f0f55 75%, #0f0f0f55), linear-gradient(45deg, #0f0f0f55 25%, transparent 25%, transparent 75%, #0f0f0f55 75%, #0f0f0f55); + background-color: @colorpad_color; + color: @colorpad_fg_color; + background-size: 18px 18px; + background-position: 0px 0px, 9px 9px; +} + +button.colorpad:hover { + filter: brightness(93%); +} + +button.colorpad:active { + filter: brightness(86%); +} + +button.colorpad:checked { + filter: brightness(100%); +} + +window#desktopwindow { + background: none; +} + +themeselector, +panelthemeselector { + margin: 6px; +} + +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(255, 255, 255, 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(--accent-bg-color); +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%); +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +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; + margin: 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; + background-image: none; +} + +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/scalable/select-symbolic.svg")), -gtk-recolor(url("assets/scalable/select-symbolic@2.svg"))); + color: white; + background-color: var(--accent-bg-color); +} + +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: 4px; +} + +themeswitcher .check { + min-height: 20px; + min-width: 20px; + background: none; + padding: 0; + margin: 0; + border-radius: 9999px; + color: white; + background-color: var(--accent-bg-color); +} + +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(255, 255, 255, 0.12); +} + +themeswitcher checkbutton:checked { + box-shadow: inset 0 0 0 2px var(--accent-bg-color); +} + +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, #1e1e1e 50%, white 50%); +} + +themeswitcher checkbutton.light { + color: alpha(black, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark { + color: white; + background-color: #1e1e1e; +} + +styleselector checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 0; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +styleselector checkbutton:hover { + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.12); +} + +styleselector checkbutton:checked { + box-shadow: inset 0 0 0 2px var(--accent-bg-color); +} + +styleselector checkbutton > radio { + min-height: 20px; + min-width: 20px; + padding: 0; + margin: 0; +} + +styleselector checkbutton > radio, styleselector checkbutton > radio:hover, styleselector checkbutton > radio:focus, styleselector checkbutton > radio:not(:focus) { + color: transparent; + border: none; + background: none; + box-shadow: none; + -gtk-icon-source: none; + -gtk-icon-size: 0; +} + +styleselector checkbutton > radio:checked, styleselector checkbutton > radio:checked:hover, styleselector checkbutton > radio:checked:focus, styleselector checkbutton > radio:checked:not(:focus), styleselector checkbutton > radio:active, styleselector checkbutton > radio:active:hover, styleselector checkbutton > radio:active:focus, styleselector checkbutton > radio:active:not(:focus) { + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/select-symbolic.svg")), -gtk-recolor(url("assets/scalable/select-symbolic@2.svg"))); + color: white; + background-color: var(--accent-bg-color); + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +.note-window headerbar, .note-window headerbar:backdrop { + box-shadow: none; +} + +.note-window.style-yellow, .note-window.style-yellow .text-view.view, .note-window.style-yellow .text-view.view > text, .note-window.style-yellow headerbar { + background-color: #FBC02D; + color: rgba(0, 0, 0, 0.87); +} + +.note-window.style-yellow * { + color: rgba(0, 0, 0, 0.87); +} + +.note-window.style-yellow .text-view.view > text > selection { + background-color: rgba(0, 0, 0, 0.26); +} + +.note-window.style-yellow popover > arrow, +.note-window.style-yellow popover > contents { + background-color: #fccf5f; + color: rgba(0, 0, 0, 0.87); +} + +.note-window.style-pink, .note-window.style-pink .text-view.view, .note-window.style-pink .text-view.view > text, .note-window.style-pink headerbar { + background-color: #F06292; + color: white; +} + +.note-window.style-pink * { + color: white; +} + +.note-window.style-pink .text-view.view > text > selection { + background-color: rgba(255, 255, 255, 0.3); +} + +.note-window.style-pink popover > arrow, +.note-window.style-pink popover > contents { + background-color: #f491b2; + color: white; +} + +.note-window.style-green, .note-window.style-green .text-view.view, .note-window.style-green .text-view.view > text, .note-window.style-green headerbar { + background-color: #66BB6A; + color: white; +} + +.note-window.style-green * { + color: white; +} + +.note-window.style-green .text-view.view > text > selection { + background-color: rgba(255, 255, 255, 0.3); +} + +.note-window.style-green popover > arrow, +.note-window.style-green popover > contents { + background-color: #89cb8c; + color: white; +} + +.note-window.style-purple, .note-window.style-purple .text-view.view, .note-window.style-purple .text-view.view > text, .note-window.style-purple headerbar { + background-color: #BA68C8; + color: white; +} + +.note-window.style-purple * { + color: white; +} + +.note-window.style-purple .text-view.view > text > selection { + background-color: rgba(255, 255, 255, 0.3); +} + +.note-window.style-purple popover > arrow, +.note-window.style-purple popover > contents { + background-color: #cb8dd6; + color: white; +} + +.note-window.style-blue, .note-window.style-blue .text-view.view, .note-window.style-blue .text-view.view > text, .note-window.style-blue headerbar { + background-color: #3281EA; + color: white; +} + +.note-window.style-blue * { + color: white; +} + +.note-window.style-blue .text-view.view > text > selection { + background-color: rgba(255, 255, 255, 0.3); +} + +.note-window.style-blue popover > arrow, +.note-window.style-blue popover > contents { + background-color: #609def; + color: white; +} + +.note-window.style-gray, .note-window.style-gray .text-view.view, .note-window.style-gray .text-view.view > text, .note-window.style-gray headerbar { + background-color: #727272; + color: white; +} + +.note-window.style-gray * { + color: white; +} + +.note-window.style-gray .text-view.view > text > selection { + background-color: rgba(255, 255, 255, 0.3); +} + +.note-window.style-gray popover > arrow, +.note-window.style-gray popover > contents { + background-color: #8c8c8c; + color: white; +} + +.note-window.style-charcoal, .note-window.style-charcoal .text-view.view, .note-window.style-charcoal .text-view.view > text, .note-window.style-charcoal headerbar { + background-color: #333333; + color: white; +} + +.note-window.style-charcoal * { + color: white; +} + +.note-window.style-charcoal .text-view.view > text > selection { + background-color: rgba(255, 255, 255, 0.3); +} + +.note-window.style-charcoal popover > arrow, +.note-window.style-charcoal popover > contents { + background-color: #444444; + color: white; +} + +window.background.chromium { + background-color: #161b26; +} + +window.background.chromium headerbar.header-bar.titlebar { + padding: 0 8px; + background-color: #0f111a; + color: white; + border-radius: 16px 16px 0 0; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.chromium headerbar.header-bar.titlebar:backdrop { + background-color: #0f111a; + color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.chromium headerbar.header-bar.titlebar button.titlebutton { + min-height: 22px; + min-width: 22px; + margin: 4px 2px; + padding: 0; +} + +.main-window { + background: linear-gradient(127deg, color-mix(in srgb, var(--background-color-0) 55%, transparent), color-mix(in srgb, var(--background-color-0) 0%, transparent) 70.71%), linear-gradient(217deg, color-mix(in srgb, var(--background-color-1) 55%, transparent), color-mix(in srgb, var(--background-color-1) 0%, transparent) 70.71%), linear-gradient(336deg, color-mix(in srgb, var(--background-color-2) 55%, transparent), color-mix(in srgb, var(--background-color-2) 0%, transparent) 70.71%); + transition-property: background; + transition-duration: 250ms; + transition-timing-function: ease; +} + +.main-window .content-pane, .main-window .content-pane:backdrop, .main-window .sidebar-pane, .main-window .sidebar-pane:backdrop { + background-color: transparent; +} + +scrollbar, +scrollbar.overlay-indicator { + border: none; +} + +scrollbar, scrollbar.dragging, scrollbar.hovering, +scrollbar.overlay-indicator, +scrollbar.overlay-indicator.dragging, +scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +.main-window > overlay-split-view > widget.background > playlistview { + background: linear-gradient(127deg, color-mix(in srgb, var(--background-color-0) 55%, transparent), color-mix(in srgb, var(--background-color-0) 0%, transparent) 70.71%), linear-gradient(217deg, color-mix(in srgb, var(--background-color-1) 55%, transparent), color-mix(in srgb, var(--background-color-1) 0%, transparent) 70.71%), linear-gradient(336deg, color-mix(in srgb, var(--background-color-2) 55%, transparent), color-mix(in srgb, var(--background-color-2) 0%, transparent) 70.71%), var(--window-bg-color); + transition-property: background; + transition-duration: 250ms; + transition-timing-function: ease; +} + +.main-window volume > scale trough highlight { + background: color-mix(in srgb, var(--accent-bg-color) var(--dim-opacity), transparent); +} + +.main-window songcover picture.cover { + background: linear-gradient(to bottom, var(--background-color-0), var(--background-color-1)); +} + +.drag-overlay-status-page { + background-color: color-mix(in srgb, var(--accent-bg-color) 50%, transparent); + color: var(--accent-fg-color); + padding: 32px; +} + +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: white; +} + +avatar.image { + background: none; +} + +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, button.suggested-action, button.destructive-action, button.opaque { + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); +} + +.osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { + outline: none; +} + +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, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { + background-image: image(alpha(currentColor, 0.1)); +} + +splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, 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, button.suggested-action:active, button.destructive-action:active, button.opaque:active { + background-image: image(rgba(0, 0, 0, 0.2)); +} + +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, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { + background-image: image(rgba(0, 0, 0, 0.15)); +} + +splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { + background-image: image(rgba(0, 0, 0, 0.05)); +} + +splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { + background-image: image(rgba(0, 0, 0, 0.3)); +} + +button.opaque { + background-color: #4c4c4c; + color: white; +} + +button.destructive-action { + color: white; +} + +button.destructive-action, button.destructive-action:checked { + background-color: #F44336; +} + +button.suggested-action { + color: white; +} + +button.suggested-action, button.suggested-action:checked { + background-color: #4DB6AC; +} + +button.font separator { + background-color: transparent; +} + +button.font > box { + border-spacing: 4px; +} + +button.font > box > box > label { + font-weight: bold; +} + +menubutton.pill > button, button.pill { + padding: 10px 32px; + border-radius: 9999px; +} + +button.card { + background-clip: padding-box; + font-weight: inherit; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +button.card:hover { + background-color: alpha(currentColor, 0.08); +} + +button.card.keyboard-activating, button.card: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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 100% 100%; +} + +button.card: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-color: alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 100% 100%; +} + +button.card:drop(active) { + color: #F57C00; + box-shadow: inset 0 0 0 1px #F57C00; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #4DB6AC; + color: white; +} + +menubutton.destructive-action { + background-color: #F44336; + color: white; +} + +menubutton.opaque { + background-color: #4c4c4c; + color: white; +} + +menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { + border-radius: 10px; +} + +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: 4px; + padding-right: 4px; +} + +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: 10px; +} + +splitbutton:disabled { + filter: none; + opacity: 1; +} + +splitbutton, splitbutton > separator { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + transition-property: background; +} + +splitbutton > separator { + margin-top: 4px; + margin-bottom: 4px; + background: none; +} + +splitbutton > menubutton > button { + padding-left: 4px; + padding-right: 4px; +} + +splitbutton.image-button > button { + min-height: 24px; + min-width: 24px; + padding: 4px; +} + +splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { + padding-left: 6px; + padding-right: 6px; +} + +splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { + border-spacing: 4px; +} + +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(255, 255, 255, 0.12); +} + +splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { + background: alpha(currentColor, 0.1); + color: white; +} + +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: 10px; +} + +splitbutton.suggested-action { + background-color: #4DB6AC; + color: white; +} + +splitbutton.destructive-action { + background-color: #F44336; + color: white; +} + +splitbutton.opaque { + background-color: #4c4c4c; + color: white; +} + +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(255, 255, 255, 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(255, 255, 255, 0.12); +} + +splitbutton > menubutton > button > arrow.none { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +buttoncontent { + border-spacing: 4px; +} + +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; +} + +toast { + margin: 8px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 4px; + padding: 4px; + box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 11px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + font-weight: normal; +} + +toast:dir(ltr) { + padding-left: 8px; +} + +toast:dir(rtl) { + padding-right: 8px; +} + +toast > widget { + margin: 0 4px; +} + +statuspage > scrolledwindow > viewport > box { + margin: 24px 8px; + border-spacing: 36px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box { + border-spacing: 8px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 128px; + color: alpha(currentColor, 0.45); +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { + opacity: 0.45; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 16px; +} + +statuspage.compact > scrolledwindow > viewport > box { + margin: 16px 8px; + border-spacing: 16px; +} + +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: 8px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { + font-size: 18pt; +} + +.card, list.content, +list.boxed-list, list.boxed-list-separate > row { + border-radius: 10px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.12); + background-clip: padding-box; + background-color: #161b26; + color: rgba(255, 255, 255, 0.7); +} + +preferencespage > scrolledwindow > viewport > clamp > box { + margin: 16px 8px; + border-spacing: 16px; +} + +preferencesgroup > box, preferencesgroup > box .labels { + border-spacing: 4px; +} + +preferencesgroup > box > box.header:not(.single-line) { + margin-bottom: 4px; +} + +preferencesgroup > box > box.single-line { + min-height: 32px; +} + +preferencesgroup > box button.background-preview-button.toggle { + padding: 0; + background: none; + box-shadow: none; + outline-color: transparent; + outline-width: 3px; + outline-offset: 2px; + outline-style: solid; +} + +preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview { + border-radius: 6px; +} + +preferencesgroup > box button.background-preview-button.toggle:hover { + outline-color: rgba(255, 255, 255, 0.04); +} + +preferencesgroup > box button.background-preview-button.toggle:active { + outline-color: rgba(255, 255, 255, 0.3); +} + +preferencesgroup > box button.background-preview-button.toggle:checked { + outline-color: var(--accent-bg-color); +} + +preferencesgroup > box flowbox.background-flowbox > flowboxchild { + outline: 2px solid transparent; + outline-offset: 0; + border-radius: 10px; + padding: 2px; +} + +preferencesgroup > box flowbox.background-flowbox > flowboxchild .background-thumbnail { + border-radius: 8px; +} + +preferencesgroup > box flowbox.background-flowbox > flowboxchild:hover { + outline-color: rgba(255, 255, 255, 0.12); +} + +preferencesgroup > box flowbox.background-flowbox > flowboxchild:active { + outline-color: rgba(255, 255, 255, 0.3); +} + +preferencesgroup > box flowbox.background-flowbox > flowboxchild:selected { + outline-color: var(--accent-bg-color); + background-color: transparent; +} + +preferencesgroup > box .cutout-button { + background-color: #1e2431; +} + +preferencesgroup > box button.accent-button { + min-height: 24px; + min-width: 24px; + padding: 2px; + border-radius: 9999px; + background: var(--accent-bg-color); + outline: none; + background-clip: content-box; + box-shadow: none; + border: none; +} + +preferencesgroup > box button.accent-button:hover { + box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.12); +} + +preferencesgroup > box button.accent-button:checked { + box-shadow: 0 0 0 3px var(--accent-bg-color); +} + +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); +} + +banner > revealer > widget { + /* There are 2 more instances in _sidebars.css, keep in sync with that */ + background-color: mix(var(--accent-bg-color),#161b26,0.7); + color: white; + padding: 4px; +} + +banner > revealer > widget:backdrop { + background-color: mix(var(--accent-bg-color),#161b26,0.85); +} + +banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { + filter: opacity(0.5); +} + +viewswitcher { + border-spacing: 2px; + min-height: 24px; +} + +viewswitcher.narrow { + margin-top: 0; + margin-bottom: 0; + min-height: 6px; +} + +headerbar viewswitcher.narrow { + margin-top: -4px; + margin-bottom: -4px; +} + +viewswitcher.wide { + border-spacing: 0; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.04); +} + +viewswitcher.wide button.toggle:checked, viewswitcher.wide button.toggle.flat:checked { + background-color: var(--accent-bg-color); + color: white; +} + +viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator { + background-color: white; +} + +viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator > label { + color: var(--accent-bg-color); +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + border: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; + min-height: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 4px; + padding-bottom: 4px; + border-spacing: 2px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.narrow > label { + min-height: 18px; + padding-left: 3px; + padding-right: 3px; + padding-bottom: 0; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 0 8px; + border-spacing: 4px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +headerbar viewswitchertitle { + margin-top: -4px; + margin-bottom: -4px; +} + +headerbar viewswitchertitle viewswitcher { + margin-left: 8px; + margin-right: 8px; +} + +headerbar viewswitchertitle viewswitcher.narrow { + margin-top: 0; + margin-bottom: 0; +} + +headerbar viewswitchertitle viewswitcher.wide { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar viewswitchertitle windowtitle { + margin-top: 0; + margin-bottom: 0; +} + +indicatorbin > indicator, indicatorbin > mask { + min-width: 4px; + min-height: 4px; + border-radius: 9999px; +} + +indicatorbin > indicator { + margin: 1px; + padding: 0; + background: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 2px 5px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: var(--accent-bg-color); +} + +indicatorbin.needs-attention > indicator > label { + color: white; +} + +tabbar .box { + min-height: 24px; + background-color: #0f111a; + color: rgba(255, 255, 255, 0.7); + padding: 0; + box-shadow: inset 0 -1px #404040; + border-bottom: none; +} + +tabbar tabbox { + padding: 0; + min-height: 24px; +} + +tabbar tabbox > tabboxchild { + border-radius: 0; + margin: 0; + padding-top: 4px; +} + +tabbar tabbox > separator { + margin-top: 6px; + margin-bottom: 6px; + transition: opacity 150ms ease-in-out; +} + +tabbar tabbox > separator.hidden { + opacity: 0; +} + +tabbar tabbox > revealer > indicator { + min-width: 2px; + border-radius: 2px; + margin: 6px 4px; + background: alpha(var(--accent-bg-color), 0.5); +} + +tabbar tab { + transition: none; + border-radius: 10px 10px 0 0; + border: 1px solid transparent; + border-bottom-width: 0; + color: rgba(255, 255, 255, 0.7); + padding: 4px 8px; +} + +tabbar tab:hover:not(:selected):not(:active):not(:checked) { + transition: none; + background-color: #404040; + box-shadow: none; + color: white; + border-color: #404040; + border-radius: 10px 10px 0 0; +} + +tabbar tab:selected, tabbar tab:checked, tabbar tab:active { + transition: background-color 150ms ease-in-out; + background-color: #161b26; + box-shadow: none; + color: white; + border-color: #404040; + border-radius: 10px 10px 0 0; +} + +tabbar .start-action, +tabbar .end-action { + padding: 6px; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + padding-right: 0; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + padding-left: 0; +} + +tabview > stack { + background-color: #161b26; +} + +dnd tab { + background-color: #0f111a; + color: rgba(255, 255, 255, 0.7); + box-shadow: none; + margin: 16px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 20px; + min-height: 20px; + border-radius: 9999px; + border: none; +} + +tabbar tab indicator, +dnd tab indicator { + min-height: 2px; + border-radius: 2px; + background: alpha(var(--accent-bg-color), 0.5); +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +flap > dimming, +leaflet > dimming, +navigation-view > dimming, +overlay-split-view > dimming { + background: rgba(0, 0, 0, 0.25); +} + +flap > border, +leaflet > border, +navigation-view > border, +overlay-split-view > border { + background: 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(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 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(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 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(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 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(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); +} + +toolbarview.undershoot-top scrolledwindow > undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +navigation-view navigation-view-page .medium stack > button { + margin-top: 8px; +} + +.unfolded stacksidebar.sidebar { + border: none; +} + +.sidebar-pane, +.content-pane .sidebar-pane, +.sidebar-pane .content-pane { + background-color: #131823; + color: white; +} + +.sidebar-pane:backdrop, +.content-pane .sidebar-pane:backdrop, +.sidebar-pane .content-pane:backdrop { + background-color: #0f111a; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.sidebar-pane flap > dimming, +.sidebar-pane leaflet > dimming, +.sidebar-pane navigation-view > dimming, +.sidebar-pane overlay-split-view > dimming, +.content-pane .sidebar-pane flap > dimming, +.content-pane .sidebar-pane leaflet > dimming, +.content-pane .sidebar-pane navigation-view > dimming, +.content-pane .sidebar-pane overlay-split-view > dimming, +.sidebar-pane .content-pane flap > dimming, +.sidebar-pane .content-pane leaflet > dimming, +.sidebar-pane .content-pane navigation-view > dimming, +.sidebar-pane .content-pane overlay-split-view > dimming { + background: rgba(0, 0, 0, 0.25); +} + +.sidebar-pane flap > border, +.sidebar-pane leaflet > border, +.sidebar-pane navigation-view > border, +.sidebar-pane overlay-split-view > border, +.content-pane .sidebar-pane flap > border, +.content-pane .sidebar-pane leaflet > border, +.content-pane .sidebar-pane navigation-view > border, +.content-pane .sidebar-pane overlay-split-view > border, +.sidebar-pane .content-pane flap > border, +.sidebar-pane .content-pane leaflet > border, +.sidebar-pane .content-pane navigation-view > border, +.sidebar-pane .content-pane overlay-split-view > border { + background: none; +} + +.sidebar-pane flap > shadow, +.sidebar-pane leaflet > shadow, +.sidebar-pane navigation-view > shadow, +.sidebar-pane overlay-split-view > shadow, +.content-pane .sidebar-pane flap > shadow, +.content-pane .sidebar-pane leaflet > shadow, +.content-pane .sidebar-pane navigation-view > shadow, +.content-pane .sidebar-pane overlay-split-view > shadow, +.sidebar-pane .content-pane flap > shadow, +.sidebar-pane .content-pane leaflet > shadow, +.sidebar-pane .content-pane navigation-view > shadow, +.sidebar-pane .content-pane overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +.sidebar-pane flap > shadow.left, +.sidebar-pane leaflet > shadow.left, +.sidebar-pane navigation-view > shadow.left, +.sidebar-pane overlay-split-view > shadow.left, +.content-pane .sidebar-pane flap > shadow.left, +.content-pane .sidebar-pane leaflet > shadow.left, +.content-pane .sidebar-pane navigation-view > shadow.left, +.content-pane .sidebar-pane overlay-split-view > shadow.left, +.sidebar-pane .content-pane flap > shadow.left, +.sidebar-pane .content-pane leaflet > shadow.left, +.sidebar-pane .content-pane navigation-view > shadow.left, +.sidebar-pane .content-pane overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); +} + +.sidebar-pane flap > shadow.right, +.sidebar-pane leaflet > shadow.right, +.sidebar-pane navigation-view > shadow.right, +.sidebar-pane overlay-split-view > shadow.right, +.content-pane .sidebar-pane flap > shadow.right, +.content-pane .sidebar-pane leaflet > shadow.right, +.content-pane .sidebar-pane navigation-view > shadow.right, +.content-pane .sidebar-pane overlay-split-view > shadow.right, +.sidebar-pane .content-pane flap > shadow.right, +.sidebar-pane .content-pane leaflet > shadow.right, +.sidebar-pane .content-pane navigation-view > shadow.right, +.sidebar-pane .content-pane overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); +} + +.sidebar-pane flap > shadow.up, +.sidebar-pane leaflet > shadow.up, +.sidebar-pane navigation-view > shadow.up, +.sidebar-pane overlay-split-view > shadow.up, +.content-pane .sidebar-pane flap > shadow.up, +.content-pane .sidebar-pane leaflet > shadow.up, +.content-pane .sidebar-pane navigation-view > shadow.up, +.content-pane .sidebar-pane overlay-split-view > shadow.up, +.sidebar-pane .content-pane flap > shadow.up, +.sidebar-pane .content-pane leaflet > shadow.up, +.sidebar-pane .content-pane navigation-view > shadow.up, +.sidebar-pane .content-pane overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); +} + +.sidebar-pane flap > shadow.down, +.sidebar-pane leaflet > shadow.down, +.sidebar-pane navigation-view > shadow.down, +.sidebar-pane overlay-split-view > shadow.down, +.content-pane .sidebar-pane flap > shadow.down, +.content-pane .sidebar-pane leaflet > shadow.down, +.content-pane .sidebar-pane navigation-view > shadow.down, +.content-pane .sidebar-pane overlay-split-view > shadow.down, +.sidebar-pane .content-pane flap > shadow.down, +.sidebar-pane .content-pane leaflet > shadow.down, +.sidebar-pane .content-pane navigation-view > shadow.down, +.sidebar-pane .content-pane overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); +} + +.sidebar-pane banner > revealer > widget, +.content-pane .sidebar-pane banner > revealer > widget, +.sidebar-pane .content-pane banner > revealer > widget { + background-color: mix(var(--accent-bg-color),#131823,0.7); + color: white; +} + +.sidebar-pane banner > revealer > widget:backdrop, +.content-pane .sidebar-pane banner > revealer > widget:backdrop, +.sidebar-pane .content-pane banner > revealer > widget:backdrop { + background-color: mix(var(--accent-bg-color),#131823,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, +.content-pane .sidebar-pane:dir(ltr), +.content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, +.content-pane .sidebar-pane.end:dir(rtl), +.content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, +.sidebar-pane .content-pane:dir(ltr), +.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, +.sidebar-pane .content-pane.end:dir(rtl), +.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget, +.content-pane .sidebar-pane:dir(rtl), +.content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, +.content-pane .sidebar-pane.end:dir(ltr), +.content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, +.sidebar-pane .content-pane:dir(rtl), +.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, +.sidebar-pane .content-pane.end:dir(ltr), +.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { + box-shadow: none; + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +.sidebar-pane .sidebar-pane { + background-color: transparent; + color: inherit; +} + +.sidebar-pane .top-bar, +.sidebar-pane .sidebar, +.sidebar-pane .toolbar, +.sidebar-pane .navigation-sidebar, +.sidebar-pane searchbar > revealer > box { + background-color: transparent; + box-shadow: none; + border: none; +} + +.sidebar-pane headerbar { + border-top-right-radius: 0; +} + +.sidebar-pane headerbar, .sidebar-pane headerbar:backdrop { + background-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.maximized .sidebar-pane headerbar, window.tiled .sidebar-pane headerbar { + box-shadow: none; +} + +.content-pane, .content-pane:backdrop { + background-color: #0f111a; +} + +.content-pane headerbar { + color: white; + border-top-left-radius: 0; +} + +.content-pane headerbar, .content-pane headerbar:backdrop { + background-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.content-pane headerbar .subtitle, +.content-pane headerbar .dim-label, +.content-pane headerbar entry > text > placeholder, +.content-pane headerbar entry > text > placeholder, +.content-pane headerbar row.property > box.header > box.title > .title, +.content-pane headerbar row.expander:not(:checked) image.expander-row-arrow, +row.expander:not(:checked) .content-pane headerbar image.expander-row-arrow { + color: rgba(255, 255, 255, 0.7); +} + +.content-pane headerbar .subtitle:backdrop, +.content-pane headerbar .dim-label:backdrop, +.content-pane headerbar entry > text > placeholder:backdrop, +.content-pane headerbar entry > text > placeholder:backdrop, +.content-pane headerbar row.property > box.header > box.title > .title:backdrop, +.content-pane headerbar row.expander:not(:checked) image.expander-row-arrow:backdrop, +row.expander:not(:checked) .content-pane headerbar image.expander-row-arrow:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +.content-pane headerbar viewswitcher.wide { + background-color: rgba(255, 255, 255, 0.04); +} + +window.maximized .content-pane headerbar, window.tiled .content-pane headerbar { + box-shadow: none; +} + +.sidebar-pane toolbarview.undershoot-top:not(.view) scrolledwindow > undershoot.top, +.content-pane toolbarview.undershoot-top:not(.view) scrolledwindow > undershoot.top { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane toolbarview.undershoot-bottom:not(.view) scrolledwindow > undershoot.bottom, +.content-pane toolbarview.undershoot-bottom:not(.view) scrolledwindow > undershoot.bottom { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-top > undershoot.top, +.content-pane scrolledwindow.undershoot-top > undershoot.top { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, +.content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 4px); +} + +toolbarview > .top-bar searchbar > revealer > box, +toolbarview > .bottom-bar searchbar > revealer > box { + background-color: transparent; + box-shadow: none; +} + +toolbarview > .top-bar actionbar > revealer > box, +toolbarview > .bottom-bar actionbar > revealer > box { + background-color: transparent; + border: none; + box-shadow: none; +} + +toolbarview > .top-bar .toolbar, +toolbarview > .bottom-bar .toolbar { + background-color: transparent; + padding: 4px; + border-spacing: 0; +} + +toolbarview > .top-bar .collapse-spacing, +toolbarview > .bottom-bar .collapse-spacing { + padding-top: 0; + padding-bottom: 0; +} + +toolbarview > .top-bar .collapse-spacing headerbar, +toolbarview > .bottom-bar .collapse-spacing headerbar { + min-height: 40px; +} + +toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, +toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box { + padding-top: 4px; + padding-bottom: 4px; +} + +toolbarview > .top-bar .collapse-spacing headerbar.default-decoration, +toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration { + min-height: 22px; +} + +toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, +toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box { + padding-top: 4px; + padding-bottom: 4px; +} + +toolbarview > .top-bar .collapse-spacing searchbar > revealer > box, +toolbarview > .top-bar .collapse-spacing actionbar > revealer > box, +toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, +toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { + padding-top: 4px; + padding-bottom: 4px; +} + +toolbarview > .top-bar .collapse-spacing .toolbar, +toolbarview > .bottom-bar .collapse-spacing .toolbar { + padding-top: 4px; + padding-bottom: 4px; +} + +toolbarview > .top-bar .collapse-spacing tabbar, +toolbarview > .bottom-bar .collapse-spacing tabbar { + padding-top: 0; + padding-bottom: 0; +} + +toolbarview > .top-bar.raised, +toolbarview > .bottom-bar.raised { + background-color: transparent; + color: white; +} + +toolbarview > .top-bar.raised:backdrop, +toolbarview > .bottom-bar.raised:backdrop { + background-color: transparent; +} + +toolbarview > .top-bar:backdrop > windowhandle, +toolbarview > .bottom-bar:backdrop > windowhandle { + filter: none; +} + +toolbarview .top-bar { + box-shadow: none; + background-color: #161b26; +} + +toolbarview .top-bar:backdrop { + background-color: #1e2431; +} + +.info toolbarview .top-bar, .info toolbarview .top-bar:backdrop, .about toolbarview .top-bar, .about toolbarview .top-bar:backdrop { + background-color: transparent; +} + +tabview toolbarview .top-bar, tabview toolbarview .top-bar:backdrop { + background-color: #161b26; +} + +toolbarview .top-bar .collapse-spacing { + padding: 0; +} + +toolbarview .top-bar windowhandle { + filter: none; +} + +toolbarview > .bottom-bar { + padding: 0; + border-spacing: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background-color: #131823; + color: white; +} + +toolbarview > .bottom-bar:backdrop { + background-color: #0f111a; + color: rgba(255, 255, 255, 0.5); +} + +toolbarview > .bottom-bar actionbar > revealer > box { + background-color: transparent; + color: inherit; + box-shadow: none; +} + +toolbarview > .bottom-bar actionbar > revealer > box:backdrop { + background-color: transparent; + transition: none; +} + +toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { + filter: none; + transition: none; +} + +toolbarview > .top-bar.raised { + box-shadow: none; +} + +toolbarview > .top-bar.raised.border { + box-shadow: none; +} + +toolbarview > .bottom-bar.raised { + box-shadow: none; +} + +toolbarview > .bottom-bar.raised.border { + box-shadow: none; +} + +.sidebar-pane .top-bar, +.sidebar-pane .bottom-bar, +.sidebar-pane .top-bar:backdrop, +.sidebar-pane .bottom-bar:backdrop, +.content-pane .top-bar, +.content-pane .bottom-bar, +.content-pane .top-bar:backdrop, +.content-pane .bottom-bar:backdrop { + background-color: transparent; + box-shadow: none; +} + +floating-sheet > dimming { + background-color: rgba(0, 0, 0, 0.25); +} + +floating-sheet > sheet.background { + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); + border-radius: 16px; + outline: none; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color white; +/* +text color for entries, views and content in general */ +@define-color theme_text_color white; +/* +widget base background color */ +@define-color theme_bg_color #0f111a; +/* +text widgets and the like base background color */ +@define-color theme_base_color #161b26; +/* +base background color of selections */ +@define-color theme_selected_bg_color var(--accent-bg-color); +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #0f111a; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #131823; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color white; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color white; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #0f111a; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #161b26; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color var(--accent-bg-color); +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color white; +/* +insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); +/* +widgets main borders color */ +@define-color borders rgba(255, 255, 255, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #FBC02D; +@define-color error_color #F44336; +@define-color success_color #81C995; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title white; +@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); +@define-color wm_highlight rgba(255, 255, 255, 0.1); +@define-color wm_border #090909; +@define-color wm_bg #161b26; +@define-color wm_unfocused_bg #1e2431; +@define-color wm_button_icon white; +@define-color wm_button_close_hover_bg #fd5f51; +@define-color wm_button_close_active_bg #fc2714; +@define-color wm_button_max_hover_bg #38c76a; +@define-color wm_button_max_active_bg #2b9751; +@define-color wm_button_min_hover_bg #fdbe04; +@define-color wm_button_min_active_bg #c29102; +/* +FIXME this is really an API */ +@define-color content_view_bg #161b26; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1d1d1d; +@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.7); +@define-color budgie_tasklist_indicator_color_active #4DB6AC; +@define-color budgie_tasklist_indicator_color_active_window rgba(61, 127, 121, 0.8075); +@define-color budgie_tasklist_indicator_color_attention #FBC02D; +@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; diff --git a/dotfiles/.themes/HyprFlux-Compact/index.theme b/dotfiles/.themes/HyprFlux-Compact/index.theme new file mode 100644 index 0000000..1dcf838 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/index.theme @@ -0,0 +1,12 @@ +[Desktop Entry] +Type=X-GNOME-Metatheme +Name=HyprFlux-Compact +Comment=An flat Materia Gtk+ theme based on Elegant Design +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=HyprFlux-Compact +MetacityTheme=HyprFlux-Compact +IconTheme=Tela-circle-dark +CursorTheme=Vimix-dark +ButtonLayout=close,minimize,maximize:menu diff --git a/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/button.svg b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/button.svg new file mode 100644 index 0000000..51c67bf --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/button.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/close.svg b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/close.svg new file mode 100644 index 0000000..1fe0805 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/maximize.svg b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/maximize.svg new file mode 100644 index 0000000..02d76eb --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/maximize.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/menu.svg b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/menu.svg new file mode 100644 index 0000000..ad8570a --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/menu.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/minimize.svg b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/minimize.svg new file mode 100644 index 0000000..dc1fa3f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/minimize.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/shade.svg b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/shade.svg new file mode 100644 index 0000000..29aeeae --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/shade.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/unmaximize.svg b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/unmaximize.svg new file mode 100644 index 0000000..9106037 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/unmaximize.svg @@ -0,0 +1,64 @@ + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/unshade.svg b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/unshade.svg new file mode 100644 index 0000000..fa98887 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/metacity-1/assets/unshade.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/HyprFlux-Compact/metacity-1/metacity-theme-1.xml b/dotfiles/.themes/HyprFlux-Compact/metacity-1/metacity-theme-1.xml new file mode 120000 index 0000000..562ac74 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/metacity-1/metacity-theme-1.xml @@ -0,0 +1 @@ +metacity-theme-3.xml \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/metacity-1/metacity-theme-2.xml b/dotfiles/.themes/HyprFlux-Compact/metacity-1/metacity-theme-2.xml new file mode 120000 index 0000000..562ac74 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/metacity-1/metacity-theme-2.xml @@ -0,0 +1 @@ +metacity-theme-3.xml \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/metacity-1/metacity-theme-3.xml b/dotfiles/.themes/HyprFlux-Compact/metacity-1/metacity-theme-3.xml new file mode 100644 index 0000000..cae97e2 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/metacity-1/metacity-theme-3.xml @@ -0,0 +1,648 @@ + + + + Orchis + vinceliucie + GPL + 2021 + Orchis Metacity theme + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" + y="(0 `max` ((height - title_height) / 2))" + ellipsize_width="width" + color="C_title_focused"/> +</draw_ops> + +<draw_ops name="title_unfocused"> + <title version="< 3.1" + x="(0 `max` ((width - title_width) / 2))" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused"/> + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" + y="(0 `max` ((height - title_height) / 2))" + ellipsize_width="width" + color="C_title_unfocused"/> +</draw_ops> + +<!-- window decorations --> + +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="highlight_focused"> + <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="highlight_unfocused"> + <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="entire_background_focused"/> + <include name="highlight_focused"/> +</draw_ops> + +<draw_ops name="titlebar_unfocused"> + <include name="entire_background_unfocused"/> + <include name="highlight_unfocused"/> +</draw_ops> + +<!-- button icons --> + +<!-- close --> + +<draw_ops name="close_focused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_unfocused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <include name="close_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <include name="close_unfocused"/> +</draw_ops> + +<!-- maximize --> + +<draw_ops name="maximize_focused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <include name="maximize_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <include name="maximize_unfocused"/> +</draw_ops> + +<!-- unmaximize --> + +<draw_ops name="unmaximize_focused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<!-- minimize --> + +<draw_ops name="minimize_focused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <include name="minimize_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <include name="minimize_unfocused"/> +</draw_ops> + +<!-- menu --> + +<draw_ops name="menu_focused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_prelight"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_pressed"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_unfocused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_prelight"> + <include name="menu_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_pressed"> + <include name="menu_unfocused"/> +</draw_ops> + +<!-- shade --> + +<draw_ops name="shade_focused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <include name="shade_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <include name="shade_unfocused"/> +</draw_ops> + +<!-- unshade --> + +<draw_ops name="unshade_focused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <include name="unshade_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <include name="unshade_unfocused"/> +</draw_ops> + +<!-- appmenu --> + +<constant name="D_appmenu_icon_size" value="16"/> + +<draw_ops name="appmenu_focused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size"/> +</draw_ops> + +<draw_ops name="appmenu_focused_prelight"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_focused_pressed"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size" + alpha="0.7"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_prelight"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_pressed"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<!-- button backgrounds --> + +<draw_ops name="button_focused"> +</draw_ops> + +<draw_ops name="button_focused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_focused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_unfocused"> +</draw_ops> + +<draw_ops name="button_unfocused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="button_unfocused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/> +</draw_ops> + +<!-- frame styles --> + +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused"/> + <piece position="titlebar" draw_ops="titlebar_focused"/> + <piece position="title" draw_ops="title_focused"/> + <button function="close" state="normal" draw_ops="close_focused"/> + <button function="close" state="prelight" draw_ops="close_focused_prelight"/> + <button function="close" state="pressed" draw_ops="close_focused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_focused"/> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_focused"/> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_focused"/> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_focused"/> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_focused"/> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_focused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_focused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_unfocused"/> + <piece position="titlebar" draw_ops="titlebar_unfocused"/> + <piece position="title" draw_ops="title_unfocused"/> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused"/> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_unfocused"/> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="dialog_focused" geometry="modal" parent="normal_focused"> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="modal" parent="normal_unfocused"> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> +</frame_style> + +<frame_style name="utility_focused" geometry="small" parent="normal_focused"> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> +</frame_style> + +<frame_style name="border_focused" geometry="border" parent="normal_focused"> +</frame_style> + +<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> +</frame_style> + +<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> +</frame_style> + +<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> +</frame_style> + +<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> +</frame_style> + +<!-- placeholder for unimplementated styles--> + +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button> + <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- frame style sets --> + +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused"/> + <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> + <frame focus="yes" state="maximized" style="normal_max_focused"/> + <frame focus="no" state="maximized" style="normal_max_unfocused"/> + <frame focus="yes" state="shaded" style="normal_focused"/> + <frame focus="no" state="shaded" style="normal_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> + <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="dialog_focused"/> + <frame focus="no" state="shaded" style="dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="modal_dialog_focused"/> + <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused"/> + <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="utility_focused"/> + <frame focus="no" state="shaded" style="utility_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused"/> + <frame focus="no" state="normal" resize="both" style="border_unfocused"/> + <frame focus="yes" state="maximized" style="borderless_focused"/> + <frame focus="no" state="maximized" style="borderless_unfocused"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="attached_style_set"> + <frame focus="yes" state="normal" resize="both" style="attached_focused"/> + <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<!-- windows --> + +<window type="normal" style_set="normal_style_set"/> +<window type="dialog" style_set="dialog_style_set"/> +<window type="modal_dialog" style_set="modal_dialog_style_set"/> +<window type="menu" style_set="utility_style_set"/> +<window type="utility" style_set="utility_style_set"/> +<window type="border" style_set="border_style_set"/> +<window version=">= 3.2" type="attached" style_set="attached_style_set"/> + +</metacity_theme> diff --git a/dotfiles/.themes/HyprFlux-Compact/metacity-1/thumbnail.png b/dotfiles/.themes/HyprFlux-Compact/metacity-1/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..578efdf8740365e77c80534761a7bc3b3452c883 GIT binary patch literal 726 zcmV;{0xA88P)<h;3K|Lk000e1NJLTq003kF001Be1^@s6<SX4S00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10%J); zK~!jg?U_$X^FSDfpJ}Fl5G~!fs4zKz=o!RQxKyxP=>^gn(q5o+ryI9k!=+cyRjPZ5 z!GcZ`7as}z14^T9^4WPHv|-BhB@e&%9f<IKKgO_fgb-hTCdiMEkM&lzfg}&TR4O5a zn7O9c0p#1;TP{Uz3ez%@%d#vi%S!L3e<xpGUvn#VQxHO=BBYd5Dix%Zl*?s+87boU z_}I*lH6W#AcXyY=!$Xdaj@aJbrdq91sZ`Rm2q6#$2M0#T8W2KYSr)Zg4W$&VR*Pn{ zNv&3!ky6UL&`lwZW3<+UVaUV71J~Ergkgx*n#p8B9LL0QY=q>2)|$u1NAB+Kcz=IS zg#boKUTCekzrSZPnGi*hNk|cRdU`@@O%z2$Q3RNT<jQzFo{?b^k~2x0O1^_hNFhjM zfDuwSjF2VS+uP&v@{&fQv9MOJ*XeXR*tVT{fBBQ*ip1^h?U(B(Cnvx1Kj-J??C<a6 zI1ZlY5d;D7Pe!-fMJdJU=_$QlFVp@eAxknC4Dfv)r4+8~(r7f&WGJP0etu>+9A@7C z&m<&aJ_+9?XIX+Epx5iAX>c3|0HqY8(P$<$SuhF7KoA6Yo|h&iNk+fl|B(zZLJG%9 zTh_V;?YfyB;G@w9AZ=eiZCQVAhWz%-m}h=~_xpXKC`ymJuIu7?9xpF1nf70)kpDFS zU(s&2v2A-{fKLzli;IiQ$6oWsa7mO>oSmI97z`F#Q@viN-EMPpbCb5R@3^|UVrOTE zt*tG}<+2fyH}gWwDXU-@AqB$-DHujb!7xG!h7nRQjF5uy3Af$)Fo`2H<p2Nx07*qo IM6N<$f{vU>)Bpeg literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/HyprFlux-Compact/plank/dock.theme b/dotfiles/.themes/HyprFlux-Compact/plank/dock.theme new file mode 100644 index 0000000..5ee9deb --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/plank/dock.theme @@ -0,0 +1,66 @@ +#This file based on: +#https://git.launchpad.net/plank/tree/data/themes/Default/dock.theme + +[PlankTheme] +#The roundness of the top corners. +TopRoundness=18 +#The roundness of the bottom corners. +BottomRoundness=0 +#The thickness (in pixels) of lines drawn. +LineWidth=0 +#The color (RGBA) of the outer stroke. +OuterStrokeColor=0;;0;;0;;0 +#The starting color (RGBA) of the fill gradient. +FillStartColor=0;;0;;0;;153 +#The ending color (RGBA) of the fill gradient. +FillEndColor=0;;0;;0;;153 +#The color (RGBA) of the inner stroke. +InnerStrokeColor=0;;0;;0;;0 + +[PlankDockTheme] +#The padding on the left/right dock edges, in tenths of a percent of IconSize. +HorizPadding=1 +#The padding on the top dock edge, in tenths of a percent of IconSize. +TopPadding=2 +#The padding on the bottom dock edge, in tenths of a percent of IconSize. +BottomPadding=1 +#The padding between items on the dock, in tenths of a percent of IconSize. +ItemPadding=2 +#The size of item indicators, in tenths of a percent of IconSize. +IndicatorSize=5 +#The size of the icon-shadow behind every item, in tenths of a percent of IconSize. +IconShadowSize=0 +#The height (in percent of IconSize) to bounce an icon when the application sets urgent. +UrgentBounceHeight=1.6666666666666667 +#The height (in percent of IconSize) to bounce an icon when launching an application. +LaunchBounceHeight=0.625 +#The opacity value (0 to 1) to fade the dock to when hiding it. +FadeOpacity=1 +#The amount of time (in ms) for click animations. +ClickTime=0 +#The amount of time (in ms) to bounce an urgent icon. +UrgentBounceTime=600 +#The amount of time (in ms) to bounce an icon when launching an application. +LaunchBounceTime=600 +#The amount of time (in ms) for active window indicator animations. +ActiveTime=150 +#The amount of time (in ms) to slide icons into/out of the dock. +SlideTime=300 +#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). +FadeTime=250 +#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). +HideTime=250 +#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. +GlowSize=30 +#The total time (in ms) to show the hidden-dock urgent glow. +GlowTime=10000 +#The time (in ms) of each pulse of the hidden-dock urgent glow. +GlowPulseTime=2000 +#The hue-shift (-180 to 180) of the urgent indicator color. +UrgentHueShift=150 +#The time (in ms) to move an item to its new position or its addition/removal to/from the dock. +ItemMoveTime=450 +#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time. +CascadeHide=true +#The color (RGBA) of the badge displaying urgent count +BadgeColor=229;;57;;53;;1 diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-active.xpm new file mode 100644 index 0000000..99a571d --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-active.xpm @@ -0,0 +1,9 @@ +/* XPM */ +static char *bottom_active[] = { +/* columns rows colors chars-per-pixel */ +"16 2 1 1 ", +" c #2C2C2C s active_color_2", +/* pixels */ +" ", +" " +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-inactive.xpm new file mode 100644 index 0000000..a6535da --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-inactive.xpm @@ -0,0 +1,9 @@ +/* XPM */ +static char *bottom_inactive[] = { +/* columns rows colors chars-per-pixel */ +"16 2 1 1 ", +" c gray20 s inactive_color_1", +/* pixels */ +" ", +" " +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-left-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-left-active.xpm new file mode 100644 index 0000000..fb727c8 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-left-active.xpm @@ -0,0 +1,18 @@ +/* XPM */ +static char *bottom_left_active[] = { +/* columns rows colors chars-per-pixel */ +"10 10 2 1 ", +" c None", +". c #2C2C2C s active_color_2", +/* pixels */ +".. ", +".. ", +".. ", +".. ", +".. ", +".. ", +".. ", +".. ", +"..........", +" ........." +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-left-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-left-inactive.xpm new file mode 100644 index 0000000..2dd88b3 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-left-inactive.xpm @@ -0,0 +1,18 @@ +/* XPM */ +static char *bottom_left_inactive[] = { +/* columns rows colors chars-per-pixel */ +"10 10 2 1 ", +" c None", +". c gray20 s inactive_color_1", +/* pixels */ +".. ", +".. ", +".. ", +".. ", +".. ", +".. ", +".. ", +".. ", +"..........", +" ........." +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-right-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-right-active.xpm new file mode 100644 index 0000000..aab5d87 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-right-active.xpm @@ -0,0 +1,18 @@ +/* XPM */ +static char *bottom_right_active[] = { +/* columns rows colors chars-per-pixel */ +"10 10 2 1 ", +" c None", +". c #2C2C2C s active_color_2", +/* pixels */ +" ..", +" ..", +" ..", +" ..", +" ..", +" ..", +" ..", +" ..", +"..........", +"......... " +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-right-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-right-inactive.xpm new file mode 100644 index 0000000..c55dea5 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/bottom-right-inactive.xpm @@ -0,0 +1,18 @@ +/* XPM */ +static char *bottom_right_inactive[] = { +/* columns rows colors chars-per-pixel */ +"10 10 2 1 ", +" c None", +". c gray20 s inactive_color_1", +/* pixels */ +" ..", +" ..", +" ..", +" ..", +" ..", +" ..", +" ..", +" ..", +"..........", +"......... " +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/button-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/button-active.xpm new file mode 100644 index 0000000..df00ea7 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/button-active.xpm @@ -0,0 +1,42 @@ +/* XPM */ +static char *button_active[] = { +/* columns rows colors chars-per-pixel */ +"34 34 2 1 ", +" c None", +". c #2C2C2C s active_color_2", +/* pixels */ +" ", +" ", +" ", +" ...... ", +" .......... ", +" .............. ", +" .................. ", +" .................... ", +" ...................... ", +" ...................... ", +" ........................ ", +" ........................ ", +" .......................... ", +" .......................... ", +" ............................ ", +" ............................ ", +" ............................ ", +" ............................ ", +" ............................ ", +" ............................ ", +" .......................... ", +" .......................... ", +" ........................ ", +" ........................ ", +" ...................... ", +" ...................... ", +" .................... ", +" .................. ", +" .............. ", +" .......... ", +" ...... ", +" ", +" ", +" " +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/button-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/button-inactive.xpm new file mode 100644 index 0000000..a2632bf --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/button-inactive.xpm @@ -0,0 +1,42 @@ +/* XPM */ +static char *button_inactive[] = { +/* columns rows colors chars-per-pixel */ +"34 34 2 1 ", +" c None", +". c gray20 s inactive_color_1", +/* pixels */ +" ", +" ", +" ", +" ...... ", +" .......... ", +" .............. ", +" .................. ", +" .................... ", +" ...................... ", +" ...................... ", +" ........................ ", +" ........................ ", +" .......................... ", +" .......................... ", +" ............................ ", +" ............................ ", +" ............................ ", +" ............................ ", +" ............................ ", +" ............................ ", +" .......................... ", +" .......................... ", +" ........................ ", +" ........................ ", +" ...................... ", +" ...................... ", +" .................... ", +" .................. ", +" .............. ", +" .......... ", +" ...... ", +" ", +" ", +" " +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/button-mac-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/button-mac-active.xpm new file mode 100644 index 0000000..9c637bc --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/button-mac-active.xpm @@ -0,0 +1,42 @@ +/* XPM */ +static char *button_mac_active[] = { +/* columns rows colors chars-per-pixel */ +"30 34 2 1 ", +" c None", +". c #2C2C2C s active_color_2", +/* pixels */ +" ", +" ", +" ", +" ...... ", +" .......... ", +" .............. ", +" .................. ", +" .................... ", +" ...................... ", +" ...................... ", +" ........................ ", +" ........................ ", +" .......................... ", +" .......................... ", +" ............................ ", +" ............................ ", +" ............................ ", +" ............................ ", +" ............................ ", +" ............................ ", +" .......................... ", +" .......................... ", +" ........................ ", +" ........................ ", +" ...................... ", +" ...................... ", +" .................... ", +" .................. ", +" .............. ", +" .......... ", +" ...... ", +" ", +" ", +" " +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/button-mac-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/button-mac-inactive.xpm new file mode 100644 index 0000000..37e0c35 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/button-mac-inactive.xpm @@ -0,0 +1,42 @@ +/* XPM */ +static char *button_mac_inactive[] = { +/* columns rows colors chars-per-pixel */ +"30 34 2 1 ", +" c None", +". c gray20 s inactive_color_1", +/* pixels */ +" ", +" ", +" ", +" ...... ", +" .......... ", +" .............. ", +" .................. ", +" .................... ", +" ...................... ", +" ...................... ", +" ........................ ", +" ........................ ", +" .......................... ", +" .......................... ", +" ............................ ", +" ............................ ", +" ............................ ", +" ............................ ", +" ............................ ", +" ............................ ", +" .......................... ", +" .......................... ", +" ........................ ", +" ........................ ", +" ...................... ", +" ...................... ", +" .................... ", +" .................. ", +" .............. ", +" .......... ", +" ...... ", +" ", +" ", +" " +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-active.svg new file mode 100644 index 0000000..0054bab --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-active.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M38 552.362h34v36H38z" style="fill:none" transform="translate(-38 -552.362)"/><path d="m51.41 566.362-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z" style="opacity:.75;fill:#fff" transform="translate(-38 -552.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-active.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-active.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-inactive.svg new file mode 100644 index 0000000..ecda01c --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-inactive.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M38 552.362h34v36H38z" style="fill:none" transform="translate(-38 -552.362)"/><path d="m51.41 566.362-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z" style="opacity:.35;fill:#fff" transform="translate(-38 -552.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-inactive.xpm new file mode 120000 index 0000000..93b7b91 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-inactive.xpm @@ -0,0 +1 @@ +button-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-prelight.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-prelight.svg new file mode 100644 index 0000000..3cf2eec --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-prelight.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M67 583.362h34v36H67z" style="fill:none" transform="translate(-67 -583.362)"/><path d="M84 614.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12-6.628 0-12 5.373-12 12 0 6.628 5.372 12 12 12" style="opacity:.15;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71428" transform="translate(-67 -583.362)"/><path d="m80.41 597.362-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z" style="fill:#fff;fill-opacity:1" transform="translate(-67 -583.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-prelight.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-prelight.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-prelight.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-pressed.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-pressed.svg new file mode 100644 index 0000000..aea6ad3 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-pressed.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M71 552.362h34v36H71z" style="fill:none" transform="translate(-71 -552.362)"/><path d="M88 583.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.3;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71428" transform="translate(-71 -552.362)"/><path d="m84.41 566.362-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z" style="opacity:1;fill:#fff;fill-opacity:1" transform="translate(-71 -552.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-pressed.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-pressed.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/close-pressed.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-active.svg new file mode 100644 index 0000000..7fc6b25 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-active.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M38 585.362h34v36H38z" style="fill:none" transform="translate(-38 -585.362)"/><path d="M51 605.362h8v2h-8z" style="opacity:.75;fill:#fff" transform="translate(-38 -585.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-active.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-active.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-inactive.svg new file mode 100644 index 0000000..37c49b2 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-inactive.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M38 585.362h34v36H38z" style="fill:none" transform="translate(-38 -585.362)"/><path d="M51 605.362h8v2h-8z" style="opacity:.35;fill:#fff" transform="translate(-38 -585.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-inactive.xpm new file mode 120000 index 0000000..93b7b91 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-inactive.xpm @@ -0,0 +1 @@ +button-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-prelight.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-prelight.svg new file mode 100644 index 0000000..eb7028a --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-prelight.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M38 585.362h34v36H38z" style="fill:none" transform="translate(-38 -585.362)"/><path d="M55 616.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.15;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71428" transform="translate(-38 -585.362)"/><path d="M51 605.362h8v2h-8z" style="opacity:1;fill:#fff" transform="translate(-38 -585.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-prelight.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-prelight.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-prelight.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-pressed.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-pressed.svg new file mode 100644 index 0000000..b00a848 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-pressed.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M71 585.362h34v36H71z" style="fill:none" transform="translate(-71 -585.362)"/><path d="M88 616.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.3;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71428" transform="translate(-71 -585.362)"/><path d="M84 605.362h8v2h-8z" style="opacity:1;fill:#fff" transform="translate(-71 -585.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-pressed.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-pressed.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/hide-pressed.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/left-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/left-active.xpm new file mode 100644 index 0000000..c08ad4b --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/left-active.xpm @@ -0,0 +1,23 @@ +/* XPM */ +static char *left_active[] = { +/* columns rows colors chars-per-pixel */ +"2 16 1 1 ", +" c #2C2C2C s active_color_2", +/* pixels */ +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" " +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/left-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/left-inactive.xpm new file mode 100644 index 0000000..9ffab36 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/left-inactive.xpm @@ -0,0 +1,23 @@ +/* XPM */ +static char *left_inactive[] = { +/* columns rows colors chars-per-pixel */ +"2 16 1 1 ", +" c gray20 s inactive_color_1", +/* pixels */ +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" " +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-active.svg new file mode 100644 index 0000000..9317e64 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-active.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M38 618.362h34v36H38z" style="fill:none" transform="translate(-38 -618.362)"/><path d="M51 633.362v8h8v-8zm2 2h4v4h-4z" style="opacity:.75;fill:#fff" transform="translate(-38 -618.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-active.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-active.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-inactive.svg new file mode 100644 index 0000000..f7374a5 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-inactive.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M38 618.362h34v36H38z" style="fill:none" transform="translate(-38 -618.362)"/><path d="M51 633.362v8h8v-8zm2 2h4v4h-4z" style="opacity:.35;fill:#fff" transform="translate(-38 -618.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-inactive.xpm new file mode 120000 index 0000000..93b7b91 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-inactive.xpm @@ -0,0 +1 @@ +button-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-prelight.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-prelight.svg new file mode 100644 index 0000000..0ae96f6 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-prelight.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M38 618.362h34v36H38z" style="fill:none" transform="translate(-38 -618.362)"/><path d="M55 649.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.15;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71428" transform="translate(-38 -618.362)"/><path d="M51 633.362v8h8v-8zm2 2h4v4h-4z" style="opacity:1;fill:#fff" transform="translate(-38 -618.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-prelight.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-prelight.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-prelight.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-pressed.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-pressed.svg new file mode 100644 index 0000000..17b4427 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-pressed.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M71 618.362h34v36H71z" style="fill:none" transform="translate(-71 -618.362)"/><path d="M88 649.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.3;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71429" transform="translate(-71 -618.362)"/><path d="M84 633.362v8h8v-8zm2 2h4v4h-4z" style="opacity:1;fill:#fff" transform="translate(-71 -618.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-pressed.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-pressed.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-pressed.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-active.svg new file mode 100644 index 0000000..3d3d96b --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-active.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M38 651.362h34v36H38z" style="fill:none" transform="translate(-38 -651.362)"/><path d="M52 667.362v6h6v-6zm2 2h2v2h-2z" style="opacity:.75;fill:#fff" transform="translate(-38 -651.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-active.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-active.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-inactive.svg new file mode 100644 index 0000000..bc6a1e4 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-inactive.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M38 651.362h34v36H38z" style="fill:none" transform="translate(-38 -651.362)"/><path d="M52 667.362v6h6v-6zm2 2h2v2h-2z" style="opacity:.35;fill:#fff" transform="translate(-38 -651.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-inactive.xpm new file mode 120000 index 0000000..93b7b91 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-inactive.xpm @@ -0,0 +1 @@ +button-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-prelight.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-prelight.svg new file mode 100644 index 0000000..a2c7d4f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-prelight.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M38 651.362h34v36H38z" style="fill:none" transform="translate(-38 -651.362)"/><path d="M55 682.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.15;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71429" transform="translate(-38 -651.362)"/><path d="M52 667.362v6h6v-6zm2 2h2v2h-2z" style="opacity:1;fill:#fff" transform="translate(-38 -651.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-prelight.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-prelight.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-prelight.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-pressed.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-pressed.svg new file mode 100644 index 0000000..4c26df7 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-pressed.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M71 651.362h34v36H71z" style="fill:none" transform="translate(-71 -651.362)"/><path d="M88 682.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.3;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71428" transform="translate(-71 -651.362)"/><path d="M85 667.362v6h6v-6zm2 2h2v2h-2z" style="opacity:1;fill:#fff" transform="translate(-71 -651.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-pressed.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-pressed.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/maximize-toggled-pressed.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-active.svg new file mode 100644 index 0000000..c27f10d --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-active.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><g transform="translate(-255 -552.362)"><path d="M255 552.362h34v36h-34z" style="fill:none"/><circle cx="272" cy="571.362" r="2" style="opacity:.75;fill:#fff"/></g></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-active.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-active.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-inactive.svg new file mode 100644 index 0000000..c49236c --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-inactive.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><g transform="translate(-255 -552.362)"><path d="M255 552.362h34v36h-34z" style="fill:none"/><circle cx="272" cy="571.362" r="2" style="opacity:.35;fill:#fff"/></g></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-inactive.xpm new file mode 120000 index 0000000..93b7b91 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-inactive.xpm @@ -0,0 +1 @@ +button-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-prelight.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-prelight.svg new file mode 100644 index 0000000..1e20f15 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-prelight.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><g transform="translate(-255 -552.362)"><path d="M255 552.362h34v36h-34z" style="fill:none"/><path d="M272 583.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.15;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71429"/><circle cx="272" cy="571.362" r="2" style="opacity:1;fill:#fff"/></g></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-prelight.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-prelight.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-prelight.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-pressed.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-pressed.svg new file mode 100644 index 0000000..a6a3c7e --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-pressed.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><g transform="translate(-255 -552.362)"><path d="M255 552.362h34v36h-34z" style="fill:none"/><path d="M272 583.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.3;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71429"/><circle cx="272" cy="571.362" r="2" style="opacity:1;fill:#fff"/></g></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-pressed.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-pressed.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/menu-pressed.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/right-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/right-active.xpm new file mode 120000 index 0000000..ebcf490 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/right-active.xpm @@ -0,0 +1 @@ +left-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/right-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/right-inactive.xpm new file mode 120000 index 0000000..7971ff5 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/right-inactive.xpm @@ -0,0 +1 @@ +left-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-active.svg new file mode 100644 index 0000000..beb85f9 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-active.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M255 587.362h34v36h-34z" style="fill:none" transform="translate(-255 -587.362)"/><path d="m266 608.362 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z" style="opacity:.75;fill:#fff" transform="translate(-255 -587.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-active.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-active.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-inactive.svg new file mode 100644 index 0000000..cdb6f10 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-inactive.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M255 587.362h34v36h-34z" style="fill:none" transform="translate(-255 -587.362)"/><path d="m266 608.362 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z" style="opacity:.35;fill:#fff" transform="translate(-255 -587.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-inactive.xpm new file mode 120000 index 0000000..93b7b91 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-inactive.xpm @@ -0,0 +1 @@ +button-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-prelight.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-prelight.svg new file mode 100644 index 0000000..2872c4b --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-prelight.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M255 587.362h34v36h-34z" style="fill:none" transform="translate(-255 -587.362)"/><path d="M272 618.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.15;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71429" transform="translate(-255 -587.362)"/><path d="m266 608.362 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z" style="opacity:1;fill:#fff" transform="translate(-255 -587.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-prelight.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-prelight.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-prelight.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-pressed.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-pressed.svg new file mode 100644 index 0000000..5a516cc --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-pressed.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M255 587.362h34v36h-34z" style="fill:none" transform="translate(-255 -587.362)"/><path d="M272 618.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.3;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71429" transform="translate(-255 -587.362)"/><path d="m266 608.362 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z" style="opacity:1;fill:#fff" transform="translate(-255 -587.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-pressed.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-pressed.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-pressed.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-active.svg new file mode 100644 index 0000000..d2c0195 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-active.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M255 622.362h34v36h-34z" style="fill:none" transform="translate(-255 -622.362)"/><path d="m266 639.362 1.41-1.41 4.59 4.59 4.59-4.59 1.41 1.41-6 6z" style="opacity:.75;fill:#fff" transform="translate(-255 -622.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-active.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-active.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-inactive.svg new file mode 100644 index 0000000..7dbb9b1 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-inactive.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M255 622.362h34v36h-34z" style="fill:none" transform="translate(-255 -622.362)"/><path d="m266 639.362 1.41-1.41 4.59 4.59 4.59-4.59 1.41 1.41-6 6z" style="opacity:.35;fill:#fff" transform="translate(-255 -622.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-inactive.xpm new file mode 120000 index 0000000..93b7b91 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-inactive.xpm @@ -0,0 +1 @@ +button-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-prelight.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-prelight.svg new file mode 100644 index 0000000..2c35b95 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-prelight.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M255 622.362h34v36h-34z" style="fill:none" transform="translate(-255 -622.362)"/><path d="M272 653.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.15;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71429" transform="translate(-255 -622.362)"/><path d="m266 639.362 1.41-1.41 4.59 4.59 4.59-4.59 1.41 1.41-6 6z" style="opacity:1;fill:#fff" transform="translate(-255 -622.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-prelight.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-prelight.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-prelight.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-pressed.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-pressed.svg new file mode 100644 index 0000000..e7f200e --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-pressed.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M255 622.362h34v36h-34z" style="fill:none" transform="translate(-255 -622.362)"/><path d="M272 653.362c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.3;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71429" transform="translate(-255 -622.362)"/><path d="m266 639.362 1.41-1.41 4.59 4.59 4.59-4.59 1.41 1.41-6 6z" style="opacity:1;fill:#fff" transform="translate(-255 -622.362)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-pressed.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-pressed.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/shade-toggled-pressed.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-active.svg new file mode 100644 index 0000000..01a676b --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-active.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M255 656.772h34v36h-34z" style="fill:none" transform="translate(-255 -656.772)"/><path d="M272 669.772a6 6 0 0 0-6 6 6 6 0 0 0 6 6 6 6 0 0 0 6-6 6 6 0 0 0-6-6m0 2a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4" style="opacity:.75;fill:#fff" transform="translate(-255 -656.772)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-active.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-active.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-inactive.svg new file mode 100644 index 0000000..4a36027 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-inactive.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M255 656.772h34v36h-34z" style="fill:none" transform="translate(-255 -656.772)"/><path d="M272 669.772a6 6 0 0 0-6 6 6 6 0 0 0 6 6 6 6 0 0 0 6-6 6 6 0 0 0-6-6m0 2a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4" style="opacity:.35;fill:#fff" transform="translate(-255 -656.772)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-inactive.xpm new file mode 120000 index 0000000..93b7b91 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-inactive.xpm @@ -0,0 +1 @@ +button-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-prelight.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-prelight.svg new file mode 100644 index 0000000..61c5a67 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-prelight.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M255 656.772h34v36h-34z" style="fill:none" transform="translate(-255 -656.772)"/><path d="M272 687.772c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.15;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71429" transform="translate(-255 -656.772)"/><path d="M272 669.772a6 6 0 0 0-6 6 6 6 0 0 0 6 6 6 6 0 0 0 6-6 6 6 0 0 0-6-6m0 2a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4" style="opacity:1;fill:#fff" transform="translate(-255 -656.772)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-prelight.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-prelight.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-prelight.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-pressed.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-pressed.svg new file mode 100644 index 0000000..f5837c8 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-pressed.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><path d="M255 656.772h34v36h-34z" style="fill:none" transform="translate(-255 -656.772)"/><path d="M272 687.772c6.627 0 12-5.372 12-12 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.373 12 12 12" style="opacity:.3;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71429" transform="translate(-255 -656.772)"/><path d="M272 669.772a6 6 0 0 0-6 6 6 6 0 0 0 6 6 6 6 0 0 0 6-6 6 6 0 0 0-6-6m0 2a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4" style="opacity:1;fill:#fff" transform="translate(-255 -656.772)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-pressed.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-pressed.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-pressed.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-active.svg new file mode 100644 index 0000000..0c582ea --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-active.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><g transform="translate(-255 -694.362)"><path d="M255 694.362h34v36h-34z" style="fill:none"/><path d="M272 707.362a6 6 0 0 0-6 6 6 6 0 0 0 6 6 6 6 0 0 0 6-6 6 6 0 0 0-6-6m0 2a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4" style="opacity:.75;fill:#fff"/><circle cx="272" cy="713.362" r="2" style="opacity:.75;fill:#fff"/></g></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-active.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-active.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-inactive.svg new file mode 100644 index 0000000..121320d --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-inactive.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><g transform="translate(-255 -694.362)"><path d="M255 694.362h34v36h-34z" style="fill:none"/><path d="M272 707.362a6 6 0 0 0-6 6 6 6 0 0 0 6 6 6 6 0 0 0 6-6 6 6 0 0 0-6-6m0 2a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4" style="opacity:.35;fill:#fff"/><circle cx="272" cy="713.362" r="2" style="opacity:.35;fill:#fff"/></g></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-inactive.xpm new file mode 120000 index 0000000..93b7b91 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-inactive.xpm @@ -0,0 +1 @@ +button-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-prelight.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-prelight.svg new file mode 100644 index 0000000..d6b9b24 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-prelight.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><g transform="translate(-255 -694.362)"><path d="M255 694.362h34v36h-34z" style="fill:none"/><path d="M272 725.362c6.627 0 12-5.373 12-12s-5.373-12-12-12-12 5.373-12 12 5.373 12 12 12" style="opacity:.15;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71429"/><path d="M272 707.362a6 6 0 0 0-6 6 6 6 0 0 0 6 6 6 6 0 0 0 6-6 6 6 0 0 0-6-6m0 2a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4" style="opacity:1;fill:#fff"/><circle cx="272" cy="713.362" r="2" style="opacity:1;fill:#fff"/></g></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-prelight.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-prelight.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-prelight.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-pressed.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-pressed.svg new file mode 100644 index 0000000..bc80a08 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-pressed.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36"><g transform="translate(-255 -694.362)"><path d="M255 694.362h34v36h-34z" style="fill:none"/><path d="M272 725.362c6.627 0 12-5.373 12-12s-5.373-12-12-12-12 5.373-12 12 5.373 12 12 12" style="opacity:.3;fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.71429"/><path d="M272 707.362a6 6 0 0 0-6 6 6 6 0 0 0 6 6 6 6 0 0 0 6-6 6 6 0 0 0-6-6m0 2a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4" style="opacity:1;fill:#fff"/><circle cx="272" cy="713.362" r="2" style="opacity:1;fill:#fff"/></g></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-pressed.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-pressed.xpm new file mode 120000 index 0000000..29cd188 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/stick-toggled-pressed.xpm @@ -0,0 +1 @@ +button-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/themerc b/dotfiles/.themes/HyprFlux-Compact/xfwm4/themerc new file mode 100644 index 0000000..fc8f9df --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/themerc @@ -0,0 +1,23 @@ +button_offset=3 +button_spacing=0 +show_app_icon=false +full_width_title=true +frame_border_top=6 +maximized_offset=0 + +active_text_color=active_text_color_2 +active_text_shadow_color=active_hilight_2 +inactive_text_color=inactive_text_color_2 +inactive_text_shadow_color=inactive_hilight_2 + +shadow_delta_height=2 +shadow_delta_width=0 +shadow_delta_x=0 +shadow_delta_y=-5 +shadow_opacity=40 + +title_horizontal_offset=1 +title_shadow_active=false +title_shadow_inactive=false +title_vertical_offset_active=1 +title_vertical_offset_inactive=1 diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-active.svg new file mode 120000 index 0000000..c141c4f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-active.svg @@ -0,0 +1 @@ +title.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-active.xpm new file mode 120000 index 0000000..8d6242f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-active.xpm @@ -0,0 +1 @@ +title-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-inactive.svg new file mode 120000 index 0000000..c141c4f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-inactive.svg @@ -0,0 +1 @@ +title.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-inactive.xpm new file mode 120000 index 0000000..e94c32f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-1-inactive.xpm @@ -0,0 +1 @@ +title-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-active.svg new file mode 120000 index 0000000..c141c4f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-active.svg @@ -0,0 +1 @@ +title.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-active.xpm new file mode 120000 index 0000000..8d6242f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-active.xpm @@ -0,0 +1 @@ +title-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-inactive.svg new file mode 120000 index 0000000..c141c4f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-inactive.svg @@ -0,0 +1 @@ +title.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-inactive.xpm new file mode 120000 index 0000000..e94c32f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-2-inactive.xpm @@ -0,0 +1 @@ +title-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-active.svg new file mode 120000 index 0000000..c141c4f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-active.svg @@ -0,0 +1 @@ +title.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-active.xpm new file mode 120000 index 0000000..8d6242f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-active.xpm @@ -0,0 +1 @@ +title-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-inactive.svg new file mode 120000 index 0000000..c141c4f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-inactive.svg @@ -0,0 +1 @@ +title.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-inactive.xpm new file mode 120000 index 0000000..e94c32f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-3-inactive.xpm @@ -0,0 +1 @@ +title-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-active.svg new file mode 120000 index 0000000..c141c4f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-active.svg @@ -0,0 +1 @@ +title.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-active.xpm new file mode 120000 index 0000000..8d6242f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-active.xpm @@ -0,0 +1 @@ +title-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-inactive.svg new file mode 120000 index 0000000..c141c4f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-inactive.svg @@ -0,0 +1 @@ +title.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-inactive.xpm new file mode 120000 index 0000000..e94c32f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-4-inactive.xpm @@ -0,0 +1 @@ +title-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-active.svg new file mode 120000 index 0000000..c141c4f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-active.svg @@ -0,0 +1 @@ +title.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-active.xpm new file mode 120000 index 0000000..8d6242f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-active.xpm @@ -0,0 +1 @@ +title-active.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-inactive.svg new file mode 120000 index 0000000..c141c4f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-inactive.svg @@ -0,0 +1 @@ +title.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-inactive.xpm new file mode 120000 index 0000000..e94c32f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-5-inactive.xpm @@ -0,0 +1 @@ +title-inactive.xpm \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-active.xpm new file mode 100644 index 0000000..345f442 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-active.xpm @@ -0,0 +1,41 @@ +/* XPM */ +static char *title_active[] = { +/* columns rows colors chars-per-pixel */ +"6 34 1 1 ", +" c #2C2C2C s active_color_2", +/* pixels */ +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" " +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-inactive.xpm new file mode 100644 index 0000000..b1f7028 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title-inactive.xpm @@ -0,0 +1,41 @@ +/* XPM */ +static char *title_inactive[] = { +/* columns rows colors chars-per-pixel */ +"6 34 1 1 ", +" c gray20 s inactive_color_1", +/* pixels */ +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" " +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/title.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title.svg new file mode 100644 index 0000000..1987076 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/title.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="6" height="34"><path d="M454 68h6v34h-6z" style="fill:none" transform="translate(-454 -68)"/><path fill="#fff" d="M0 0h6v1H0z" opacity=".1"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-active.svg new file mode 100644 index 0000000..29b2765 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-active.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="34"><defs><linearGradient id="a"><stop offset="0" style="stop-color:#fff;stop-opacity:1"/><stop offset="1" style="stop-color:#fff;stop-opacity:.5"/></linearGradient><linearGradient xlink:href="#a" id="b" x1="10" x2="5" y1="727.36" y2="732.36" gradientUnits="userSpaceOnUse"/></defs><path d="M5 731.36v29h8v-34h-3v1H8v1H7v1H6v2z" style="fill:none" transform="translate(-5 -726.36)"/><path d="M10 726.36v1h3v-1zm0 1H8v1h2zm-2 1H7v1h1zm-1 1H6v2h1zm-1 2H5v1h1z" style="opacity:.1;fill:url(#b)" transform="translate(-5 -726.36)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-active.xpm new file mode 100644 index 0000000..bd68eb0 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-active.xpm @@ -0,0 +1,42 @@ +/* XPM */ +static char *top_left_active[] = { +/* columns rows colors chars-per-pixel */ +"8 34 2 1 ", +" c None", +". c #2C2C2C s active_color_2", +/* pixels */ +" ...", +" .....", +" ......", +" .......", +" .......", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........" +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-inactive.svg new file mode 120000 index 0000000..6f7b001 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-inactive.svg @@ -0,0 +1 @@ +top-left-active.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-inactive.xpm new file mode 100644 index 0000000..f173ee7 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-left-inactive.xpm @@ -0,0 +1,42 @@ +/* XPM */ +static char *top_left_inactive[] = { +/* columns rows colors chars-per-pixel */ +"8 34 2 1 ", +" c None", +". c gray20 s inactive_color_1", +/* pixels */ +" ...", +" .....", +" ......", +" .......", +" .......", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........" +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-active.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-active.svg new file mode 100644 index 0000000..dca1f94 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-active.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="34"><defs><linearGradient id="a"><stop offset="0" style="stop-color:#fff;stop-opacity:1"/><stop offset="1" style="stop-color:#fff;stop-opacity:.5"/></linearGradient><linearGradient xlink:href="#a" id="b" x1="10" x2="5" y1="727.36" y2="732.36" gradientUnits="userSpaceOnUse"/></defs><path d="M5 731.36v29h8v-34h-3v1H8v1H7v1H6v2z" style="fill:none" transform="matrix(-1 0 0 1 13 -726.36)"/><path d="M10 726.36v1h3v-1zm0 1H8v1h2zm-2 1H7v1h1zm-1 1H6v2h1zm-1 2H5v1h1z" style="opacity:.1;fill:url(#b)" transform="matrix(-1 0 0 1 13 -726.36)"/></svg> \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-active.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-active.xpm new file mode 100644 index 0000000..a65c5f0 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-active.xpm @@ -0,0 +1,42 @@ +/* XPM */ +static char *top_right_active[] = { +/* columns rows colors chars-per-pixel */ +"8 34 2 1 ", +" c None", +". c #2C2C2C s active_color_2", +/* pixels */ +"... ", +"..... ", +"...... ", +"....... ", +"....... ", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........" +}; diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-inactive.svg b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-inactive.svg new file mode 120000 index 0000000..9318727 --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-inactive.svg @@ -0,0 +1 @@ +top-right-active.svg \ No newline at end of file diff --git a/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-inactive.xpm b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-inactive.xpm new file mode 100644 index 0000000..a84916f --- /dev/null +++ b/dotfiles/.themes/HyprFlux-Compact/xfwm4/top-right-inactive.xpm @@ -0,0 +1,42 @@ +/* XPM */ +static char *top_right_inactive[] = { +/* columns rows colors chars-per-pixel */ +"8 34 2 1 ", +" c None", +". c gray20 s inactive_color_1", +/* pixels */ +"... ", +"..... ", +"...... ", +"....... ", +"....... ", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........" +}; diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/add-workspace-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/add-workspace-active.svg new file mode 100644 index 0000000..4b74285 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/add-workspace-active.svg @@ -0,0 +1,12 @@ +<svg width="35" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <defs> + <filter id="filter4154" x="-.132" y="-.020842" width="1.264" height="1.0417" color-interpolation-filters="sRGB"> + <feGaussianBlur stdDeviation="1.6500004"/> + </filter> + </defs> + <g transform="translate(0 -852.36)" shape-rendering="auto"> + <path d="m7.2 858.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#000000" fill-opacity=".44" filter="url(#filter4154)" image-rendering="auto" opacity=".9" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/> + <path d="m7 857.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#333333" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/> + <path transform="translate(0 852.36)" d="m18 94c-0.554 0-1 0.446-1 1v4h-4c-0.554 0-1 0.446-1 1s0.446 1 1 1h4v4c0 0.554 0.446 1 1 1s1-0.446 1-1v-4h4c0.554 0 1-0.446 1-1s-0.446-1-1-1h-4v-4c0-0.554-0.446-1-1-1zm8 6a8 8 0 0 1-8 8 8 8 0 0 1-8-8 8 8 0 0 1 8-8 8 8 0 0 1 8 8z" color="#000000" color-rendering="auto" fill="#eceff1" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/add-workspace-hover.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/add-workspace-hover.svg new file mode 100644 index 0000000..8a1d351 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/add-workspace-hover.svg @@ -0,0 +1,112 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="35" + height="200" + id="svg2" + version="1.1" + inkscape:version="0.92.4 (5da689c313, 2019-01-14)" + sodipodi:docname="add-workspace-hover.svg"> + <defs + id="defs4" /> + <sodipodi:namedview + id="base" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0.0" + inkscape:pageshadow="2" + inkscape:zoom="4" + inkscape:cx="-81.038405" + inkscape:cy="108.58132" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + inkscape:window-width="1366" + inkscape:window-height="709" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + showguides="false" + inkscape:guide-bbox="true" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:snap-bbox-edge-midpoints="true" + inkscape:bbox-nodes="true"> + <inkscape:grid + type="xygrid" + id="grid3040" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="0,1" + position="20,100" + id="guide3893" + inkscape:locked="false" /> + <sodipodi:guide + orientation="1,0" + position="18,190" + id="guide3895" + inkscape:locked="false" /> + </sodipodi:namedview> + <metadata + id="metadata7"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + <cc:license + rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" /> + </cc:Work> + <cc:License + rdf:about="http://creativecommons.org/licenses/by-sa/4.0/"> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Reproduction" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Distribution" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Notice" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Attribution" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#ShareAlike" /> + </cc:License> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-852.36218)"> + <path + id="rect4694" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 7,857.36218 28,0 0,190.00002 -28,0 c -1.108,0 -2,-0.892 -2,-2 L 5,859.36218 c 0,-1.108 0.892,-2 2,-2 z" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sccssss" /> + <g + transform="translate(0,-0.9999969)" + id="g3917-7" + style="fill:#eceff1;fill-opacity:1;opacity:0.5;stroke:none;stroke-opacity:1" /> + <path + id="rect4804" + transform="translate(0,852.36218)" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 18,94 c -0.554,0 -1,0.446 -1,1 l 0,4 -4,0 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 4,0 0,4 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 l 0,-4 4,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 l -4,0 0,-4 c 0,-0.554 -0.446,-1 -1,-1 z m 8,6 a 8,8 0 0 1 -8,8 8,8 0 0 1 -8,-8 8,8 0 0 1 8,-8 8,8 0 0 1 8,8 z" /> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/add-workspace.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/add-workspace.svg new file mode 100644 index 0000000..8dba5df --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/add-workspace.svg @@ -0,0 +1,113 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="35" + height="200" + id="svg2" + version="1.1" + inkscape:version="0.92.4 (5da689c313, 2019-01-14)" + sodipodi:docname="add-workspace.svg"> + <defs + id="defs4" /> + <sodipodi:namedview + id="base" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0.0" + inkscape:pageshadow="2" + inkscape:zoom="4" + inkscape:cx="-28.526103" + inkscape:cy="75.41215" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + inkscape:window-width="1366" + inkscape:window-height="709" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + showguides="false" + inkscape:guide-bbox="true" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:snap-bbox-edge-midpoints="true" + inkscape:bbox-nodes="true" + inkscape:document-rotation="0"> + <inkscape:grid + type="xygrid" + id="grid3040" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="0,1" + position="20,100" + id="guide3893" + inkscape:locked="false" /> + <sodipodi:guide + orientation="1,0" + position="18,190" + id="guide3895" + inkscape:locked="false" /> + </sodipodi:namedview> + <metadata + id="metadata7"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + <cc:license + rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" /> + </cc:Work> + <cc:License + rdf:about="http://creativecommons.org/licenses/by-sa/4.0/"> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Reproduction" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Distribution" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Notice" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Attribution" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#ShareAlike" /> + </cc:License> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-852.36218)"> + <path + id="rect4694" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.35;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 7,857.36218 28,0 0,190.00002 -28,0 c -1.108,0 -2,-0.892 -2,-2 L 5,859.36218 c 0,-1.108 0.892,-2 2,-2 z" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sccssss" /> + <g + transform="translate(0,-0.9999969)" + id="g3917-7" + style="fill:#eceff1;fill-opacity:1;opacity:0.5;stroke:none;stroke-opacity:1" /> + <path + id="rect4804" + transform="translate(0,852.36218)" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.87;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 18,94 c -0.554,0 -1,0.446 -1,1 l 0,4 -4,0 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 4,0 0,4 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 l 0,-4 4,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 l -4,0 0,-4 c 0,-0.554 -0.446,-1 -1,-1 z m 8,6 a 8,8 0 0 1 -8,8 8,8 0 0 1 -8,-8 8,8 0 0 1 8,-8 8,8 0 0 1 8,8 z" /> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/calendar-arrow-left.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..dcf8298 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/calendar-arrow-left.svg @@ -0,0 +1,56 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="16" + height="16" + viewBox="0 0 16 16" + version="1.1" + id="svg4" + sodipodi:docname="calendar-arrow-left.svg" + inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> + <metadata + id="metadata10"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs8" /> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="704" + id="namedview6" + showgrid="false" + inkscape:zoom="29.5" + inkscape:cx="13.680381" + inkscape:cy="6.1418434" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" /> + <path + d="M10 3v10L5 8z" + fill="#000000" + opacity="0.54" + id="path2" + style="fill:#e6e6e6" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/calendar-arrow-right.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..ed66559 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/calendar-arrow-right.svg @@ -0,0 +1,56 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="16" + height="16" + viewBox="0 0 16 16" + version="1.1" + id="svg4" + sodipodi:docname="calendar-arrow-right.svg" + inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> + <metadata + id="metadata10"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs8" /> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="704" + id="namedview6" + showgrid="false" + inkscape:zoom="14.75" + inkscape:cx="8" + inkscape:cy="8" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" /> + <path + d="M6 3v10l5-5z" + fill="#000000" + opacity="0.54" + id="path2" + style="fill:#e6e6e6" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/checkbox-dark.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/checkbox-dark.svg new file mode 100644 index 0000000..65c1901 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/checkbox-dark.svg @@ -0,0 +1,3 @@ +<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> + <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#dddddd" style="paint-order:stroke fill markers"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/checkbox-off.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/checkbox-off.svg new file mode 100644 index 0000000..110a32f --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/checkbox-off.svg @@ -0,0 +1,3 @@ +<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> + <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/checkbox.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/checkbox.svg new file mode 100644 index 0000000..b3a73fa --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/checkbox.svg @@ -0,0 +1,3 @@ +<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> + <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#333333" style="paint-order:stroke fill markers"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/close-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/close-active.svg new file mode 100644 index 0000000..0dde2b9 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/close-active.svg @@ -0,0 +1,10 @@ +<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg"> + <defs> + <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB"> + <feGaussianBlur stdDeviation="0.32"/> + </filter> + </defs> + <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/> + <circle cx="9.4545" cy="9.4545" r="8" fill="#d8354a" stroke-width="0"/> + <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/close-hover.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/close-hover.svg new file mode 100644 index 0000000..37f8806 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/close-hover.svg @@ -0,0 +1,10 @@ +<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg"> + <defs> + <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB"> + <feGaussianBlur stdDeviation="0.32"/> + </filter> + </defs> + <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/> + <circle cx="9.4545" cy="9.4545" r="8" fill="#ff7a80" stroke-width="0"/> + <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/close.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/close.svg new file mode 100644 index 0000000..5dcc697 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/close.svg @@ -0,0 +1,10 @@ +<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg"> + <defs> + <filter id="filter879" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB"> + <feGaussianBlur stdDeviation="0.32"/> + </filter> + </defs> + <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter879)" opacity=".1" stroke-width="0"/> + <circle cx="9.4545" cy="9.4545" r="8" fill="#f75a61" stroke-width="0"/> + <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/corner-ripple.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/corner-ripple.svg new file mode 100644 index 0000000..6440b6c --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/corner-ripple.svg @@ -0,0 +1,5 @@ +<svg width="104" height="104" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <g transform="translate(0 -948.36)"> + <circle id="corner-ripple" cx="52" cy="1000" r="48" fill="#333333" opacity=".25"/> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/radiobutton-dark.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/radiobutton-dark.svg new file mode 100644 index 0000000..375c388 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/radiobutton-dark.svg @@ -0,0 +1,3 @@ +<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> + <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#dddddd"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/radiobutton-off.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/radiobutton-off.svg new file mode 100644 index 0000000..110a32f --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/radiobutton-off.svg @@ -0,0 +1,3 @@ +<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> + <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/radiobutton.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/radiobutton.svg new file mode 100644 index 0000000..27a8ab4 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/radiobutton.svg @@ -0,0 +1,3 @@ +<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> + <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#333333"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/toggle-off.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/toggle-off.svg new file mode 100644 index 0000000..2341bc5 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/toggle-off.svg @@ -0,0 +1,4 @@ +<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/> + <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/toggle-on-dark.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/toggle-on-dark.svg new file mode 100644 index 0000000..23f9373 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/toggle-on-dark.svg @@ -0,0 +1,4 @@ +<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#dddddd" stroke-width="0" style="paint-order:stroke fill markers"/> + <circle cx="30" cy="9.98" r="5" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/toggle-on.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/toggle-on.svg new file mode 100644 index 0000000..510abf1 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/toggle-on.svg @@ -0,0 +1,4 @@ +<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/> + <circle cx="30" cy="9.98" r="5" fill="#ffffff" stroke-width="0" style="paint-order:stroke fill markers"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/trash-icon.svg b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/trash-icon.svg new file mode 100644 index 0000000..d78a123 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/assets/trash-icon.svg @@ -0,0 +1,6 @@ +<svg width="400" height="120" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <g transform="translate(0 -932.36)"> + <rect x="10" y="942.36" width="380" height="160" rx="18" ry="18" fill="#4d4d4d" stroke-width="0"/> + <path class="ColorScheme-Text" d="m200 964.36c-4.4183 0-8 3.5817-8 8h-16v4h48v-4h-16c0-4.4183-3.5817-8-8-8zm0 4c2.2091 1e-5 4 1.7909 4 4h-8c1e-5 -2.2091 1.7909-4 4-4zm-20 12v32c0 4.4321 3.5679 8.0001 8 8.0001h24c4.4321 0 8-3.568 8-8.0001v-32h-38zm4 4h32v28c0 2.2161-1.7839 4.0001-4 4.0001h-24c-2.2161 0-4-1.784-4-4.0001z" fill="#ececec"/> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/cinnamon.css b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/cinnamon.css new file mode 100644 index 0000000..a5d763f --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/cinnamon.css @@ -0,0 +1,2269 @@ +stage { + font-size: 9pt; + color: #eeffff; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button { + min-height: 24px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 6px; + color: rgba(238, 255, 255, 0.7); + background-color: rgba(238, 255, 255, 0.04); +} + +.sound-button:focus { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); + border-radius: 6px; +} + +.sound-button:hover { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); + border-radius: 6px; +} + +.sound-button:hover:focus { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.3); + border-radius: 6px; +} + +.sound-button:active { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.3); + border-radius: 6px; +} + +.sound-button:insensitive { + color: rgba(238, 255, 255, 0.5); + background-color: rgba(238, 255, 255, 0.04); + border-radius: 6px; +} + +.notification-button, +.notification-icon-button, +.menu #notification .notification-button, +.menu #notification .notification-icon-button, +.popup-menu #notification .notification-button, +.popup-menu #notification .notification-icon-button, +#notification .notification-button, +#notification .notification-icon-button { + border-radius: 6px; + color: rgba(238, 255, 255, 0.7); + background-color: transparent; +} + +.notification-button:hover, +.notification-icon-button:hover, +#notification .notification-button:hover, +#notification .notification-icon-button:hover { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); + border-radius: 6px; +} + +.notification-button:active, +.notification-icon-button:active, +#notification .notification-button:active, +#notification .notification-icon-button:active { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.3); + border-radius: 6px; +} + +.notification-button:insensitive, +.notification-icon-button:insensitive, +#notification .notification-button:insensitive, +#notification .notification-icon-button:insensitive { + color: rgba(238, 255, 255, 0.3); + background-color: transparent; + border-radius: 6px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 24px; + padding: 6px 30px; + transition-duration: 100ms; + border-radius: 6px; + color: rgba(238, 255, 255, 0.7); + background-color: rgba(238, 255, 255, 0.04); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #e2e9e9; +} + +.modal-dialog-button-box .modal-dialog-button:active { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.3); +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + color: rgba(238, 255, 255, 0.3); + background-color: transparent; +} + +#menu-search-entry, +.notification StEntry, +.menu #notification StEntry, +.popup-menu #notification StEntry, +#notification StEntry { + padding: 3px 12px; + min-height: 24px; + caret-size: 1px; + selection-background-color: #e2e9e9; + selected-color: rgba(0, 0, 0, 0.87); + transition-duration: 300ms; + border-radius: 9999px; + color: #eeffff; + border: 2px solid transparent; + background-color: rgba(238, 255, 255, 0.04); +} + +#menu-search-entry:focus, +.notification StEntry:focus, +.menu #notification StEntry:focus, +.popup-menu #notification StEntry:focus, +#notification StEntry:focus, +#menu-search-entry:hover, +.notification StEntry:hover, +.menu #notification StEntry:hover, +.popup-menu #notification StEntry:hover, +#notification StEntry:hover { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.04); + border: 2px solid #e2e9e9; +} + +#menu-search-entry:insensitive, +.notification StEntry:insensitive, +.menu #notification StEntry:insensitive, +.popup-menu #notification StEntry:insensitive, +#notification StEntry:insensitive { + border: 2px solid transparent; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +#menu-search-entry StIcon.capslock-warning, +.notification StEntry StIcon.capslock-warning, +.menu #notification StEntry StIcon.capslock-warning, +.popup-menu #notification StEntry StIcon.capslock-warning, +#notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #ffcb6b; + padding: 0 6px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(35, 38, 55, 0.1); + border-radius: 9999px; +} + +StScrollBar StButton#vhandle, +StScrollBar StButton#hhandle { + border-radius: 9999px; + background-color: gray; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, +StScrollBar StButton#hhandle:hover { + background-color: #515772; +} + +StScrollBar StButton#vhandle:active, +StScrollBar StButton#hhandle:active { + background-color: #e2e9e9; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(238, 255, 255, 0.12); + -slider-border-color: transparent; + -slider-active-background-color: #e2e9e9; + -slider-active-border-color: transparent; + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.check-box CinnamonGenericContainer { + spacing: 0.2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 24px; + height: 24px; +} + +.check-box StBin, +.check-box:focus StBin { + background-image: url('assets/checkbox-off.svg'); +} + +.check-box:checked StBin, +.check-box:focus:checked StBin { + background-image: url('assets/checkbox-dark.svg'); +} + +.radiobutton CinnamonGenericContainer { + spacing: 0.2em; + min-height: 30px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 24px; + height: 24px; +} + +.radiobutton StBin, +.radiobutton:focus StBin { + background-image: url('assets/radiobutton-off.svg'); +} + +.radiobutton:checked StBin, +.radiobutton:focus:checked StBin { + background-image: url('assets/radiobutton-dark.svg'); +} + +.toggle-switch { + width: 40px; + height: 20px; + background-size: contain; + background-image: url('assets/toggle-off.svg'); +} + +.toggle-switch:checked { + background-image: url('assets/toggle-on-dark.svg'); +} + +.popup-menu-item:active .toggle-switch { + background-image: url('assets/toggle-off.svg'); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url('assets/toggle-on-dark.svg'); +} + +.cinnamon-link { + color: #89ddff; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #c792ea; +} + +#Tooltip { + border-radius: 9999px; + padding: 6px 12px; + background-color: rgba(31, 34, 51, 0.9); + color: #eeffff; + margin: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 3px; + color: #eeffff; + background-color: rgba(35, 38, 55, 0.95); + border-radius: 12px; + margin: 6px; + border: 1px solid rgba(238, 255, 255, 0.2); + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75); + background-clip: border-box; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + border-radius: 6px; + background-gradient-direction: none; + box-shadow: none; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.6); +} + +.menu .popup-sub-menu .popup-menu-item:active, +.popup-menu .popup-sub-menu .popup-menu-item:active, +.popup-combo-menu .popup-sub-menu .popup-menu-item:active { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, +.menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 3px; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: 6px 12px; + spacing: 12px; + border-radius: 6px; +} + +.menu .popup-menu-item:hover, +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:hover, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:hover, +.popup-combo-menu .popup-menu-item:active { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(238, 255, 255, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: rgba(238, 255, 255, 0.5); +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(238, 255, 255, 0.12); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: rgba(238, 255, 255, 0.5); +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; +} + +.popup-combo-menu { + padding: 12px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 0; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 0; + margin: 0; + padding: 0; + border-color: rgba(238, 255, 255, 0.12); + border-bottom-width: 0; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: 0.5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: 0.5em; +} + +#panel { + font-weight: bold; + height: 36px; + width: 42px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(242, 139, 130, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 6px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 6px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, +.panel-bottom, +.panel-left, +.panel-right { + color: rgba(238, 255, 255, 0.7); + font-size: 1em; + padding: 0px; + background-color: rgba(15, 17, 26, 0.95); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, +.panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, +.panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, +.panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, +.panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, +.panel-left .panel-button:active, +.panel-left .panel-status-button:active, +.panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: rgba(0, 0, 0, 0.87); + background-color: #e2e9e9; +} + +.panel-dummy { + background-color: rgba(242, 139, 130, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(242, 139, 130, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: rgba(238, 255, 255, 0.7); +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: rgba(238, 255, 255, 0.7); +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(31, 34, 51, 0.9); + border: 1px solid rgba(31, 34, 51, 0.9); + color: #eeffff; + spacing: 25px; + border-radius: 6px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e2e9e9; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 6px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #eeffff; + background-color: rgba(238, 255, 255, 0.04); + border: 2px solid transparent; +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #e2e9e9; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + font-style: italic; + transition-duration: 300; + selection-background-color: rgba(0, 0, 0, 0.87); + selected-color: #e2e9e9; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(238, 255, 255, 0); + background-color: rgba(238, 255, 255, 0); + border-radius: 6px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #e2e9e9; + background-color: black; + border-radius: 6px; +} + +.expo-background { + background-color: #191919; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, +.workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url('assets/add-workspace.svg'); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url('assets/add-workspace-hover.svg'); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url('assets/add-workspace-active.svg'); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url('assets/close.svg'); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 13px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url('assets/close-hover.svg'); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url('assets/close-active.svg'); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url('assets/trash-icon.svg'); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #717cb4; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(238, 255, 255, 0.12); + border-radius: 6px; + background-color: #0f111a; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #717cb4; +} + +.calendar { + padding: 0.4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #eeffff; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 9999px; +} + +.calendar-change-month-back:focus, +.calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(238, 255, 255, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(238, 255, 255, 0.25); +} + +.calendar-change-month-back { + background-image: url('assets/calendar-arrow-left.svg'); +} + +.calendar-change-month-back:rtl { + background-image: url('assets/calendar-arrow-right.svg'); +} + +.calendar-change-month-forward { + background-image: url('assets/calendar-arrow-right.svg'); +} + +.calendar-change-month-forward:rtl { + background-image: url('assets/calendar-arrow-left.svg'); +} + +.datemenu-date-label { + padding: 0.4em 1.75em; + font-weight: normal; + text-align: center; + font-size: 14px; + color: #eeffff; + border-radius: 6px; +} + +.calendar-day-base { + text-align: center; + width: 28px; + height: 28px; + padding: 0; + margin: 2px; + border-radius: 9999px; +} + +.calendar-day-heading { + color: rgba(238, 255, 255, 0.7); + margin-top: 1em; +} + +.calendar-day { + border-width: 0; + color: rgba(238, 255, 255, 0.7); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #eeffff; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: rgba(0, 0, 0, 0.87); + background-color: #e2e9e9; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(238, 255, 255, 0.7); + opacity: 1; +} + +.calendar-week-number { + width: 20px; + height: 20px; + margin: 6px 0; + color: rgba(238, 255, 255, 0.3); + font-weight: bold; + background-color: rgba(238, 255, 255, 0.04); + border-radius: 9999px; +} + +.calendar-week-number StLabel { + padding: 0; + margin-top: 3px; +} + +#notification { + border-radius: 12px; + padding: 12px; + spacing-rows: 9px; + spacing-columns: 9px; + margin-from-right-edge-of-screen: 18px; + width: 28em; + color: #eeffff; + background-color: rgba(35, 38, 55, 0.8); + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); + margin: 7px 12px 17px 12px; +} + +#notification .notification-button, +#notification .notification-icon-button { + padding: 6px; +} + +.menu #notification, +.popup-menu #notification { + border: none; + border-radius: 6px; + background-color: rgba(238, 255, 255, 0.05); + box-shadow: none; + margin: 0; +} + +.menu #notification:hover, +.popup-menu #notification:hover { + background-color: rgba(238, 255, 255, 0.1); + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); +} + +.menu #notification, +.menu #notification.multi-line-notification, +.popup-menu #notification, +.popup-menu #notification.multi-line-notification { + color: #eeffff; +} + +.menu #notification .notification-button, +.menu #notification .notification-icon-button, +.popup-menu #notification .notification-button, +.popup-menu #notification .notification-icon-button { + padding: 6px; +} + +#notification.multi-line-notification { + padding-bottom: 12px; + color: #eeffff; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, +#notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 6px; +} + +#notification-actions { + spacing: 9px; +} + +.notification-with-image { + min-height: 159px; + color: #eeffff; +} + +.notification-button, +.notification-icon-button { + padding: 6px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #eeffff; + background-color: rgba(35, 38, 55, 0.95); + border: none; + border-radius: 6px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #e2e9e9; +} + +.switcher-list .item-box:selected { + color: rgba(0, 0, 0, 0.87); + background-color: #e2e9e9; + border: 0px solid #e2e9e9; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(238, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #eeffff; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: rgba(238, 255, 255, 0.7); +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url('assets/corner-ripple.svg'); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: #eeffff; +} + +.modal-dialog { + color: #eeffff; + background-color: rgba(31, 34, 51, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 6px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 6px 12px; + background-color: rgba(31, 34, 51, 0.9); + border-radius: 6px; + color: #eeffff; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #eeffff; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #f28b82; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 3px 12px; + border-radius: 6px; + caret-color: #eeffff; + selected-color: rgba(0, 0, 0, 0.87); + selection-background-color: #e2e9e9; + color: #eeffff; + background-color: rgba(238, 255, 255, 0.04); + border: 2px solid transparent; +} + +.run-dialog-entry:focus { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.04); + border: 2px solid #84ffff; +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #ffcb6b; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: #eeffff; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(31, 34, 51, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 6px; + box-shadow: none; + color: rgba(238, 255, 255, 0.7); + background-color: rgba(238, 255, 255, 0.04); +} + +.keyboard-key:hover { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); +} + +.keyboard-key:active, +.keyboard-key:checked { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.3); +} + +.keyboard-key:grayed { + color: rgba(238, 255, 255, 0.3); + background-color: transparent; +} + +.keyboard-subkeys { + color: #eeffff; + padding: 5px; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(31, 34, 51, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + margin-bottom: 6px; + padding: 6px; + transition-duration: 300; + background-color: rgba(238, 255, 255, 0.05); + border: none; + border-radius: 6px; +} + +.menu-favorites-button { + padding: 9px; + border: none; + border-radius: 6px; +} + +.menu-favorites-button:hover { + border-radius: 6px; + background-color: rgba(238, 255, 255, 0.1); +} + +.menu-places-box { + margin: auto; + padding: 9px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 9px; +} + +.menu-categories-box { + padding: 9px 30px; +} + +.menu-applications-inner-box, +.menu-applications-outer-box { + padding: 9px 9px 0 9px; +} + +.menu-application-button { + padding: 6px; + border-radius: 6px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); + padding: 6px; + border-radius: 6px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 6px; +} + +.menu-application-button-label:rtl { + padding-right: 6px; +} + +.menu StScrollView.menu-application-button { + padding: 3px 0; + border-radius: 6px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; + margin: 0 3px; + border-radius: 6px; + color: rgba(0, 0, 0, 0.87); +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 6px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 6px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 6px 6px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 6px 6px 0; +} + +.menu-category-button { + padding: 6px; + border-radius: 6px; +} + +.menu-category-button-selected { + padding: 6px; +} + +.menu-category-button-hover, +.menu-category-button-selected { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); + border-radius: 6px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(238, 255, 255, 0.5); +} + +.menu-category-button-label:ltr { + padding-left: 6px; +} + +.menu-category-button-label:rtl { + padding-right: 6px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; + margin-bottom: 6px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #eeffff; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #eeffff; +} + +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: rgba(238, 255, 255, 0.7); + background-color: rgba(15, 17, 26, 0.85); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: rgba(238, 255, 255, 0.7); + border-radius: 0; + background-color: rgba(15, 17, 26, 0.85); + border: none; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 6px; + color: #e2e9e9; +} + +.osd-window .level-bar { + border-radius: 6px; + background-color: #e2e9e9; +} + +.window-list-box { + spacing: 2px; +} + +.panel-bottom .window-list-box:ltr, +.panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, +.panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(242, 139, 130, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100ms; + color: rgba(238, 255, 255, 0.9); + border-radius: 0; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top: 2px solid transparent; +} + +.panel-top .window-list-item-box StIcon, +.panel-top .window-list-item-box StBin, +.panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom: 2px solid transparent; +} + +.panel-bottom .window-list-item-box StIcon, +.panel-bottom .window-list-item-box StBin, +.panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left: 2px solid transparent; +} + +.panel-left .window-list-item-box StIcon, +.panel-left .window-list-item-box StBin, +.panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right: 2px solid transparent; +} + +.panel-right .window-list-item-box StIcon, +.panel-right .window-list-item-box StBin, +.panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: rgba(238, 255, 255, 0.7); + background-gradient-direction: none; + background-color: rgba(238, 255, 255, 0.15); +} + +.window-list-item-box:active, +.window-list-item-box:checked, +.window-list-item-box:running { + color: rgba(238, 255, 255, 0.7); + background-gradient-direction: none; + background-color: rgba(238, 255, 255, 0.25); + border-color: rgba(238, 255, 255, 0.3); +} + +.window-list-item-box:active:hover, +.window-list-item-box:checked:hover, +.window-list-item-box:running:hover { + background-color: rgba(238, 255, 255, 0.3); +} + +.window-list-item-box:focus { + color: rgba(238, 255, 255, 0.7); + background-gradient-direction: none; + background-image: radial-gradient( + 5px 5px 45deg, + circle cover, + rgba(238, 255, 255, 0.7) 0%, + rgba(238, 255, 255, 0.7) 100% + ); + border-color: #e2e9e9; + background-color: rgba(238, 255, 255, 0.2); +} + +.window-list-item-box:focus:hover { + background-color: rgba(238, 255, 255, 0.3); +} + +.panel-top .window-list-item-box:focus { + background-position: top center; +} + +.panel-bottom .window-list-item-box:focus { + background-position: bottom center; +} + +.panel-left .window-list-item-box:focus { + background-position: left center; +} + +.panel-right .window-list-item-box:focus { + background-position: right center; +} + +.window-list-item-box.right, +.window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #81c995; + background-gradient-end: #81c995; + border-radius: 6px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #ffcb6b; + background-gradient-end: #ffcb6b; +} + +.window-list-preview { + padding: 12px; + spacing: 6px; + border: none; + background-color: #0f111a; + border-radius: 6px; + color: #eeffff; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(242, 139, 130, 0.5); +} + +.grouped-window-list-thumbnail-menu { + padding: 6px; +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 6px; + spacing: 6px; + margin: 1px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + background-color: rgba(238, 255, 255, 0.1); +} + +.grouped-window-list-thumbnail-menu .item-box:hover { + background-color: rgba(238, 255, 255, 0.15); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(238, 255, 255, 0.12); +} + +.grouped-window-list-number-label { + z-index: 120; + text-shadow: none; + color: rgba(0, 0, 0, 0.87); + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 2px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #e2e9e9; +} + +.grouped-window-list-item-box { + font-weight: normal; + transition-duration: 100ms; + border: none; + margin: 0; + color: rgba(238, 255, 255, 0.6); + border-radius: 0; + spacing: 6px; + border-bottom: 2px solid transparent; +} + +.grouped-window-list-item-box.top, +.grouped-window-list-item-box.bottom { + padding: 0 2px; +} + +.grouped-window-list-item-box:hover { + color: rgba(238, 255, 255, 0.7); + background-gradient-direction: none; + background-color: rgba(238, 255, 255, 0.15); +} + +.grouped-window-list-item-box:active { + color: rgba(238, 255, 255, 0.7); + background-gradient-direction: none; + background-color: transparent; + border-color: rgba(238, 255, 255, 0.3); +} + +.grouped-window-list-item-box:active:hover { + background-color: rgba(238, 255, 255, 0.15); +} + +.grouped-window-list-item-box:focus { + color: rgba(238, 255, 255, 0.7); + background-gradient-direction: none; + background-color: rgba(238, 255, 255, 0.2); + border-color: #e2e9e9; +} + +.grouped-window-list-item-box:focus:hover { + background-color: rgba(238, 255, 255, 0.3); +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #81c995; + background-gradient-end: #81c995; + border-radius: 6px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #ffcb6b; + background-gradient-end: #ffcb6b; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: 0.4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 0; + margin-top: 6px; + border-radius: 6px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 9999px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(0, 0, 0, 0.26); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 80px; + padding: 12px 18px; + spacing: 6px; + background-color: rgba(0, 0, 0, 0.45); + border: none; + border-radius: 0 0 6px 6px; + color: #eeffff; + text-shadow: none; +} + +.sound-player-overlay StButton { + width: 16px; + height: 16px; + padding: 8px; + margin: 0 6px 6px; + color: #eeffff; + border-radius: 9999px; + border: none; + text-shadow: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + background-color: rgba(238, 255, 255, 0.12); +} + +.sound-player-overlay StButton:active { + background-color: rgba(238, 255, 255, 0.3); +} + +.sound-player-overlay StButton:insensitive { + opacty: 0.35; + color: rgba(238, 255, 255, 0.5); +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(5, 5, 5, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #1f1f1f; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #e2e9e9; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: rgba(238, 255, 255, 0.7); + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, +.workspace-button:outlined:hover { + color: #e2e9e9; +} + +.workspace-button:hover { + color: #eeffff; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #e2e9e9; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(71, 71, 71, 0.75); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(71, 71, 71, 0.75); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(84, 84, 84, 0.75); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(46, 46, 46, 0.75); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; + border-radius: 0; +} + +.panel-launcher:hover { + background-gradient-direction: none; + background-color: rgba(238, 255, 255, 0.1); +} + +.panel-launcher:active { + background-color: rgba(238, 255, 255, 0.2); +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; + border-radius: 0; +} + +.launcher:hover { + background-gradient-direction: none; + background-color: rgba(238, 255, 255, 0.1); +} + +.launcher:active { + background-color: rgba(238, 255, 255, 0.2); +} + +.launcher .icon-box { + padding: 2px; +} + +.applet-separator { + padding: 1px 3px; +} + +.applet-separator-line { + width: 1px; + background: rgba(238, 255, 255, 0.12); +} + +.applet-box { + padding: 0 6px; + color: rgba(238, 255, 255, 0.7); + text-shadow: none; + transition-duration: 100ms; + border-radius: 0; +} + +.applet-box.vertical { + padding: 6px 0; +} + +.applet-box:hover { + color: rgba(238, 255, 255, 0.7); + background-color: rgba(238, 255, 255, 0.15); +} + +.applet-box:checked, +.applet-box:checked:hover { + color: rgba(0, 0, 0, 0.87); + background-color: #e2e9e9; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(242, 139, 130, 0.5); +} + +.applet-label { + font-weight: bold; + color: rgba(238, 255, 255, 0.7); +} + +.applet-box:checked .applet-label { + color: rgba(0, 0, 0, 0.87); + text-shadow: none; +} + +.applet-icon { + color: rgba(238, 255, 255, 0.7); + icon-size: 16px; +} + +.applet-box:checked .applet-icon { + color: rgba(238, 255, 255, 0.7); + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #eeffff; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #eeffff; +} + +.desklet:highlight { + background-color: rgba(242, 139, 130, 0.5); +} + +.desklet-with-borders { + color: #eeffff; + background-color: rgba(31, 34, 51, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(242, 139, 130, 0.5); +} + +.desklet-with-borders-and-header { + color: #eeffff; + background-color: rgba(31, 34, 51, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(242, 139, 130, 0.5); +} + +.desklet-header { + color: #eeffff; + background-color: rgba(31, 34, 51, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #84ffff; + background-color: rgba(226, 233, 233, 0.3); +} + +.photoframe-box { + color: #eeffff; + background-color: rgba(31, 34, 51, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.workspace-osd { + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: 0.5em 1em; +} + +.notification-applet-container { + max-height: 9999px; +} + +.tile-preview, +.tile-preview.snap, +.tile-hud, +.tile-hud.snap { + background-color: rgba(226, 233, 233, 0.3); + border: 1px solid #e2e9e9; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/thumbnail.png b/dotfiles/.themes/Material-DeepOcean-BL/cinnamon/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..2788ba83d8b7ed780b570296dadf9fbd89e9034d GIT binary patch literal 5042 zcmV;j6HV-iP)<h;3K|Lk000e1NJLTq008g+003GD1^@s6hSJ*_00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH6GurzK~#7F?VWjy zB-dTXzpuOc?w;<RnV$Pzdk^o-de>RwEWyDx#t}r05d_HsqyQEPe?*GJKM)BdOGFR^ zNRfg-905f_Q4pZSSUGGVZ|vA{eC~R8?Y+Ho?VLS5ecxThtLm$+o^J0BlbPz@XI0zP zzjsu%G~fEY_j|A2W2hlX68pgqZaB+juf4a|X$L_N`-)7aBKGwy7f+u)U8>ud{NJ<B zK5IL3<_|qSpWOz6AoewZKt()pVlc}XlN15J@WPsp#7htdhq{REZ@>Mv!)6ORKoG=% zp;)xBRLU!Hulq3)FF_nYKKyV+5c2sb1*{0m@%b<P`fnGD#jgs?5fmj6E~f*PipYbt zA}XTDqqfz2BLB48l%Av<$gO^=E8;e$Bs2MxpG(T8jT<F7K`}N9RkJeKc#l-%*Q-?m zxwk4ptkomeX{*|mYjd0YPgE|z^HwWjjMeU`dVh9-ExO&pUwr+q|MOe&cRAQBfFLYL zsZ{y0RI&$)Qbqam&lZb{UDD-~)5?%c)0#Pq-$f<Ad5LOG6<z775T%AyQrRU{UP<#m zt6fL_6iaNv&MJS!Prp^Kl>%3UC9%UkQTM1j(LomTayz6kT|TM9GU|NH<a+Y&sZ>}{ zZ6^;*SP~m+@0(cTKcoE)b*&(EXfsPU`_w!TL~S|pz=S1{yQj>|-mV;K;<+0I?-o+? zqkcQguKfk%feA}u)_gW=nyO(fzSsm8e(N`X1s+=o&%Jbx58>pIjm0o9HjcIBWeiV@ zA-cAP$oL^VdY>Q9zc$Z>m50aWLNuOLuA9x~I=cyVIx|Zm0TW$7Cw<RWeN8=Lxq$Q6 zRuQQz;+GzO45@Sih4nR@df*t6xeP+R5xjrt20|Xd>nw5m93DD6g6qjLN(B)=`Qdkw z-RVZuu$`0i4<>3t6PAQQ>&WWolI}ZH_ICP`%h+uKCPxRboy;LwDB-m?uVOvPBhGFw zDmD*F@M7-hG}8Gpe){HRoE|P?BUx%z(25QsUFtY?9rD10C1JHcbu-PhvNMxB^<mgc z@4QjXbN-u+^tUg*ucTd+KVb}hJ^IAs_|ErUYkd(jdz((Ws0(6|fC)>YAERvuQf1pQ z+RPIq6IZRt&$RXE>pJ`5|6=!{CN$9nNG1_nO}dF)Qro#Iy<QLQnI2ZsnBa!jRh_gr z+}~p;7l}mR^#$Omxy0$2Ndy8R3=9llVqzSgKp6dUC%N5C?D(UMCi1|9B~cF}b?kL@ z%$+(3r{Khq!&6w?%wyD3!O&;~iD(qU&|&y;OV}<;IQ#NNeC&byu$%<)S6{}B7;x<V zSxD(5%3>K#r+`bB7ZBq8<Y@f1YD`FVgYCw*G{2w;37D`fYMtnvUAyM9%=z;lVD``; zF0Llvu9T7Y3)sk(kx0amyvT=*!Y*vbqDUsQ_~61N#Bvg5#-`ybZeV+L4eR_!<wP9j zb@cljh$V8(i$ixaoxqG;0}?P{Nh)IV4_z;0jd%@Hotoc^nFQXskZ2^WanFi{^+x*U zX0zDh%9dik5RWN!y#D$-jf-w>teVzuidknJ%^#pIN_}9$l2qh5hmDS~q#X4ZhYXm_ zUzBRa^#`zX-_>j)hH`!Ej5=LC*2`MtsX+oJtVu&`8f9p;r}u`f&do3#b23R+(wNq6 z7CqCHV=b?x8$}`k6V}AmN`PkGO*I^3I?JP3SX<7lK11Y8=Y92FT%RVHT&IOYmZ3f{ zVNt}^Nj1?`cwovdR2QVFJI0BbIUJfC#{1V7F)=lXm8B&N4UQwRejNqoh2RnpU3eeq ze5o<sB=Kv>FXP*6wY4!Mx$YwDc4y;~-rxY{W=~;wD2OXJH{dTVLvjW1&b#Ltc}k@` z91b@cl}N1lP^bx8q^XodH_+}qUwLJYd^XYSAJ^<|e-M?j9h2ju%By=v4ozTWY!Wlm z_u><eJb~j=VU>7mb%`R1`E=8Ra=~RY@mgxlXWCpm$pNRoACbN=>;rSUR|6#!aw+A$ zS~mlXHuAuPC1GtweB~u=yuNVLP*eQ1_kN6P)eNfKwPrAT0gXtQvYZa8kzww6UGARx zg_S)1K)=RwX15pd=4<lNy7TPgWf)W6H`DdgC1oieH6&odqO=S9%EH^B0cz&L)ziCF z^;i4OHQ_1EUIx}tL`>ZYmsHOT{llY~Pt@HOHK7ShB8u$=yemj1293~B)1%qglRBcc zQ?t35PolZdL^oiwwHpW8ZOp`}9#C$TUus<k)7zM#Dr!O#mPFf^G%_?8;muJe^7#yk zr3w!y6;UV@FgiJl^!hcF9A4O@64L1mdO~3cHaBu*z$vBR4v%Af@iJWgFvcTc<X8op zw>MC#aQ|4&EA@|0Od=Lff>kO=XOfC7GBFEJB?i&vL?9T%<xB4=!L6S=eHs_vzYHc- z5bE(^Wvw=Is}|)}PY9ttFhOuUp)q)DMMR6E=+9n3Eaz1OoJ+;IxCRiMK85J~yNZBC zF5Jj?1f_z64Eiw;^l<?Lh4eOJE+5>zLCoIEuo!b7x^i8q-|287((gtlCLxWgfaP`e zW{;fULsc`leDx+S;{q3D2?Nt7@sPg{_P$BDlGnI^SD+aLt_vBcMX8&xS6|%>fFLZ! z?|uHMWTh<P;IVVd!R`?7Z~yq6#`}!a2PP~@Cu>6QPj<d<T??87Ojr}UeXoO9dxJ>p zLKEG<!S%p9L&Hc!S0Ell{dUr5pt;Zl!C?-Jk4<54;sgS&rVJb|55~q1;mGlmeCVht z7MIJ5v6<tTy>CuajW;-o6Zg+yaBNy*ADx-Q<nROr`}#EYK|Yie8J#fP&d7a_VS0QV z?a{WONx+09X*-X@F2GjFqma)+V$IQ1htq?6A&t$oWt7EcC2oHRrECnz*oLN>fY*to zr8TaryvCkQ#v$3te4M$gv9B-QguqIM+ZpgXkWFl&{qLf2V4@3X+XpV^u&|mln6s%E zKaANETPsMIRI|Q%3ubIbm#}S`lEdn<@w(^Vd;y)H|5fCH32VZv8HJ`kFwqt4b`W~M zJP#y#8;R%&c3HvuWmJkLau7rfe`pBf6UNBz@Z@1cyhg>&9KGKl7)c0WX8NchFB4pt z7&AtjkDfS#Pd)mu!T#81K8FX7OyQ$KK`f$cVLS?*+>9ISm0}TPySz44L1WM6(mV<* zuS?Z*gG|hzP&P)D#fpg7_Ljk(%I0w+l{DC|TzCs&+GuYF37D`Xf}NpQ*}2`DO2tj> z8>{oC_O*qZFwC|POSrvs(~y_RuOeoQ!oGdu9L!jm{{WppQD~wou;xTcBjkYzOH!%a znS_7glTYB}sgEO<%i!g+-^Y#Xm$9FqtyPGwpcDBz91eK>p~kGO*}2pB^pj5`9PY)) z$T)uIb6-TDC#a+`8_(-@qqkQ(HPYd7!NreIz^}E})|>Wv+#0*f*NfqaL-5tMDy<Wa z45M#ovaKNXGqFg(MAtIZ7ly;`ML1Yp)8gJEv&dvpxctGpxOC|)E=&&&-E&MyWAZXM zUI%<S#rOuM;oyO-@W7zPKEUf7pSlNu{>i41IdRX)Pheo;0gMhbm$Y?x{kZS+FXEBM zKZ~Gy=X+*M`)HyjG+{}0Ue}^ZERlp{_b8&3NhRa(`2t+Dv&vdoGFw~K`N?8Ai&QB9 zk3(B)a%~<Cex*cIJ4ZU2&ZD&bA#Cno(<l|OHvb+1{(i)^5{<1~3fVNSymc1aW8+8_ zGz&o+5NT06q8pH3=oj1cgEKk#1%&2H2(P~K0uFO8JU%f4QS8N!fAm8vEz~2-60&^w zC#$PNEajEKrb0p+aV`|9ImK*qMzq}ejjb$VOImDZtleU4YaLtBb+mh@P@)aKiEiLd z)`iaJbNKtOe?{s4rnp#BsRVWl%`)%IIJ2wcnO+h#p$TF~R#uj<o2XZ~z1u07g02rv z0wyd;CqfB@`?#lODC85o$y;p#GrJQ#UKiXvV70LxYxJX?E-wVZ37b?#n)g}j_=6D$ zPA7`#ZRGOJ26niAgnQi*l3N=n)!!?YY&doQ37)Tv+e_Dx%2sE3+1(+`j15ENz3GLU z7f`P6F3OC*#ctC^uPF*mSQ1+Yf7u=z?@>D4C>5LiSE*8j5FF)0Jx5_zMSM#o5q$vx zp}sLq9mRYJgS{U3BSZC#4wb{^5Ap|tgn%aKC8C!{t8Kwa_}zlaYC~vX689XRL%=B+ zURY3n7j^4GlLsa&Nhh!W#WLJuN-0BRH@!KJ#q1{cgw0AMv4D+j34%SN$=lQ8!5a6} z#k|&zT$YPIjeJQpZ`$F*^71O=-ANPq=6!nHvbSHv#_|V<7no)<2L1lv`WP1pn6M<B zbTte4yt%!QR}OuR^3Dwfoi)0-YFbBhZJ~CidI*#<xOU}&rb#THXXEQwh_9<J1@%US zwH-?vX=<nmO;{4Phm)b}-o6vBZ`L<AD<=V(CV4AJz=S0c_i$Gg=`JJ8JC&>NC0@ry z<G@5W(AFC=0V6|0NSA%c$F8DSshS;bFM7kh2n2k%aqVg&yT=#iwg6DhV?#CTDj1Hy z=d{7aqt>@>EjR4FLo;wYMHF}xdMi_lPTSo${lFYNt{|>ldL5hbYQNbX=)?HL5rhIx zTzK;=iuI_qNieHIYhn@IK)ZPy%<cf=!#CmH9{AMjLJJP`xVfLRF*sBLvNJmuaR5EO z-fH<;nkziQhlwPl;>}4Pa#F-ofm3k9;Rz^t<?T-8WBAa|L-I#3G|<;<dc%&{<Hs>` z><q$g)y~4IEr#n`1vA}~iFPL>EXgxp_)M}?YOUf<=1R9LtDcx)lJ-%W()GF|lk#e< z)@^S7u=%Hdc&@QKAvK{1iz3}cYMYv+J4<7Y|El@a0%a!U8+oMW1BZcLCnUOn%0Al~ z*dSizq?xYT!&`$SHJj8j6`IIFbOZZoUH3+_ST9)UY#lTU^ec^!2PP~^8wK;A)Y$k8 z`osN(q+su`X_0}^G2^nbyq@WqX=C;Bva*wt)jTTA4Gc|TWN^@sU%r>VPzdc{x*H$? z6P845;m#VKnJdA?qsn$>Y-^WuDbunpcb~GXthPQI1c%3v*XI)8bovbTVx^2gPmjUw z^!LIaFxI0-KfX;-Xu^{G{uiE18kTEj)frlQI7w^Qkv;G?|K<6{6M#H0VM)~ErPXoR z>iIzyuMF*tM05q}CbW7!@ji-e-60gjBDw(6KWwQ!mU@t(abThgu<tOAbfEjdv^ycu z4V3rGexSRIjfRnkZluRw-8q5T%;zq-1O~6y&yN6H9+xIfw$~k>yo-bIGn^&D=ygJ( z8&HpzdcqNm9sU@^#3EdMBM>AJTk}^@6nYR4%5d=U;EAw+7th_s>_iBTfD6U60Egd= z=)#9^^iHB&$f9>_48hzcZmq>I9CjjxehfHcc;~&#$P`N03nb98vP3r^HN#b<Tn4#~ ztMWWVEXU?C6qK+TT}PnbjZ`UxN;ZXjA%b!yilx;8{AoMlu`&jR`>?UK4rhrW((A;{ zOK)H#<W*LaEG1ItJ3NSu+qdOa<mIbiFR<&{&?I2Ol2li3tS-S?&S!D!)~!a`joSP8 znU&_gzUymi%I8+Bz>lgek*aRcosBLb9<AEypUU~w^T;H&_B1F~Dr=`=Q6HGFB<XB2 z!Tz87s_8owFT)*<Wij4TNH3@@<berGQYz>EIFpHe*=84%Hwx@L`XnFaidfrUNYcC^ zBu`OnyyjQ6R9_rWCV^B-h_!lTq?)~cu6kj&CGvhvRqZmRFUwo>jXrJN*1R7E!CtLQ z-X=!AMn$Z|A(g+Xu9N0M6T|_An$QGsfFS`B!~uo`Ob`bcHZpqHnsd$wVh8^8&;J?w znXmlWA9R$jZ4~-bpMDw-Kk}q<{?;2W;kp0%1_*-KAM7aLU;FGcc=*vL8{a?4&vUs9 zUi{v-4S65@_+xnLH=e1cfB)Nf>!&a6YC1ve1@Y}DLg9Yo^I5pvUei2gX|gS!<93g? zk*2oEpY?k6w!1;#BTPTyV^EKnC7$M@(j$x5Ou$e4>eKLeeai6^7rtJAcbiUFn=k&+ zUn=j){oUXG$)2RO;@|)EZ}8xm$B~Ff6(I&?(Q%<oO&`JF@VJuam6!gfnU>Gt{!?eT z)A<i>^KfDMFgbM?lRSStUp&60q#ZeS3Rf?mQ|c)2a&q7Gp)<eC>m9=#A>q7@N$h3p z0<!Sx<g%GvPbY}I;PA1NSe&o!i6nc=g<DtQ;ofqdf6CwAJNFYMO}5KNfwvgfSC<r< zEJ|6tikHn-_d}A!TSpdi-8%<EeTt}EZa3}}k>P7>YHBJ}C_2ya2i255gX|UMKCqfs z&OUG250;z2iWlWipzr?oH}JMe6Zvk^31T<-s6ni{7j4z7zSF#|XcxqiB+Rd_T$@(r zY7Gq?onkieteJ@Ae(8g?rnD?xxqnI!2c3f)g_gxDiN#0P*5>DxAlBO2m3jU#Jv4gn z@A84+FY%7U$$IAJxHps!f*^jjDDf)BUe0BTUyH}*<Ff7l0Q0q}@9O~FiU0rr07*qo IM6N<$f-`j0m;e9( literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/applogo.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/applogo.svg new file mode 100644 index 0000000..7637e03 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/applogo.svg @@ -0,0 +1,291 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + style="isolation:isolate" + width="256" + height="256" + viewBox="0 0 256 256" + version="1.1" + id="svg44" + sodipodi:docname="applogo6.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview46" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="2.5293854" + inkscape:cx="70.76818" + inkscape:cy="129.4781" + inkscape:window-width="1920" + inkscape:window-height="944" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg44" /> + <defs + id="defs13"> + <filter + id="rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l" + width="1.0842484" + height="1.1077841" + x="-0.042124196" + y="-0.045133094" + color-interpolation-filters="sRGB" + filterUnits="objectBoundingBox"> + <feGaussianBlur + in="SourceGraphic" + stdDeviation="4.294" + id="feGaussianBlur2" /> + <feOffset + dx="0" + dy="4" + result="pf_100_offsetBlur" + id="feOffset4" /> + <feFlood + flood-opacity=".4" + id="feFlood6" /> + <feComposite + in2="pf_100_offsetBlur" + operator="in" + result="pf_100_dropShadow" + id="feComposite8" /> + <feBlend + in="SourceGraphic" + in2="pf_100_dropShadow" + mode="normal" + id="feBlend10" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4166" + id="linearGradient4172" + x1="1037.0122" + y1="589.11401" + x2="1043.105" + y2="108.17625" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" /> + <linearGradient + inkscape:collect="always" + id="linearGradient4166"> + <stop + style="stop-color:#c35781;stop-opacity:1" + offset="0" + id="stop4168" /> + <stop + style="stop-color:#25458b;stop-opacity:1" + offset="1" + id="stop4170" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4205" + id="linearGradient4211" + x1="1090.6018" + y1="651.76404" + x2="1082.9858" + y2="414.90842" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" /> + <linearGradient + inkscape:collect="always" + id="linearGradient4205"> + <stop + style="stop-color:#bf73d3;stop-opacity:1" + offset="0" + id="stop4207" /> + <stop + style="stop-color:#ff8428;stop-opacity:1" + offset="1" + id="stop4209" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4160" + id="linearGradient4167" + x1="843.57886" + y1="376.56763" + x2="821.90533" + y2="536.67523" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" /> + <linearGradient + inkscape:collect="always" + id="linearGradient4160"> + <stop + style="stop-color:#dca11f;stop-opacity:1" + offset="0" + id="stop4162" /> + <stop + style="stop-color:#eab3b3;stop-opacity:1" + offset="1" + id="stop4164" /> + </linearGradient> + </defs> + <g + filter="url(#rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l)" + id="g22" + style="fill:#343b58;fill-opacity:1"> + <linearGradient + id="_lgradient_133" + x1=".567" + x2=".567" + y1="1.071" + y2="-.742" + gradientTransform="matrix(244.648,0,0,228.338,5.619,11.952)" + gradientUnits="userSpaceOnUse"> + <stop + offset="0%" + style="stop-color:#333333" + id="stop15" /> + <stop + offset="100%" + style="stop-color:#4d4d4d" + id="stop17" /> + </linearGradient> + <path + fill="url(#_lgradient_133)" + d="M 165.628 11.952 C 239.684 11.952 250.267 22.509 250.267 96.495 L 250.267 155.746 C 250.267 229.733 239.684 240.29 165.628 240.29 L 90.259 240.29 C 16.203 240.29 5.619 229.733 5.619 155.746 L 5.619 96.495 C 5.619 22.509 16.203 11.952 90.259 11.952 L 165.628 11.952 Z" + id="path20" + style="fill:#343b58;fill-opacity:1" /> + </g> + <linearGradient + id="_lgradient_134" + x1=".516" + x2=".52" + y1="1.651" + y2="-.013" + gradientTransform="matrix(145,0,0,145,55.5,55.5)" + gradientUnits="userSpaceOnUse"> + <stop + offset="0%" + style="stop-color:#0575e6" + id="stop24" /> + <stop + offset="100%" + style="stop-color:#00f260" + id="stop26" /> + </linearGradient> + <g + opacity=".4" + id="g42"> + <linearGradient + id="_lgradient_135" + x1=".517" + x2=".517" + y1="0" + y2="1" + gradientTransform="matrix(244.65,0,0,228.34,5.68,11.95)" + gradientUnits="userSpaceOnUse"> + <stop + offset="0%" + style="stop-color:#ffffff" + id="stop31" /> + <stop + offset="12.5%" + stop-opacity=".098" + style="stop-color:#ffffff" + id="stop33" /> + <stop + offset="92.5%" + stop-opacity=".098" + style="stop-color:#000000" + id="stop35" /> + <stop + offset="100%" + stop-opacity=".498" + style="stop-color:#000000" + id="stop37" /> + </linearGradient> + <path + fill="url(#_lgradient_135)" + fill-rule="evenodd" + d="M 165.068 11.951 C 169.396 11.941 173.724 11.991 178.052 12.089 C 181.927 12.167 185.803 12.315 189.678 12.541 C 193.131 12.737 196.583 13.022 200.026 13.395 C 203.085 13.73 206.144 14.181 209.174 14.741 C 211.889 15.243 214.574 15.881 217.22 16.657 C 219.62 17.355 221.971 18.219 224.243 19.241 C 226.358 20.184 228.384 21.304 230.302 22.591 C 232.142 23.829 233.863 25.244 235.437 26.806 C 237.001 28.378 238.417 30.088 239.656 31.925 C 240.945 33.841 242.066 35.865 243.02 37.967 C 244.043 40.247 244.909 42.585 245.617 44.972 C 246.394 47.615 247.034 50.297 247.535 53.009 C 248.096 56.035 248.548 59.081 248.883 62.136 C 249.257 65.575 249.542 69.014 249.739 72.462 C 249.965 76.323 250.112 80.194 250.201 84.055 C 250.289 88.378 250.339 92.701 250.329 97.014 L 250.329 155.226 C 250.339 159.549 250.289 163.862 250.201 168.185 C 250.112 172.056 249.965 175.917 249.739 179.778 C 249.542 183.226 249.257 186.675 248.883 190.104 C 248.548 193.159 248.096 196.215 247.535 199.241 C 247.034 201.943 246.394 204.625 245.617 207.268 C 244.909 209.655 244.043 212.003 243.02 214.273 C 242.066 216.385 240.945 218.399 239.656 220.315 C 238.417 222.152 237.001 223.872 235.437 225.434 C 233.863 226.996 232.142 228.411 230.302 229.649 C 228.384 230.936 226.358 232.056 224.243 232.999 C 221.971 234.021 219.62 234.885 217.22 235.593 C 214.574 236.369 211.889 237.007 209.174 237.499 C 206.144 238.068 203.085 238.51 200.026 238.845 C 196.583 239.218 193.131 239.503 189.678 239.699 C 185.803 239.925 181.927 240.073 178.052 240.161 C 173.724 240.249 169.396 240.299 165.068 240.289 L 90.942 240.289 C 86.614 240.299 82.286 240.249 77.958 240.161 C 74.083 240.073 70.207 239.925 66.332 239.699 C 62.879 239.503 59.427 239.218 55.984 238.845 C 52.925 238.51 49.866 238.068 46.836 237.499 C 44.121 237.007 41.436 236.369 38.79 235.593 C 36.39 234.885 34.039 234.021 31.767 232.999 C 29.652 232.056 27.626 230.936 25.708 229.649 C 23.868 228.411 22.147 226.996 20.573 225.434 C 19.009 223.872 17.593 222.152 16.354 220.315 C 15.065 218.399 13.944 216.385 12.99 214.273 C 11.967 212.003 11.101 209.655 10.393 207.268 C 9.616 204.625 8.976 201.943 8.475 199.241 C 7.914 196.215 7.462 193.159 7.127 190.104 C 6.753 186.675 6.468 183.226 6.271 179.778 C 6.045 175.917 5.898 172.056 5.809 168.185 C 5.721 163.862 5.671 159.549 5.681 155.226 L 5.681 97.014 C 5.671 92.701 5.721 88.378 5.809 84.055 C 5.898 80.194 6.045 76.323 6.271 72.462 C 6.468 69.014 6.753 65.575 7.127 62.136 C 7.462 59.081 7.914 56.035 8.475 53.009 C 8.976 50.297 9.616 47.615 10.393 44.972 C 11.101 42.585 11.967 40.247 12.99 37.967 C 13.944 35.865 15.065 33.841 16.354 31.925 C 17.593 30.088 19.009 28.378 20.573 26.806 C 22.147 25.244 23.868 23.829 25.708 22.591 C 27.626 21.304 29.652 20.184 31.767 19.241 C 34.039 18.219 36.39 17.355 38.79 16.657 C 41.436 15.881 44.121 15.243 46.836 14.741 C 49.866 14.181 52.925 13.73 55.984 13.395 C 59.427 13.022 62.879 12.737 66.332 12.541 C 70.207 12.315 74.083 12.167 77.958 12.089 C 82.286 11.991 86.614 11.941 90.942 11.951 L 165.068 11.951 Z M 165.078 15.96 C 169.376 15.95 173.675 15.999 177.973 16.087 C 181.8 16.176 185.626 16.323 189.452 16.539 C 192.836 16.736 196.219 17.011 199.583 17.384 C 202.554 17.699 205.515 18.131 208.446 18.681 C 211.023 19.153 213.58 19.762 216.099 20.499 C 218.322 21.147 220.495 21.953 222.6 22.896 C 224.509 23.751 226.338 24.763 228.069 25.922 C 229.692 27.013 231.207 28.26 232.594 29.646 C 233.981 31.031 235.23 32.544 236.332 34.165 C 237.492 35.894 238.506 37.712 239.361 39.608 C 240.306 41.72 241.112 43.892 241.761 46.102 C 242.509 48.617 243.109 51.162 243.591 53.736 C 244.132 56.664 244.565 59.611 244.889 62.578 C 245.263 65.938 245.539 69.308 245.735 72.688 C 245.952 76.51 246.109 80.322 246.188 84.144 C 246.276 88.437 246.325 92.721 246.325 97.014 C 246.325 97.014 246.325 97.014 246.325 97.014 L 246.325 155.226 C 246.325 155.226 246.325 155.226 246.325 155.226 C 246.325 159.519 246.276 163.803 246.188 168.096 C 246.109 171.918 245.952 175.74 245.735 179.552 C 245.539 182.932 245.263 186.302 244.889 189.672 C 244.565 192.629 244.132 195.576 243.591 198.504 C 243.109 201.078 242.509 203.623 241.761 206.138 C 241.112 208.358 240.306 210.52 239.361 212.632 C 238.506 214.528 237.492 216.356 236.332 218.075 C 235.23 219.706 233.981 221.219 232.594 222.604 C 231.207 223.98 229.692 225.227 228.069 226.318 C 226.338 227.477 224.509 228.489 222.6 229.344 C 220.495 230.297 218.322 231.093 216.099 231.741 C 213.58 232.478 211.023 233.087 208.446 233.559 C 205.515 234.109 202.554 234.541 199.583 234.865 C 196.219 235.229 192.836 235.514 189.452 235.701 C 185.626 235.917 181.8 236.074 177.973 236.153 C 173.675 236.251 169.376 236.29 165.078 236.29 C 165.078 236.29 165.078 236.29 165.068 236.29 L 90.942 236.29 C 90.932 236.29 90.932 236.29 90.932 236.29 C 86.634 236.29 82.335 236.251 78.037 236.153 C 74.21 236.074 70.384 235.917 66.558 235.701 C 63.174 235.514 59.791 235.229 56.427 234.865 C 53.456 234.541 50.495 234.109 47.564 233.559 C 44.987 233.087 42.43 232.478 39.911 231.741 C 37.688 231.093 35.515 230.297 33.41 229.344 C 31.501 228.489 29.672 227.477 27.941 226.318 C 26.318 225.227 24.803 223.98 23.416 222.604 C 22.029 221.219 20.78 219.706 19.678 218.075 C 18.518 216.356 17.504 214.528 16.649 212.632 C 15.704 210.52 14.898 208.358 14.249 206.138 C 13.501 203.623 12.901 201.078 12.419 198.504 C 11.878 195.576 11.445 192.629 11.121 189.672 C 10.747 186.302 10.472 182.932 10.275 179.552 C 10.058 175.74 9.901 171.918 9.822 168.096 C 9.734 163.803 9.685 159.519 9.685 155.226 C 9.685 155.226 9.685 155.226 9.685 155.226 L 9.685 97.014 C 9.685 97.014 9.685 97.014 9.685 97.014 C 9.685 92.721 9.734 88.437 9.822 84.144 C 9.901 80.322 10.058 76.51 10.275 72.688 C 10.472 69.308 10.747 65.938 11.121 62.578 C 11.445 59.611 11.878 56.664 12.419 53.736 C 12.901 51.162 13.501 48.617 14.249 46.102 C 14.898 43.892 15.704 41.72 16.649 39.608 C 17.504 37.712 18.518 35.894 19.678 34.165 C 20.78 32.544 22.029 31.031 23.416 29.646 C 24.803 28.26 26.318 27.013 27.941 25.922 C 29.672 24.763 31.501 23.751 33.41 22.896 C 35.515 21.953 37.688 21.147 39.911 20.499 C 42.43 19.762 44.987 19.153 47.564 18.681 C 50.495 18.131 53.456 17.699 56.427 17.384 C 59.791 17.011 63.174 16.736 66.558 16.539 C 70.384 16.323 74.21 16.176 78.037 16.087 C 82.335 15.999 86.634 15.95 90.932 15.96 C 90.932 15.96 90.932 15.96 90.942 15.96 L 165.068 15.96 C 165.078 15.96 165.078 15.96 165.078 15.96 Z" + id="path40" /> + </g> + <g + id="g1599" + transform="matrix(1.0348995,0,0,1.0348995,-4.4651488,-4.4713569)"> + <circle + style="fill:url(#linearGradient4172);fill-opacity:1;stroke:none;stroke-width:0.323549" + id="path4164" + cx="125.3817" + cy="128.121" + r="85.649734" /> + <path + style="fill:url(#linearGradient4211);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 174.92511,162.64428 12.34157,5.09278 5.10258,-1.93702 6.55646,3.01886 -4.74048,8.02523 -17.37999,17.95124 -13.93187,-25.82581 z" + id="path4201" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccc" /> + <path + style="fill:url(#linearGradient4167);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.20266px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 95.220219,104.1226 c -13.414174,-1.13822 -38.494654,17.39213 -49.755742,35.196 5.517522,40.42426 39.617452,70.54458 79.917123,70.59046 18.33627,-0.006 36.12495,-6.32892 50.44136,-17.9304 -1.55786,-11.95524 -6.9009,-23.30851 -20.35324,-38.78033 -16.41408,-19.17735 -41.63363,-45.97015 -60.249501,-49.07573 z" + id="path3342" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccc" /> + <path + style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="M 125.38169,39.596232 A 87.421061,88.524876 0 0 0 37.960681,128.121 87.421061,88.524876 0 0 0 125.38169,216.64578 87.421061,88.524876 0 0 0 212.80271,128.121 87.421061,88.524876 0 0 0 125.38169,39.596232 Z m 0,7.239965 A 80.271247,81.284782 0 0 1 205.6529,128.121 80.271247,81.284782 0 0 1 125.38169,209.40581 80.271247,81.284782 0 0 1 45.110489,128.121 80.271247,81.284782 0 0 1 125.38169,46.836197 Z" + id="path3453" + inkscape:connector-curvature="0" /> + <path + style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 122.08545,73.426552 c -2.63242,0.02902 -5.38099,0.228079 -8.27134,0.652151 -20.900303,3.066496 -34.290467,11.321795 -51.446114,32.026257 -6.970284,8.41215 -13.13037,18.55126 -17.536713,26.33445 0.153022,2.87365 0.455718,5.73712 0.906822,8.57846 12.039196,-16.66062 45.556924,-41.294482 53.103037,-30.43442 8.639788,12.43403 -16.248744,29.71622 -12.907818,34.41369 3.579839,5.03338 19.258646,-2.95449 33.809556,-3.9995 16.24493,-1.16665 24.87558,3.85993 35.72684,12.20069 -2.73286,-5.15665 -4.52515,-8.92309 -5.56478,-12.62092 -2.16097,-7.68645 3.60676,-14.831 5.76382,-19.03754 3.42716,-6.68326 6.31337,-15.99432 11.40826,-21.02055 8.91706,-8.796919 24.48441,-13.349826 38.23878,-17.913974 4.30449,-1.428366 8.1201,-1.125871 12.60953,-2.109384 -4.16653,-2.325638 -9.36712,-3.187099 -13.61496,-3.250023 -22.64416,-0.3354 -36.44405,3.095939 -45.58242,2.100539 -11.59033,-1.26248 -22.42743,-6.076601 -36.6425,-5.919926 z" + id="path3481" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sssccssscsssscsss" /> + <ellipse + style="fill:#c8b7b7;fill-opacity:1;stroke:none;stroke-width:0.302252" + id="path3485" + cx="142.8614" + cy="71.206673" + rx="5.9839044" + ry="5.9307613" + transform="rotate(11.377029)" /> + <path + sodipodi:nodetypes="cscc" + inkscape:connector-curvature="0" + id="path4068" + d="m 146.91184,100.77154 c 4.80047,-2.489525 7.12019,-4.559505 18.33208,-7.360652 10.88389,-2.719193 24.42329,-9.29191 35.31597,-11.84299 -18.6361,2.245588 -41.12133,6.946661 -53.64805,19.203642 z" + style="fill:#c8b7b7;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.234781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 68.208299,152.19546 c -3.84395,-0.0683 -13.067139,4.09601 -17.792012,6.27317 a 80.768521,81.788333 0 0 0 9.044195,16.73669 c 2.717649,-11.46999 12.121856,-19.43198 10.321325,-22.39942 -0.248994,-0.41036 -0.800631,-0.59672 -1.573508,-0.61044 z" + id="path4152" + inkscape:connector-curvature="0" /> + <path + style="fill:#181818;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 170.34321,91.948772 c 9.74499,-2.715631 26.55754,-9.346742 38.81741,-10.893893 -2.25746,-0.421293 -6.34297,0.272489 -8.60073,0.513028 -12.10683,2.396987 -23.92415,7.224464 -30.21668,10.380874 z" + id="path4179" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ccccc" /> + <circle + style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1" + id="path4181" + cx="104.98782" + cy="62.369961" + r="1.1263562" /> + <circle + r="0.79609054" + cy="58.260956" + cx="111.54447" + id="circle4187" + style="fill:#acaad1;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1" /> + <circle + style="fill:#7572b2;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1" + id="circle4213" + cx="161.0078" + cy="69.400787" + r="0.79609054" /> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/calendar-arrow-left.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..ec8b478 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFFFFF" opacity="0.7"> + <path d="m10 3v10l-5-5z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/calendar-arrow-right.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..6fc5556 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFFFFF" opacity="0.7"> + <path d="m6 3v10l5-5z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/calendar-today.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/calendar-today.svg new file mode 100644 index 0000000..5e77084 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/calendar-today.svg @@ -0,0 +1,178 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg10621" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="calendar-today.svg"> + <defs + id="defs10623"> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient99561-1" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + <linearGradient + inkscape:collect="always" + id="linearGradient34508-1-3"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop34510-1-9" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop34512-4-5" /> + </linearGradient> + <radialGradient + r="42" + fy="30" + fx="51" + cy="30" + cx="51" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + gradientUnits="userSpaceOnUse" + id="radialGradient10592" + xlink:href="#linearGradient34508-1-3" + inkscape:collect="always" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient3770" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient3001" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient3007" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient3067" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient3072" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient2997" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#000000" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:zoom="8" + inkscape:cx="-23.537329" + inkscape:cy="-31.442864" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="false" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:window-width="2133" + inkscape:window-height="1241" + inkscape:window-x="238" + inkscape:window-y="88" + inkscape:window-maximized="0" + borderlayer="true" + inkscape:showpageshadow="false"> + <inkscape:grid + type="xygrid" + id="grid3109" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + </sodipodi:namedview> + <metadata + id="metadata10626"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(-469.08263,-537.99307)"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.23756906;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path7305" + cx="481.57138" + cy="559.4649" + r="1.5" /> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/checkbox-dark.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/checkbox-dark.svg new file mode 100644 index 0000000..8dac475 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/checkbox-dark.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="24" + height="24" + fill="#000000" + version="1.1" + viewBox="0 0 24 24" + id="svg4" + sodipodi:docname="checkbox-dark.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="23.125" + inkscape:cx="9.427027" + inkscape:cy="12" + inkscape:window-width="1920" + inkscape:window-height="1016" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" /> + <path + d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" + fill="#616161" + style="paint-order:stroke fill markers;fill:#e0e0e0;fill-opacity:1" + id="path2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/checkbox-off.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/checkbox-off.svg new file mode 100644 index 0000000..0c5e5a0 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> + <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/checkbox.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/checkbox.svg new file mode 100644 index 0000000..0f79f2b --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/checkbox.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="24" + height="24" + fill="#000000" + version="1.1" + viewBox="0 0 24 24" + id="svg4" + sodipodi:docname="checkbox.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="23.125" + inkscape:cx="12" + inkscape:cy="12" + inkscape:window-width="1920" + inkscape:window-height="1016" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" /> + <path + d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" + fill="#616161" + style="paint-order:stroke fill markers;fill:#333333" + id="path2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/dash-placeholder.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/dash-placeholder.svg new file mode 100644 index 0000000..172156a --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/dash-placeholder.svg @@ -0,0 +1,4 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> + <circle cx="12" cy="12" r="12" opacity="0.3"/> + <circle cx="12" cy="12" r="4"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/no-events.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/no-events.svg new file mode 100644 index 0000000..239177d --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/no-events.svg @@ -0,0 +1,82 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="48" + height="48" + viewBox="0 0 48 48" + id="svg2" + version="1.1" + inkscape:version="0.92.3 (2405546, 2018-03-11)" + sodipodi:docname="no-events.svg"> + <metadata + id="metadata12"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + <cc:license + rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" /> + </cc:Work> + <cc:License + rdf:about="http://creativecommons.org/licenses/by-sa/4.0/"> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Reproduction" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Distribution" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Notice" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Attribution" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#ShareAlike" /> + </cc:License> + </rdf:RDF> + </metadata> + <defs + id="defs10" /> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1413" + inkscape:window-height="955" + id="namedview8" + showgrid="true" + inkscape:zoom="4.9166667" + inkscape:cx="-16.677966" + inkscape:cy="15.864407" + inkscape:window-x="46" + inkscape:window-y="71" + inkscape:window-maximized="0" + inkscape:current-layer="svg2"> + <inkscape:grid + type="xygrid" + id="grid4134" /> + </sodipodi:namedview> + <path + d="M0 0h48v48H0z" + fill="none" + id="path4" /> + <path + d="m 38,6 -2,0 0,-4 -4,0 0,4 -16,0 0,-4 -4,0 0,4 -2,0 C 7.79,6 6.02,7.79 6.02,10 L 6,38 c 0,2.21 1.79,4 4,4 l 28,0 c 2.21,0 4,-1.79 4,-4 L 42,10 C 42,7.79 40.21,6 38,6 Z m 0,32 -28,0 0,-22 28,0 z" + id="path6" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sccccccccsccsssssccccc" + style="fill:#f5f5f5;fill-opacity:1;opacity:0.54" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/no-notifications.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/no-notifications.svg new file mode 100644 index 0000000..ae09f92 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/no-notifications.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="#FFFFFF" opacity="0.5"> + <path d="M24 44c2.21 0 4-1.79 4-4h-8c0 2.21 1.79 4 4 4zm12-12V22c0-6.15-3.27-11.28-9-12.64V8c0-1.66-1.34-3-3-3s-3 1.34-3 3v1.36c-5.73 1.36-9 6.49-9 12.64v10l-4 4v2h32v-2l-4-4zm-4 2H16V22c0-4.97 3.03-9 8-9s8 4.03 8 9v12z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/noise-texture.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/noise-texture.svg new file mode 100644 index 0000000..484f6c8 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/noise-texture.svg @@ -0,0 +1,78 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="1600" + height="900" + viewBox="0 0 1600 900" + version="1.1" + id="svg13" + sodipodi:docname="noise-texture.svg" + inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"> + <metadata + id="metadata17"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="698" + id="namedview15" + showgrid="false" + inkscape:zoom="0.26222222" + inkscape:cx="647.80786" + inkscape:cy="422.79535" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg13" /> + <defs + id="defs9"> + <radialGradient + id="a" + gradientTransform="matrix(1 1 -1 1 0.5 -0.5)"> + <stop + stop-color="#455A64" + stop-opacity="0" + offset="0.25" + id="stop2" + style="stop-color:#444444;stop-opacity:0" /> + <stop + stop-color="#455A64" + stop-opacity="0.5" + offset="0.75" + id="stop4" + style="stop-color:#444444;stop-opacity:0.50196081" /> + <stop + stop-color="#455A64" + stop-opacity="1" + offset="1" + id="stop6" + style="stop-color:#444444;stop-opacity:1" /> + </radialGradient> + </defs> + <rect + width="1600" + height="900" + fill="url(#a)" + id="rect11" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/process-working.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/process-working.svg new file mode 100644 index 0000000..eedadce --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/process-working.svg @@ -0,0 +1,308 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="512" + height="32" + viewBox="0 0 512 32" + version="1.1" + id="svg137" + sodipodi:docname="process-working.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview139" + pagecolor="#5b5b5b" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="2.4882813" + inkscape:cx="361.49451" + inkscape:cy="6.6310832" + inkscape:window-width="1368" + inkscape:window-height="700" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg137" /> + <defs + id="defs7"> + <g + id="g" + fill="#FFFFFF" + opacity="0.7"> + <circle + cx="8" + cy="8" + r="8" + fill="none" + id="circle2" /> + <path + d="m8 1a7 7 0 0 0 -7 7 7 7 0 0 0 7 7 7 7 0 0 0 7 -7h-3a4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4v-3z" + id="path4" + fill="#f5f5f5" /> + </g> + </defs> + <use + xlink:href="#g" + transform="translate(0) rotate(0 8 8)" + id="use9" /> + <use + xlink:href="#g" + transform="translate(16) rotate(5.625 8 8)" + id="use11" /> + <use + xlink:href="#g" + transform="translate(32) rotate(11.25 8 8)" + id="use13" /> + <use + xlink:href="#g" + transform="translate(48) rotate(16.875 8 8)" + id="use15" /> + <use + xlink:href="#g" + transform="translate(64) rotate(22.5 8 8)" + id="use17" /> + <use + xlink:href="#g" + transform="translate(80) rotate(28.125 8 8)" + id="use19" /> + <use + xlink:href="#g" + transform="translate(96) rotate(33.75 8 8)" + id="use21" /> + <use + xlink:href="#g" + transform="translate(112) rotate(39.375 8 8)" + id="use23" /> + <use + xlink:href="#g" + transform="translate(128) rotate(45 8 8)" + id="use25" /> + <use + xlink:href="#g" + transform="translate(144) rotate(50.625 8 8)" + id="use27" /> + <use + xlink:href="#g" + transform="translate(160) rotate(56.25 8 8)" + id="use29" /> + <use + xlink:href="#g" + transform="translate(176) rotate(61.875 8 8)" + id="use31" /> + <use + xlink:href="#g" + transform="translate(192) rotate(67.5 8 8)" + id="use33" /> + <use + xlink:href="#g" + transform="translate(208) rotate(73.125 8 8)" + id="use35" /> + <use + xlink:href="#g" + transform="translate(224) rotate(78.75 8 8)" + id="use37" /> + <use + xlink:href="#g" + transform="translate(240) rotate(84.375 8 8)" + id="use39" /> + <use + xlink:href="#g" + transform="translate(256) rotate(90 8 8)" + id="use41" /> + <use + xlink:href="#g" + transform="translate(272) rotate(95.625 8 8)" + id="use43" /> + <use + xlink:href="#g" + transform="translate(288) rotate(101.25 8 8)" + id="use45" /> + <use + xlink:href="#g" + transform="translate(304) rotate(106.875 8 8)" + id="use47" /> + <use + xlink:href="#g" + transform="translate(320) rotate(112.5 8 8)" + id="use49" /> + <use + xlink:href="#g" + transform="translate(336) rotate(118.125 8 8)" + id="use51" /> + <use + xlink:href="#g" + transform="translate(352) rotate(123.75 8 8)" + id="use53" /> + <use + xlink:href="#g" + transform="translate(368) rotate(129.375 8 8)" + id="use55" /> + <use + xlink:href="#g" + transform="translate(384) rotate(135 8 8)" + id="use57" /> + <use + xlink:href="#g" + transform="translate(400) rotate(140.625 8 8)" + id="use59" /> + <use + xlink:href="#g" + transform="translate(416) rotate(146.25 8 8)" + id="use61" /> + <use + xlink:href="#g" + transform="translate(432) rotate(151.875 8 8)" + id="use63" /> + <use + xlink:href="#g" + transform="translate(448) rotate(157.5 8 8)" + id="use65" /> + <use + xlink:href="#g" + transform="translate(464) rotate(163.125 8 8)" + id="use67" /> + <use + xlink:href="#g" + transform="translate(480) rotate(168.75 8 8)" + id="use69" /> + <use + xlink:href="#g" + transform="translate(496) rotate(174.375 8 8)" + id="use71" /> + <use + xlink:href="#g" + transform="translate(0 16) rotate(180 8 8)" + id="use73" /> + <use + xlink:href="#g" + transform="translate(16 16) rotate(185.625 8 8)" + id="use75" /> + <use + xlink:href="#g" + transform="translate(32 16) rotate(191.25 8 8)" + id="use77" /> + <use + xlink:href="#g" + transform="translate(48 16) rotate(196.875 8 8)" + id="use79" /> + <use + xlink:href="#g" + transform="translate(64 16) rotate(202.5 8 8)" + id="use81" /> + <use + xlink:href="#g" + transform="translate(80 16) rotate(208.125 8 8)" + id="use83" /> + <use + xlink:href="#g" + transform="translate(96 16) rotate(213.75 8 8)" + id="use85" /> + <use + xlink:href="#g" + transform="translate(112 16) rotate(219.375 8 8)" + id="use87" /> + <use + xlink:href="#g" + transform="translate(128 16) rotate(225 8 8)" + id="use89" /> + <use + xlink:href="#g" + transform="translate(144 16) rotate(230.625 8 8)" + id="use91" /> + <use + xlink:href="#g" + transform="translate(160 16) rotate(236.25 8 8)" + id="use93" /> + <use + xlink:href="#g" + transform="translate(176 16) rotate(241.875 8 8)" + id="use95" /> + <use + xlink:href="#g" + transform="translate(192 16) rotate(247.5 8 8)" + id="use97" /> + <use + xlink:href="#g" + transform="translate(208 16) rotate(253.125 8 8)" + id="use99" /> + <use + xlink:href="#g" + transform="translate(224 16) rotate(258.75 8 8)" + id="use101" /> + <use + xlink:href="#g" + transform="translate(240 16) rotate(264.375 8 8)" + id="use103" /> + <use + xlink:href="#g" + transform="translate(256 16) rotate(270 8 8)" + id="use105" /> + <use + xlink:href="#g" + transform="translate(272 16) rotate(275.625 8 8)" + id="use107" /> + <use + xlink:href="#g" + transform="translate(288 16) rotate(281.25 8 8)" + id="use109" /> + <use + xlink:href="#g" + transform="translate(304 16) rotate(286.875 8 8)" + id="use111" /> + <use + xlink:href="#g" + transform="translate(320 16) rotate(292.5 8 8)" + id="use113" /> + <use + xlink:href="#g" + transform="translate(336 16) rotate(298.125 8 8)" + id="use115" /> + <use + xlink:href="#g" + transform="translate(352 16) rotate(303.75 8 8)" + id="use117" /> + <use + xlink:href="#g" + transform="translate(368 16) rotate(309.375 8 8)" + id="use119" /> + <use + xlink:href="#g" + transform="translate(384 16) rotate(315 8 8)" + id="use121" /> + <use + xlink:href="#g" + transform="translate(400 16) rotate(320.625 8 8)" + id="use123" /> + <use + xlink:href="#g" + transform="translate(416 16) rotate(326.25 8 8)" + id="use125" /> + <use + xlink:href="#g" + transform="translate(432 16) rotate(331.875 8 8)" + id="use127" /> + <use + xlink:href="#g" + transform="translate(448 16) rotate(337.5 8 8)" + id="use129" /> + <use + xlink:href="#g" + transform="translate(464 16) rotate(343.125 8 8)" + id="use131" /> + <use + xlink:href="#g" + transform="translate(480 16) rotate(348.75 8 8)" + id="use133" /> + <use + xlink:href="#g" + transform="translate(496 16) rotate(354.375 8 8)" + id="use135" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-off-dark.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-off-dark.svg new file mode 100644 index 0000000..2341bc5 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-off-dark.svg @@ -0,0 +1,4 @@ +<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/> + <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-off.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-off.svg new file mode 100644 index 0000000..3acc14a --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-off.svg @@ -0,0 +1,6 @@ +<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <g transform="translate(0 -1032.4)" fill="#000000" stroke-width="0"> + <path d="m10 1032.4c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" opacity=".5" style="paint-order:stroke fill markers"/> + <circle transform="scale(-1,1)" cx="-10" cy="1042.4" r="5" opacity=".5" style="paint-order:stroke fill markers"/> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-on-dark.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-on-dark.svg new file mode 100644 index 0000000..c2fca8f --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-on-dark.svg @@ -0,0 +1,53 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="20" + version="1.1" + id="svg6" + sodipodi:docname="toggle-on-dark.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs10" /> + <sodipodi:namedview + id="namedview8" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="13.875" + inkscape:cx="10.27027" + inkscape:cy="15.891892" + inkscape:window-width="1920" + inkscape:window-height="1016" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg6" /> + <rect + transform="scale(-1,1)" + x="-40" + y="-.019988" + width="40" + height="20" + rx="10" + ry="10" + fill="#616161" + stroke-width="0" + style="paint-order:stroke fill markers;fill:#e0e0e0;fill-opacity:1" + id="rect2" /> + <circle + cx="30" + cy="9.98" + r="5" + fill="#ffffff" + stroke-width="0" + style="paint-order:stroke fill markers;fill:#333333" + id="circle4" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-on.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-on.svg new file mode 100644 index 0000000..f0df9e4 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/assets/toggle-on.svg @@ -0,0 +1,53 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="20" + version="1.1" + id="svg6" + sodipodi:docname="toggle-on.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs10" /> + <sodipodi:namedview + id="namedview8" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="13.875" + inkscape:cx="14.594595" + inkscape:cy="15.891892" + inkscape:window-width="1920" + inkscape:window-height="1016" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg6" /> + <rect + transform="scale(-1,1)" + x="-40" + y="-.019988" + width="40" + height="20" + rx="10" + ry="10" + fill="#616161" + stroke-width="0" + style="paint-order:stroke fill markers;fill:#333333;fill-opacity:1" + id="rect2" /> + <circle + cx="30" + cy="9.98" + r="5" + fill="#ffffff" + stroke-width="0" + style="paint-order:stroke fill markers" + id="circle4" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/gnome-shell.css b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/gnome-shell.css new file mode 100644 index 0000000..375e82e --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/gnome-shell.css @@ -0,0 +1,4398 @@ +/* This stylesheet is generated, DO NOT EDIT */ +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ + +.message-list .message-list-placeholder { + font-weight: 800; + font-size: 15pt; +} + +.quick-toggle-menu .header .title { + font-weight: 700; + font-size: 15pt; +} + +.quick-toggle-menu .header .subtitle { + font-weight: 700; + font-size: 9pt; +} + +.icon-label-button-container { + font-weight: 400; + font-size: 9pt; +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(238, 255, 255, 0.3); + box-shadow: 0 0 2px 2px #eeffff; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #e2e9e9; + -pie-background-color: rgba(238, 255, 255, 0.3); +} + +.magnifier-zoom-region { + border: 2px solid #e2e9e9; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +/* App Icons */ +.show-apps .show-apps-icon { + color: transparent; + background-image: url('assets/applogo.svg'); + background-size: contain; + border-radius: 6px; + padding: 2px 4px; +} + +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon { + color: #eeffff; + border-radius: 9px; + padding: 6px; + border: none; + transition-duration: 100ms; + text-align: center; +} + +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + color: #84ffff; + background-color: rgba(35, 38, 55, 0.65); + border-image: none; + background-image: none; +} + +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(35, 38, 55, 1); + box-shadow: none; +} + +.app-well-app.app-folder { + background-color: rgba(35, 38, 55, 0.65); + border-radius: 12px; +} + +.app-well-app.app-folder .overview-icon { + background-color: transparent; + border-radius: 12px; +} + +.app-well-app.app-folder:hover { + background-color: rgba(35, 38, 55, 1); +} + +.app-well-app.app-folder:active { + background-color: rgba(238, 255, 255, 0.3); +} + +.app-folder-dialog { + border-radius: 36px; + padding: 12px; + background-color: rgba(15, 17, 26, 0.95); + border: 1px solid rgba(132, 255, 255, 0.55); + box-shadow: inset 0 0 0 1px rgba(132, 255, 255, 0.2); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; +} + +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; + border: 2px solid transparent; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 9px 8px; + color: #84ffff; +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(238, 255, 255, 0.06); + color: #84ffff; + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 9999px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(238, 255, 255, 0.12); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, +.app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: #eeffff; + color: rgba(0, 0, 0, 0.87); +} + +.app-folder-dialog .icon-grid { + row-spacing: 12px; + column-spacing: 24px; + page-padding-top: 0; + page-padding-bottom: 0; + page-padding-left: 0; + page-padding-right: 0; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog-container { + padding: 0; + width: 620px; + height: 620px; +} + +.app-well-app-running-dot { + width: 6px; + height: 3px; + border-radius: 2px; + background-color: rgba(238, 255, 255, 0.3); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + width: 24px; + background-color: #eeffff !important; +} + +.app-menu, +.app-well-menu { + max-width: 27.25em; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 6px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, +.rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 12px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(15, 17, 26, 0.95); + color: #eeffff; + border-radius: 9999px; + icon-size: 48px; +} + +.shell-link { + border-radius: 6px; + color: #89ddff; +} + +.shell-link:hover { + color: #89ddff; + background-color: rgba(33, 150, 243, 0.15); +} + +.shell-link:active { + color: #89ddff; + background-color: rgba(33, 150, 243, 0.25); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); +} + +/* Buttons */ +.hotplug-notification-item, +.icon-button, +.button { + color: #eeffff; + background-color: rgba(41, 45, 62, 0.95); + box-shadow: none !important; +} + +.hotplug-notification-item:focus, +.icon-button:focus, +.button:focus { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.08); + box-shadow: none !important; +} + +.hotplug-notification-item:hover, +.icon-button:hover, +.button:hover { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); + box-shadow: none !important; +} + +.hotplug-notification-item:active, +.icon-button:active, +.button:active { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.2); + box-shadow: none !important; +} + +.hotplug-notification-item:insensitive, +.icon-button:insensitive, +.button:insensitive { + color: rgba(238, 255, 255, 0.35); + background-color: rgba(41, 45, 62, 0.95); + box-shadow: none !important; +} + +.lg-obj-inspector-button, +#LookingGlassDialog > #Toolbar .lg-toolbar-button, +.candidate-page-button, +.modal-dialog-linked-button, +.popup-menu .button { + color: #eeffff; + background-color: transparent; + box-shadow: none !important; +} + +.lg-obj-inspector-button:focus, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, +.candidate-page-button:focus, +.modal-dialog-linked-button:focus, +.popup-menu .button:focus { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.08); + box-shadow: none !important; +} + +.lg-obj-inspector-button:hover, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, +.candidate-page-button:hover, +.modal-dialog-linked-button:hover, +.popup-menu .button:hover { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); +} + +.lg-obj-inspector-button:active, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, +.candidate-page-button:active, +.modal-dialog-linked-button:active, +.popup-menu .button:active { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.2); + box-shadow: none !important; +} + +.lg-obj-inspector-button:insensitive, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, +.candidate-page-button:insensitive, +.modal-dialog-linked-button:insensitive, +.popup-menu .button:insensitive { + background-color: transparent; + color: rgba(238, 255, 255, 0.35); + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button, +.screenshot-ui-type-button, +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button, +.login-dialog .modal-dialog-button, +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button:default { + color: #eeffff; + background-color: transparent; + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:insensitive, +.screenshot-ui-type-button:insensitive, +.login-dialog .cancel-button:insensitive, +.login-dialog .switch-user-button:insensitive, +.login-dialog .login-dialog-session-list-button:insensitive, +.unlock-dialog .cancel-button:insensitive, +.unlock-dialog .switch-user-button:insensitive, +.unlock-dialog .login-dialog-session-list-button:insensitive, +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(238, 255, 255, 0.35); + background-color: rgba(15, 17, 26, 0.95); + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:focus, +.screenshot-ui-type-button:focus, +.login-dialog .cancel-button:focus, +.login-dialog .switch-user-button:focus, +.login-dialog .login-dialog-session-list-button:focus, +.unlock-dialog .cancel-button:focus, +.unlock-dialog .switch-user-button:focus, +.unlock-dialog .login-dialog-session-list-button:focus, +.login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:focus { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.08); + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:hover, +.screenshot-ui-type-button:hover, +.login-dialog .cancel-button:hover, +.login-dialog .switch-user-button:hover, +.login-dialog .login-dialog-session-list-button:hover, +.unlock-dialog .cancel-button:hover, +.unlock-dialog .switch-user-button:hover, +.unlock-dialog .login-dialog-session-list-button:hover, +.login-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:hover { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:active, +.screenshot-ui-type-button:active, +.login-dialog .cancel-button:active, +.login-dialog .switch-user-button:active, +.login-dialog .login-dialog-session-list-button:active, +.unlock-dialog .cancel-button:active, +.unlock-dialog .switch-user-button:active, +.unlock-dialog .login-dialog-session-list-button:active, +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.2); + box-shadow: none !important; +} + +.button { + min-height: 20px; + padding: 6px 12px; + border-radius: 6px; + border: none; +} + +.icon-button { + border-radius: 9999px; + padding: 6px; +} + +.icon-button StIcon { + icon-size: 16px !important; + -st-icon-style: symbolic; +} + +/* Date/Time Menu */ +.popup-menu .message, +.world-clocks-button, +.weather-button, +.events-button { + color: rgba(238, 255, 255, 0.7); + background-color: rgba(238, 255, 255, 0.04); + border-radius: 6px; + border: none; + box-shadow: none; + text-shadow: none; + padding: 6px 9px; +} + +.popup-menu .message:hover, +.world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.popup-menu .message:focus, +.world-clocks-button:focus, +.weather-button:focus, +.events-button:focus { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); + box-shadow: none; +} + +.popup-menu .message:active, +.world-clocks-button:active, +.weather-button:active, +.events-button:active { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.2); + box-shadow: none; +} + +.clock-display-box { + spacing: 2px; +} + +.clock-display-box .clock { + padding-left: 12px; + padding-right: 12px; +} + +#calendarArea { + padding: 6px 0; +} + +.datemenu-calendar-column { + spacing: 6px; + border: 0 solid rgba(238, 255, 255, 0.12); + padding: 0 12px; +} + +.datemenu-calendar-column:ltr { + margin-right: 0; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 0; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 6px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: rgba(238, 255, 255, 0.7); + font-weight: bold; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 6px; +} + +/* today button (the date) */ +.datemenu-today-button { + border: none; + box-shadow: none; + background: none; + padding: 6px; + margin: 0 12px; + text-shadow: none; + color: rgba(238, 255, 255, 0.7); + border-radius: 12px; +} + +.datemenu-today-button:hover, +.datemenu-today-button:focus { + background-color: rgba(238, 255, 255, 0.12); +} + +.datemenu-today-button:active { + background-color: rgba(238, 255, 255, 0.2); +} + +.datemenu-today-button .day-label { + font-size: 12pt; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: normal; +} + +/* Calendar */ +.calendar { + border: none; + box-shadow: none; + background-color: transparent; + padding: 0 3px !important; + margin: 0 !important; + text-shadow: none; + border-radius: 12px; +} + +.calendar .calendar-month-label { + padding: 6px 0; + color: rgba(238, 255, 255, 0.7); + font-weight: bold; + text-align: center; + text-shadow: none; + font-size: 12pt; +} + +.calendar .calendar-change-month-back, +.calendar .calendar-change-month-forward { + padding: 0 0 !important; + margin: 3px 0 !important; +} + +.calendar .calendar-change-month-back StIcon, +.calendar .calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar .pager-button { + width: 32px !important; + height: 32px !important; + margin: 2px !important; + border-radius: 9999px; + background-color: transparent; + color: #eeffff; +} + +.calendar .pager-button:hover, +.calendar .pager-button:focus { + background-color: rgba(238, 255, 255, 0.12); +} + +.calendar .pager-button:active { + background-color: rgba(238, 255, 255, 0.3); +} + +.calendar .calendar-day-base { + font-size: 10pt; + text-align: center; + width: 34px !important; + height: 34px !important; + padding: 0 !important; + margin: 2px !important; + border-radius: 9999px; + color: rgba(238, 255, 255, 0.7); + border: none; + font-feature-settings: 'tnum'; +} + +.calendar .calendar-day-base:hover, +.calendar .calendar-day-base:focus { + background-color: rgba(238, 255, 255, 0.12); + box-shadow: none; + outline: none; +} + +.calendar .calendar-day-base:active, +.calendar .calendar-day-base:selected { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.3); + border-color: transparent; +} + +.calendar .calendar-day-base.calendar-day-heading { + margin-top: 1em; + color: rgba(238, 255, 255, 0.5); + font-size: 10pt; +} + +.calendar .calendar-day { + border-width: 0; +} + +.calendar .calendar-day-top { + border-top-width: 0; +} + +.calendar .calendar-day-left { + border-left-width: 0; +} + +.calendar .calendar-nonwork-day { + color: rgba(238, 255, 255, 0.5); + font-weight: bold; +} + +.calendar .calendar-today { + font-weight: bold; + color: rgba(238, 255, 255, 0.7) !important; + background-color: rgba(238, 255, 255, 0.06); + border: none; +} + +.calendar .calendar-today:hover, +.calendar .calendar-today:focus { + background-color: rgba(238, 255, 255, 0.12); + color: #eeffff !important; +} + +.calendar .calendar-today:active { + background-color: #b0bec5; + color: rgba(0, 0, 0, 0.87) !important; +} + +.calendar .calendar-today:selected { + background-color: #84ffff; + color: rgba(0, 0, 0, 0.87) !important; +} + +.calendar .calendar-today:selected:hover, +.calendar .calendar-today:selected:focus { + background-color: #c792ea; + color: rgba(0, 0, 0, 0.87) !important; +} + +.calendar .calendar-day-with-events { + color: rgba(238, 255, 255, 0.7); + background-image: url('assets/calendar-today.svg'); +} + +.calendar .calendar-day-with-events.calendar-work-day { + color: rgba(238, 255, 255, 0.7); + font-weight: bold; +} + +.calendar .calendar-other-month-day { + color: rgba(238, 255, 255, 0.3); + opacity: 0.5; +} + +.calendar .calendar-week-number { + width: 26px; + height: 20px; + margin: 6px 2px !important; + padding: 0 0; + border-radius: 6px; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button { + padding: 12px !important; + margin: 2px 0 !important; +} + +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: rgba(238, 255, 255, 0.5); + font-weight: bold; + text-shadow: none; +} + +.events-button .event-time { + color: rgba(238, 255, 255, 0.5); + font-feature-settings: 'tnum'; + font-size: 10pt; +} + +.world-clocks-button .world-clocks-city { + color: rgba(238, 255, 255, 0.5); + font-weight: bold; + font-size: 11pt; +} + +.world-clocks-button .world-clocks-time { + color: rgba(238, 255, 255, 0.5); + font-feature-settings: 'tnum'; + font-size: 11pt; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: rgba(238, 255, 255, 0.5); + font-feature-settings: 'tnum'; + font-size: 10pt; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px !important; +} + +.weather-button .weather-box { + spacing: 10px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: rgba(238, 255, 255, 0.7); + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: rgba(238, 255, 255, 0.5); + font-size: 10pt; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: rgba(238, 255, 255, 0.7); + font-feature-settings: 'tnum'; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +/* Check Boxes */ +.check-box StBoxLayout { + spacing: 0.8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 6px; + border-radius: 6px; +} + +.check-box StBin, +.check-box:focus StBin { + background-image: url('assets/checkbox-off.svg'); +} + +.check-box:hover StBin { + background-color: rgba(238, 255, 255, 0.12); +} + +.check-box:active StBin { + background-color: rgba(238, 255, 255, 0.3); +} + +.check-box:checked StBin, +.check-box:focus:checked StBin { + background-image: url('assets/checkbox-dark.svg'); +} + +/* Activities Ripple */ +.ripple-box { + background-color: rgba(226, 233, 233, 0.35); + box-shadow: 0 0 2px 2px #eeffff; + width: 52px; + height: 52px; + border-radius: 0 0 52px 0; +} + +.ripple-box:rtl { + border-radius: 0 0 0 52px; +} + +/* Dash */ +#dash { + font-size: 9pt; +} + +#dash .empty-dash-drop-target { + width: 32px; + height: 32px; +} + +.dash-label { + background-color: rgba(41, 45, 62, 0.95); + color: #84ffff; + padding: 6px 12px; + text-align: center; + border-radius: 12px; + border: 1px solid rgba(65, 72, 104, 0.55); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); + -y-offset: 12px; + -x-offset: 8px; +} + +/* Modal Dialogs */ +.candidate-popup-content, +.modal-dialog { + background-color: #232637; + border-radius: 12px; + margin: 15px; + border: 1px solid rgba(132, 255, 255, 0.55); + box-shadow: inset 0 0 0 1px rgba(132, 255, 255, 0.2); +} + +.modal-dialog-linked-button:last-child { + color: #eeffff; + background-color: #3b3f51; +} + +.modal-dialog-linked-button:hover:last-child { + color: #eeffff; + background-color: #6e98eb; +} + +.modal-dialog-linked-button:active:last-child { + color: #eeffff; + background-color: #dc6068; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(226, 233, 233, 0.05); + color: rgba(226, 233, 233, 0.35); +} + +.headline { + font-size: 12pt; +} + +.modal-dialog { + color: #eeffff; + padding: 0 6px 6px 6px; +} + +.modal-dialog-linked-button { + min-height: 32px; + padding: 6px; + margin: 3px !important; + border: none !important; + border-radius: 6px; +} + +.modal-dialog-linked-button:first-child { + background-color: rgba(238, 255, 255, 0.04); +} + +.modal-dialog-linked-button:first-child:focus { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.08); + box-shadow: none !important; +} + +.modal-dialog-linked-button:first-child:hover { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); +} + +.modal-dialog-linked-button:first-child:active { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.2); + box-shadow: none !important; +} + +.modal-dialog .modal-dialog-content-box { + margin: 30px 42px; + spacing: 30px; + max-width: 28em; +} + +.end-session-dialog { + width: 30em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #ffcb6b; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.lightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: rgba(238, 255, 255, 0.7); + font-size: 10pt; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 12px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: rgba(238, 255, 255, 0.7); + font-size: 10pt; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 10pt; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #f28b82; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: rgba(238, 255, 255, 0.5); +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #ffcb6b; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(238, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, +.audio-selection-device:focus { + background-color: rgba(238, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.audio-selection-device-box { + padding: 18px; + spacing: 18px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.welcome-dialog-image { + background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg'); + background-size: contain; + height: 300px; + width: 300px; +} + +/* Entries */ +StEntry, +.search-entry { + min-height: 20px; + padding: 6px 12px; + margin: 2px; + border: none; + border-radius: 6px; + color: #eeffff; + background-color: rgba(238, 255, 255, 0.04); + border: 2px solid transparent; + box-shadow: none; + caret-color: #eeffff; + selection-background-color: rgba(238, 255, 255, 0.25); + selected-color: #eeffff; +} + +StEntry:hover, +.search-entry:hover { + color: #eeffff; + border-color: rgba(226, 233, 233, 0.35); + background-color: rgba(238, 255, 255, 0.04); +} + +StEntry:focus, +.search-entry:focus { + color: #eeffff; + border-color: #e2e9e9; + background-color: rgba(238, 255, 255, 0.04); + box-shadow: none; +} + +StEntry:insensitive, +.search-entry:insensitive { + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.35); + border-color: transparent; +} + +StEntry StIcon.capslock-warning, +.search-entry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #ffcb6b; + padding: 0; +} + +StEntry StIcon.peek-password, +.search-entry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text, +.search-entry StLabel.hint-text { + margin-left: 2px; + color: rgba(238, 255, 255, 0.5); +} + +.hotplug-notification-item { + padding: 12px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 0 4px; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 12px; +} + +.candidate-popup-content { + color: rgba(238, 255, 255, 0.7); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35) !important; + border: none; + margin: 3px 8px 12px !important; + padding: 6px; + spacing: 6px; +} + +.candidate-index { + padding: 0 0.5em 0 0; + color: rgba(238, 255, 255, 0.7); +} + +.candidate-box:selected .candidate-index { + color: rgba(0, 0, 0, 0.6); +} + +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + margin-right: 2px; + border-radius: 6px; + color: rgba(238, 255, 255, 0.7); +} + +.candidate-box:hover { + background-color: rgba(238, 255, 255, 0.12); + color: #eeffff; +} + +.candidate-box:active { + background-color: rgba(238, 255, 255, 0.3); + color: #eeffff; +} + +.candidate-box:selected { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.candidate-box:last-child { + margin-right: 0; +} + +.candidate-page-button-box { + height: 2em; +} + +.vertical .candidate-page-button-box { + padding-top: 0.5em; +} + +.horizontal .candidate-page-button-box { + padding-left: 0.5em; +} + +.candidate-page-button { + padding: 6px 9px; +} + +.candidate-page-button-previous, +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1em; +} + +/* On-screen Keyboard */ +#keyboard { + background-color: #232637; + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + font-size: 16pt; + font-weight: bold; + min-height: 1.2em; + min-width: 1.2em; + border-radius: 9px; + border: none; + color: rgba(238, 255, 255, 0.7); + background-color: #3b3f51; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, +.keyboard-key:hover { + color: #eeffff; + background-color: #464b5d; +} + +.keyboard-key:checked, +.keyboard-key:active { + color: #eeffff; + background-color: #515772; +} + +.keyboard-key:grayed { + background-color: rgba(41, 45, 62, 0.95); + color: rgba(238, 255, 255, 0.7); +} + +.keyboard-key.default-key { + background-color: #222436; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, +.keyboard-key.default-key:hover { + color: #eeffff; + background-color: #444267; +} + +.keyboard-key.default-key:checked, +.keyboard-key.default-key:active { + color: #eeffff; + background-color: #515772; +} + +.keyboard-key.enter-key { + color: rgba(0, 0, 0, 0.87); + background-color: #e2e9e9; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, +.keyboard-key.enter-key:hover { + color: rgba(0, 0, 0, 0.87); + background-color: #a6accd; +} + +.keyboard-key.enter-key:checked, +.keyboard-key.enter-key:active { + color: rgba(0, 0, 0, 0.87); + background-color: #717cb4; +} + +.keyboard-key.shift-key-uppercase, +.keyboard-key.shift-key-uppercase:focus, +.keyboard-key.shift-key-uppercase:hover, +.keyboard-key.shift-key-uppercase:checked, +.keyboard-key.shift-key-uppercase:active { + color: #e2e9e9; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 12px; + -arrow-background-color: #232637; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border: none; + background-color: #e2e9e9; +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +/* Login Dialog */ +#lockDialogGroup { + background-color: rgba(15, 17, 26, 0.95); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; + color: #eeffff; +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 9999px; + width: 32px; + height: 32px; + border: none; +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(238, 255, 255, 0.7); +} + +.login-dialog .user-icon, +.unlock-dialog .user-icon { + color: rgba(238, 255, 255, 0.7); +} + +.login-dialog .user-icon StIcon, +.unlock-dialog .user-icon StIcon { + background-color: rgba(15, 17, 26, 0.95); + color: #eeffff; +} + +.login-dialog .user-icon, +.login-dialog .user-icon.user-avatar, +.unlock-dialog .user-icon, +.unlock-dialog .user-icon.user-avatar { + border: none; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(238, 255, 255, 0.7); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message { + text-align: center; +} + +.login-dialog-message-warning { + color: #ffcb6b; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, +.login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: #eeffff; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(238, 255, 255, 0.7); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(238, 255, 255, 0.7); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(238, 255, 255, 0.12); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: 0.2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected, +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover, +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(238, 255, 255, 0.3); + color: rgba(238, 255, 255, 0.7); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #e2e9e9; +} + +.login-dialog-user-list-item { + border-radius: 12px; + padding: 6px; + color: rgba(238, 255, 255, 0.7); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(238, 255, 255, 0.04) !important; +} + +.login-dialog-user-list-item:hover, +.login-dialog-user-list-item:focus:hover { + background-color: rgba(238, 255, 255, 0.12) !important; + color: rgba(238, 255, 255, 0.7); +} + +.login-dialog-user-list-item:active, +.login-dialog-user-list-item:focus:active { + background-color: rgba(238, 255, 255, 0.3) !important; + color: rgba(238, 255, 255, 0.7); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(238, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(238, 255, 255, 0.7); +} + +.user-widget.horizontal .user-widget-label { + font-size: 13pt; + font-weight: bold; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; + text-align: left; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; + text-align: right; +} + +.user-widget.vertical .user-widget-label { + font-size: 16pt; + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 12px; + width: 23em; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-label { + color: rgba(238, 255, 255, 0.7); + font-size: 12pt; + padding-top: 1em; +} + +/* Looking Glass */ +#LookingGlassDialog { + background-color: rgba(41, 45, 62, 0.95) !important; + spacing: 4px; + padding: 0; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #eeffff !important; + border: none; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 6px; + border: none; + border-radius: 0; + background-color: rgba(41, 45, 62, 0.95) !important; + box-shadow: inset 0 -1px 0 rgba(238, 255, 255, 0.12); + spacing: 6px; +} + +#LookingGlassDialog > #Toolbar .lg-toolbar-button { + padding: 6px 12px; +} + +#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { + icon-size: 16px; +} + +#LookingGlassDialog .labels { + spacing: 6px; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 12px; + font-weight: bold; + color: rgba(238, 255, 255, 0.5); + padding: 6px 12px; + transition-duration: 100ms; + border-bottom-width: 0; + border-radius: 0; +} + +#LookingGlassDialog .notebook-tab:hover { + background-color: rgba(238, 255, 255, 0.04); + color: #eeffff; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-color: transparent; + background-color: rgba(238, 255, 255, 0.12); + box-shadow: inset 0 -2px 0 #e2e9e9; + color: #eeffff; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 6px; + padding: 6px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 6px; + padding: 6px; +} + +.lg-dialog StEntry { + min-height: 22px; + selection-background-color: #e2e9e9; + selected-color: rgba(0, 0, 0, 0.87); +} + +.lg-dialog .shell-link { + color: #89ddff; +} + +.lg-dialog .shell-link:hover { + color: #51adf6; +} + +.lg-dialog .shell-link:active { + color: #0c7cd5; +} + +.lg-dialog .actor-link { + color: rgba(238, 255, 255, 0.7); +} + +.lg-dialog .actor-link:hover { + color: #eeffff; +} + +.lg-dialog .actor-link:active { + color: rgba(238, 255, 255, 0.7); +} + +.lg-completions-text { + font-size: 0.9em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 6px; +} + +.lg-obj-inspector-button { + padding: 0 16px; + border: none; + border-radius: 6px; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 6px; +} + +.lg-extensions-list { + padding: 6px; + spacing: 6px; +} + +.lg-extension { + border-radius: 6px; + background-color: rgba(238, 255, 255, 0.04) !important; + color: #eeffff !important; + padding: 12px; + box-shadow: none; + border: none; +} + +.lg-extension-name { + font-weight: bold; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + color: rgba(238, 255, 255, 0.7) !important; + background: rgba(41, 45, 62, 0.95) !important; + border: none; + border-radius: 6px; + padding: 6px; + margin: 5px 8px 11px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.lg-debug-flag-button { + color: rgba(238, 255, 255, 0.7); +} + +.lg-debug-flag-button StLabel { + padding: 6px 12px; +} + +.lg-debug-flag-button:hover { + color: #eeffff; +} + +.lg-debug-flag-button:active { + color: rgba(238, 255, 255, 0.7); +} + +.lg-debug-flags-header { + padding-top: 12px; + padding: 6px; + margin: 6px; + color: rgba(238, 255, 255, 0.3); +} + +/* Message List */ +.message-list { + width: 31.5em; + text-shadow: none; + border: solid rgba(238, 255, 255, 0.12); + padding: 6px; +} + +.message-list:ltr { + margin-left: 0; + margin-right: 4px; + padding-right: 12px; + border-right-width: 1px; +} + +.message-list:rtl { + margin-right: 0; + margin-left: 4px; + padding-left: 12px; + border-left-width: 1px; +} + +.message-list .message-list-placeholder { + spacing: 12px; + color: rgba(238, 255, 255, 0.3); +} + +.message-list .message-list-placeholder > StIcon { + icon-size: 48px; + margin-bottom: 12px; + -st-icon-style: symbolic; +} + +.message-list-sections { + margin: 0 8px; +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 6px; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 12px; +} + +.message { + margin: 3px 0; +} + +.message .message-icon-bin { + padding: 18px 12px; + padding-right: 6px; +} + +.message .message-icon-bin:rtl { + padding-left: 6px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + color: rgba(238, 255, 255, 0.5); + font-size: 9pt; + text-align: right; + padding-bottom: 0; +} + +.message .message-secondary-bin > .event-time:ltr { + text-align: right; +} + +.message .message-secondary-bin > .event-time:rtl { + text-align: left; +} + +.message .message-title { + color: #eeffff; + font-weight: bold; + padding-top: 0.57em; +} + +.message .message-content { + padding: 6px; + margin-bottom: 4px; + spacing: 4px; + color: rgba(238, 255, 255, 0.5); +} + +.message .message-close-button { + color: rgba(238, 255, 255, 0.7); + padding: 4px; + height: 20px; + width: 20px; + border-radius: 9999px; +} + +.message .message-close-button:hover, +.message .message-close-button:active { + color: #eeffff; +} + +.message .message-close-button:hover, +.message .message-close-button:focus { + background-color: rgba(238, 255, 255, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(238, 255, 255, 0.3); +} + +.message .message-body { + color: rgba(238, 255, 255, 0.5); +} + +.url-highlighter { + link-color: #89ddff; +} + +.message-media-control { + margin: 20px 6px; + padding: 9px; + border-radius: 9999px; + color: rgba(238, 255, 255, 0.7); +} + +.message-media-control:hover, +.message-media-control:focus { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); +} + +.message-media-control:active { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.3); +} + +.message-media-control:insensitive { + color: rgba(238, 255, 255, 0.3); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; +} + +.message-media-control StIcon { + icon-size: 16px; +} + +.media-message-cover-icon { + icon-size: 32px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 24px !important; + padding: 6px; + border: none; + border-radius: 6px; + background-color: rgba(238, 255, 255, 0.12); + color: rgba(238, 255, 255, 0.5); +} + +.select-area-rubberband { + background-color: rgba(226, 233, 233, 0.3); + border: 1px solid #e2e9e9; + border-radius: 6px; +} + +.user-icon { + background-size: contain; + color: rgba(238, 255, 255, 0.7); + border-radius: 9999px; + box-shadow: none; + icon-size: 64px; +} + +.modal-dialog .user-icon { + box-shadow: none; +} + +.user-icon:hover { + color: #eeffff; +} + +.user-icon StIcon { + background-color: rgba(41, 45, 62, 0.95); + color: #eeffff; + border-radius: 9999px; + padding: 12px; + width: 40px; + height: 40px; +} + +.user-icon, +.user-icon.user-avatar { + border: none; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: #eeffff; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 10pt; + color: #ffcb6b; +} + +/* Network Dialogs */ +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #eeffff; +} + +.nm-dialog-header { + font-weight: bold; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-scroll-view { + border: none; + padding: 0; + background-color: rgba(238, 255, 255, 0.04); + border-radius: 6px; +} + +.nm-dialog-item { + font-size: 11pt; + border-bottom: none; + padding: 12px; + spacing: 0px; +} + +.nm-dialog-item:selected { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.nm-dialog-item:hover, +.nm-dialog-item:focus { + background-color: rgba(238, 255, 255, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(238, 255, 255, 0.3); +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.nm-dialog-icons { + spacing: 12px; +} + +.no-networks-label { + color: rgba(238, 255, 255, 0.5); +} + +.no-networks-box { + spacing: 6px; +} + +/* Notifications & Message Tray */ +.notification-banner { + width: 25em; + min-height: 65px; + color: rgba(238, 255, 255, 0.7); + background-color: rgba(35, 38, 55, 0.95); + text-shadow: none; + border: solid 1px rgba(238, 255, 255, 0.25); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); + margin: 20px 20px 10px; + border-radius: 12px; +} + +.notification-banner:hover { + color: #eeffff; + background-color: rgba(35, 38, 55, 0.95); + border: solid 1px rgba(238, 255, 255, 0.25); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); + margin: 20px 20px 10px; +} + +.notification-banner:focus { + color: #eeffff; + background-color: rgba(35, 38, 55, 0.95); +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(238, 255, 255, 0.12); + spacing: 0; +} + +.notification-banner .notification-button { + min-height: 44px; + padding: 0 18px; + background-color: transparent; + color: rgba(238, 255, 255, 0.7); + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 12px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 12px 0; +} + +.notification-banner .notification-button:only-child, +.notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 12px 12px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #eeffff; + box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.12); +} + +.notification-banner .notification-button:hover, +.notification-banner .notification-button:focus:hover { + background-color: rgba(238, 255, 255, 0.12); + color: #eeffff; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(238, 255, 255, 0.3); + color: #eeffff; +} + +.summary-source-counter { + font-size: fontsize(10); + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(238, 255, 255, 0.3); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: rgba(238, 255, 255, 0.7); +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: rgba(238, 255, 255, 0.7); +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + color: rgba(238, 255, 255, 0.5); +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +/* OSD */ +.screenshot-ui-panel, +.workspace-switcher-container, +.resize-popup, +.osd-window { + color: rgba(238, 255, 255, 0.7); + background-color: rgba(15, 17, 26, 0.95); + border: solid 1px rgba(238, 255, 255, 0.25); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + margin: 5px 8px 11px; + border-radius: 12px; + padding: 10px; +} + +.osd-window { + text-align: center; + font-weight: bold; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + height: 3px; + border-radius: 2px; + background-color: rgba(238, 255, 255, 0.15); + color: #eeffff; + -barlevel-height: 3px; + -barlevel-background-color: rgba(238, 255, 255, 0.15); + -barlevel-active-background-color: #eeffff; + -barlevel-overdrive-color: #f28b82; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(238, 255, 255, 0.12); +} + +.osd-window .level-bar { + background-color: #eeffff; + border-radius: 2px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(15, 17, 26, 0.95); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview StScrollBar StBin#trough { + background-color: rgba(238, 255, 255, 0.12); +} + +#overview StScrollBar StButton#vhandle, +#overview StScrollBar StButton#hhandle { + background-color: rgba(238, 255, 255, 0.5); +} + +#overview StScrollBar StButton#vhandle:hover, +#overview StScrollBar StButton#hhandle:hover { + background-color: rgba(238, 255, 255, 0.7); +} + +#overview StScrollBar StButton#vhandle:active, +#overview StScrollBar StButton#hhandle:active { + background-color: #eeffff; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 30px; +} + +/* Top Bar */ +#panel { + background-color: rgba(15, 17, 26, 0.95); + font-weight: bold; + height: 32px; + color: rgba(238, 255, 255, 0.7); + font-feature-settings: 'tnum'; + transition-duration: 250ms; + font-size: 10pt; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(15, 17, 26, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; + -panel-corner-opacity: 1; + transition-duration: 250ms; +} + +#panel .panel-button { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #eeffff; + transition-duration: 150ms; + border-radius: 9999px; + text-shadow: none; + border: 2px solid transparent; +} + +#panel .panel-button.clock-display .clock { + transition-duration: 150ms; + border: 2px solid transparent; + border-radius: 9999px; +} + +#panel .panel-button:hover { + color: #84ffff; + background-color: transparent; + box-shadow: inset 0 0 0 1000px #3b3f51; +} + +#panel .panel-button.clock-display:hover { + box-shadow: none; + color: #84ffff; +} + +#panel .panel-button.clock-display:hover .clock { + color: #84ffff; + box-shadow: inset 0 0 0 1000px #3b3f51; +} + +#panel .panel-button:active, +#panel .panel-button:active:hover, +#panel .panel-button:overview, +#panel .panel-button:overview:hover, +#panel .panel-button:focus, +#panel .panel-button:focus:hover, +#panel .panel-button:checked, +#panel .panel-button:checked:hover { + background-color: transparent; + color: #84ffff; + box-shadow: inset 0 0 0 1000px #3b3f51; +} + +#panel .panel-button:active .panel-button, +#panel .panel-button:overview .panel-button, +#panel .panel-button:focus .panel-button, +#panel .panel-button:checked .panel-button { + background-color: transparent; + color: rgba(0, 0, 0, 0.87); + box-shadow: inset 0 0 0 1000px #3b3f51; +} + +#panel .panel-button:active .panel-button:hover, +#panel .panel-button:overview .panel-button:hover, +#panel .panel-button:focus .panel-button:hover, +#panel .panel-button:checked .panel-button:hover { + color: #84ffff; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active .panel-button:active, +#panel .panel-button:active .panel-button:overview, +#panel .panel-button:active .panel-button:focus, +#panel .panel-button:active .panel-button:checked, +#panel .panel-button:overview .panel-button:active, +#panel .panel-button:overview .panel-button:overview, +#panel .panel-button:overview .panel-button:focus, +#panel .panel-button:overview .panel-button:checked, +#panel .panel-button:focus .panel-button:active, +#panel .panel-button:focus .panel-button:overview, +#panel .panel-button:focus .panel-button:focus, +#panel .panel-button:focus .panel-button:checked, +#panel .panel-button:checked .panel-button:active, +#panel .panel-button:checked .panel-button:overview, +#panel .panel-button:checked .panel-button:focus, +#panel .panel-button:checked .panel-button:checked { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2); +} + +#panel .panel-button.clock-display:active, +#panel .panel-button.clock-display:overview, +#panel .panel-button.clock-display:focus, +#panel .panel-button.clock-display:checked { + box-shadow: none; + color: #84ffff; +} + +#panel .panel-button.clock-display:active .clock, +#panel .panel-button.clock-display:overview .clock, +#panel .panel-button.clock-display:focus .clock, +#panel .panel-button.clock-display:checked .clock { + box-shadow: inset 0 0 0 1000px #3b3f51; + color: #84ffff; +} + +.unlock-screen #panel .panel-button, +.login-screen #panel .panel-button, +.lock-screen #panel .panel-button { + color: #84ffff; +} + +.unlock-screen #panel .panel-button:focus, +.unlock-screen #panel .panel-button:hover, +.unlock-screen #panel .panel-button:active, +.login-screen #panel .panel-button:focus, +.login-screen #panel .panel-button:hover, +.login-screen #panel .panel-button:active, +.lock-screen #panel .panel-button:focus, +.lock-screen #panel .panel-button:hover, +.lock-screen #panel .panel-button:active { + color: #84ffff; +} + +#panel .panel-button .system-status-icon { + icon-size: 16px; + padding: 8px; + margin: 0 4px; + -st-icon-style: symbolic; +} + +#panel .panel-button .panel-status-indicators-box .system-status-icon, +#panel .panel-button .panel-status-menu-box .system-status-icon { + margin: 0; +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; +} + +#panel #panelActivities.panel-button { + -natural-hpadding: 18px; +} + +#panel:overview, +#panel.unlock-screen, +#panel.login-screen, +#panel.lock-screen { + background-color: transparent; + box-shadow: none; + border: transparent; +} + +#panel:overview StLabel, +#panel:overview StIcon, +#panel.unlock-screen StLabel, +#panel.unlock-screen StIcon, +#panel.login-screen StLabel, +#panel.login-screen StIcon, +#panel.lock-screen StLabel, +#panel.lock-screen StIcon { + color: #84ffff; +} + +#panel:overview .panel-button:hover, +#panel.unlock-screen .panel-button:hover, +#panel.login-screen .panel-button:hover, +#panel.lock-screen .panel-button:hover { + color: #84ffff; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.12); +} + +#panel:overview .panel-button.clock-display:hover, +#panel.unlock-screen .panel-button.clock-display:hover, +#panel.login-screen .panel-button.clock-display:hover, +#panel.lock-screen .panel-button.clock-display:hover { + box-shadow: none; + color: #84ffff; +} + +#panel:overview .panel-button.clock-display:hover .clock, +#panel.unlock-screen .panel-button.clock-display:hover .clock, +#panel.login-screen .panel-button.clock-display:hover .clock, +#panel.lock-screen .panel-button.clock-display:hover .clock { + color: #84ffff; + box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.12); +} + +#panel:overview .panel-button:active, +#panel:overview .panel-button:overview, +#panel:overview .panel-button:focus, +#panel:overview .panel-button:checked, +#panel.unlock-screen .panel-button:active, +#panel.unlock-screen .panel-button:overview, +#panel.unlock-screen .panel-button:focus, +#panel.unlock-screen .panel-button:checked, +#panel.login-screen .panel-button:active, +#panel.login-screen .panel-button:overview, +#panel.login-screen .panel-button:focus, +#panel.login-screen .panel-button:checked, +#panel.lock-screen .panel-button:active, +#panel.lock-screen .panel-button:overview, +#panel.lock-screen .panel-button:focus, +#panel.lock-screen .panel-button:checked { + color: #84ffff; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.2); +} + +#panel:overview .panel-button.clock-display:active, +#panel:overview .panel-button.clock-display:overview, +#panel:overview .panel-button.clock-display:focus, +#panel:overview .panel-button.clock-display:checked, +#panel.unlock-screen .panel-button.clock-display:active, +#panel.unlock-screen .panel-button.clock-display:overview, +#panel.unlock-screen .panel-button.clock-display:focus, +#panel.unlock-screen .panel-button.clock-display:checked, +#panel.login-screen .panel-button.clock-display:active, +#panel.login-screen .panel-button.clock-display:overview, +#panel.login-screen .panel-button.clock-display:focus, +#panel.login-screen .panel-button.clock-display:checked, +#panel.lock-screen .panel-button.clock-display:active, +#panel.lock-screen .panel-button.clock-display:overview, +#panel.lock-screen .panel-button.clock-display:focus, +#panel.lock-screen .panel-button.clock-display:checked { + box-shadow: none; + color: #84ffff; +} + +#panel:overview .panel-button.clock-display:active .clock, +#panel:overview .panel-button.clock-display:overview .clock, +#panel:overview .panel-button.clock-display:focus .clock, +#panel:overview .panel-button.clock-display:checked .clock, +#panel.unlock-screen .panel-button.clock-display:active .clock, +#panel.unlock-screen .panel-button.clock-display:overview .clock, +#panel.unlock-screen .panel-button.clock-display:focus .clock, +#panel.unlock-screen .panel-button.clock-display:checked .clock, +#panel.login-screen .panel-button.clock-display:active .clock, +#panel.login-screen .panel-button.clock-display:overview .clock, +#panel.login-screen .panel-button.clock-display:focus .clock, +#panel.login-screen .panel-button.clock-display:checked .clock, +#panel.lock-screen .panel-button.clock-display:active .clock, +#panel.lock-screen .panel-button.clock-display:overview .clock, +#panel.lock-screen .panel-button.clock-display:focus .clock, +#panel.lock-screen .panel-button.clock-display:checked .clock { + box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.2); + color: #84ffff; +} + +#panel:overview .panel-corner, +#panel.unlock-screen .panel-corner, +#panel.login-screen .panel-corner, +#panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator, +#panel .remote-access-indicator { + color: #ffcb6b; +} + +/* Popovers/Menus */ +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 12px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu .popup-menu-content { + padding: 6px; + background-color: rgba(35, 38, 55, 0.95); + border-radius: 12px; + margin: 4px; + font-weight: 500; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2); +} + +.popup-menu .popup-menu-item { + spacing: 9px; + padding: 6px; + color: #eeffff !important; + text-shadow: none; + border-radius: 6px; + margin: 0 6px; + font-weight: 500; +} + +.popup-menu .popup-menu-item:checked { + font-weight: 500; + border: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.87) !important; + background-color: #eeffff !important; + border-radius: 6px 6px 0 0; +} + +.popup-menu .popup-menu-item:checked:focus, +.popup-menu .popup-menu-item:checked:hover, +.popup-menu .popup-menu-item.selected:checked { + color: rgba(0, 0, 0, 0.87) !important; + background-color: #a6accd !important; +} + +.popup-menu .popup-menu-item:checked:active { + color: rgba(0, 0, 0, 0.87) !important; + background-color: #b0bec5 !important; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(0, 0, 0, 0.38) !important; +} + +.popup-menu .popup-menu-item:focus, +.popup-menu .popup-menu-item:hover, +.popup-menu .popup-menu-item.selected { + color: #eeffff !important; + background-color: rgba(238, 255, 255, 0.12) !important; + transition-duration: 0; +} + +.popup-menu .popup-menu-item:active, +.popup-menu .popup-menu-item.selected:active { + color: #eeffff !important; + background-color: rgba(238, 255, 255, 0.3) !important; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(238, 255, 255, 0.3) !important; +} + +.popup-menu .popup-sub-menu { + border: none; + box-shadow: none; + margin: 0 6px; + border-radius: 0 0 6px 6px; + background-color: #eeffff !important; + color: rgba(0, 0, 0, 0.6) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + border-radius: 0; + margin: 0; + color: rgba(0, 0, 0, 0.6) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item:focus, +.popup-menu .popup-sub-menu .popup-menu-item.hover, +.popup-menu .popup-sub-menu .popup-menu-item.selected { + color: rgba(0, 0, 0, 0.87) !important; + background-color: rgba(0, 0, 0, 0.12) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active, +.popup-menu .popup-sub-menu .popup-menu-item.selected:active { + color: rgba(0, 0, 0, 0.87) !important; + background-color: rgba(0, 0, 0, 0.26) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26) !important; +} + +.popup-menu + .popup-sub-menu + .popup-menu-section:last-child + .popup-menu-item:last-child { + border-radius: 0 0 6px 6px; +} + +.popup-menu .popup-inactive-menu-item { + color: #84ffff !important; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(238, 255, 255, 0.3) !important; +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 16px !important; +} + +.popup-menu-ornament { + width: 1.2em; +} + +.popup-menu-ornament:ltr { + text-align: right; +} + +.popup-menu-ornament:rtl { + text-align: left; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0px; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 3px; + -st-icon-style: symbolic; +} + +.quick-settings { + padding: 12px !important; + border-radius: 12px !important; +} + +.quick-settings .icon-button, +.quick-settings .button { + padding: 10.5px; +} + +.quick-settings .icon-button > StIcon, +.quick-settings .button > StIcon { + icon-size: 16px !important; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle { + border-radius: 8px; + min-width: 12em; + max-width: 12em; + min-height: 40px; + border: none; + border: 1px solid rgba(238, 255, 255, 0.2); + background-color: rgba(238, 255, 255, 0.08) !important; +} + +.quick-toggle:hover { + background-color: rgba(238, 255, 255, 0.12) !important; +} + +.quick-toggle:active { + background-color: rgba(238, 255, 255, 0.15) !important; +} + +.quick-toggle:checked { + background-color: #71c6e7 !important; + color: rgba(0, 0, 0, 0.87); +} + +.quick-toggle:checked:hover { + background-color: #89ddff !important; + color: rgba(0, 0, 0, 0.87); +} + +.quick-toggle:checked:active { + background-color: #80cbc4 !important; + color: rgba(0, 0, 0, 0.87); +} + +.quick-toggle > StBoxLayout { + spacing: 6px; + padding: 0 12px; +} + +.quick-toggle.button { + padding: 0; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-label { + font-weight: bold; +} + +.quick-toggle .quick-toggle-icon, +.quick-toggle .quick-toggle-arrow { + icon-size: 16px !important; +} + +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; +} + +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; +} + +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(238, 255, 255, 0.08) !important; + padding: 6px 10.5px; + icon-size: 16px !important; +} + +.quick-menu-toggle .quick-toggle-arrow:active { + background-color: rgba(238, 255, 255, 0.12) !important; +} + +.quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 6px 6px 0; +} + +.quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 6px 0 0 6px; +} + +.quick-slider { + padding: 0 6px; +} + +.quick-slider > StBoxLayout { + spacing: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 6px; + border-radius: 9999px; +} + +.quick-slider .slider-bin:focus { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.08); + box-shadow: none !important; +} + +.quick-slider .quick-toggle-icon, +.quick-slider .quick-toggle-arrow { + icon-size: 16px !important; +} + +.quick-slider .icon-button { + background-color: transparent; + color: #84ffff !important; +} + +.quick-slider .icon-button:hover { + background-color: rgba(238, 255, 255, 0.04); +} + +.quick-slider .icon-button:active { + background-color: rgba(238, 255, 255, 0.12); +} + +.quick-toggle-menu { + background-color: #3b3f51 !important; + color: #eeffff !important; + border-radius: 12px !important; + padding: 12px; + margin: 12px 30px 0; + box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2); +} + +.quick-toggle-menu .popup-menu-item { + min-height: 20px; + padding: 6px; + spacing: 6px; + border-radius: 6px !important; + color: #eeffff !important; +} + +.quick-toggle-menu .popup-menu-item:focus, +.quick-toggle-menu .popup-menu-item.hover, +.quick-toggle-menu .popup-menu-item.selected { + color: #eeffff !important; + background-color: rgba(238, 255, 255, 0.1) !important; +} + +.quick-toggle-menu .popup-menu-item:active, +.quick-toggle-menu .popup-menu-item.selected:active { + color: #eeffff !important; + background-color: rgba(238, 255, 255, 0.2) !important; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; +} + +.quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding-bottom: 12px; +} + +.quick-toggle-menu .header .icon { + icon-size: 24px; + border-radius: 6px; + padding: 9px; + background-color: #84ffff !important; + color: rgba(0, 0, 0, 0.87); +} + +.quick-toggle-menu .header .icon.active { + background-color: #84ffff !important; + color: rgba(0, 0, 0, 0.87); +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button { + background-color: rgba(238, 255, 255, 0.12); + color: #84ffff; + border-radius: 6px; + border: 1px solid rgba(238, 255, 255, 0.2); +} + +.quick-settings-system-item .icon-button:hover { + background-color: rgba(234, 232, 255, 0.12); + color: #b4f9f8; + border-radius: 6px; + border: 1px solid rgba(234, 232, 255, 0.2); +} + +.quick-settings-system-item .icon-button > StIcon { + -st-icon-style: symbolic; + icon-size: 16px !important; +} + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; + color: #84ffff; +} + +.quick-settings-system-item .power-item:hover { + min-height: 0; + min-width: 0; + color: #b4f9f8; +} + +.quick-settings-system-item .power-item:insensitive { + color: #84ffff; + background-color: rgba(41, 45, 62, 0.95); + box-shadow: none !important; + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + +/* Screen Shield */ +.unlock-dialog-clock { + color: #eeffff; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: 'tnum'; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(15, 17, 26, 0.95); + color: #eeffff; + border-radius: 12px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container + .unlock-dialog-notification-source.critical { + background-color: #3b3f51; +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: rgba(0, 0, 0, 0.87); + background-color: #e2e9e9; + border-radius: 9999px; + margin-right: 12px; +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +#unlockDialogNotifications StButton#vhandle, +#unlockDialogNotifications StButton#hhandle { + background-color: rgba(35, 38, 55, 0.3); +} + +#unlockDialogNotifications StButton#vhandle:hover, +#unlockDialogNotifications StButton#vhandle:focus, +#unlockDialogNotifications StButton#hhandle:hover, +#unlockDialogNotifications StButton#hhandle:focus { + background-color: rgba(35, 38, 55, 0.5); +} + +#unlockDialogNotifications StButton#vhandle:active, +#unlockDialogNotifications StButton#hhandle:active { + background-color: rgba(226, 233, 233, 0.5); +} + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 6px; +} + +StScrollView StScrollBar { + min-width: 8px; + min-height: 8px; +} + +StScrollBar StBin#trough { + border-radius: 9999px; + background-color: rgba(238, 255, 255, 0.12); +} + +StScrollBar StButton#vhandle, +StScrollBar StButton#hhandle { + border-radius: 9999px; + background-color: rgba(238, 255, 255, 0.5); + border: 4px solid transparent; +} + +StScrollBar StButton#vhandle:hover, +StScrollBar StButton#hhandle:hover { + background-color: rgba(238, 255, 255, 0.7); +} + +StScrollBar StButton#vhandle:active, +StScrollBar StButton#hhandle:active { + background-color: #eeffff; +} + +.popup-sub-menu StScrollBar StBin#trough { + background-color: rgba(0, 0, 0, 0.12); +} + +.popup-sub-menu StScrollBar StButton#vhandle, +.popup-sub-menu StScrollBar StButton#hhandle { + background-color: rgba(0, 0, 0, 0.26); +} + +.popup-sub-menu StScrollBar StButton#vhandle:hover, +.popup-sub-menu StScrollBar StButton#hhandle:hover { + background-color: rgba(0, 0, 0, 0.38); +} + +.popup-sub-menu StScrollBar StButton#vhandle:active, +.popup-sub-menu StScrollBar StButton#hhandle:active { + background-color: rgba(0, 0, 0, 0.6); +} + +.search-entry { + width: 320px; + min-height: 20px; + padding: 6px 12px; + transition-duration: 150ms; + border-radius: 6px; +} + +.search-entry .search-entry-icon { + color: rgba(238, 255, 255, 0.5); + icon-size: 16px; + margin-top: 0; + padding: 0 4px; +} + +.search-entry StLabel.hint-text { + color: rgba(238, 255, 255, 0.5); +} + +.search-entry:hover .search-entry-icon, +.search-entry:focus .search-entry-icon { + color: rgba(238, 255, 255, 0.7); +} + +.search-entry:insensitive StLabel.hint-text, +.search-entry:insensitive .search-entry-icon { + color: rgba(238, 255, 255, 0.3); +} + +.app-folder-dialog .folder-name-container .folder-name-entry, +.login-dialog StEntry, +.unlock-dialog StEntry, +#overview .search-entry { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.04); + border: 2px solid transparent; + box-shadow: none; + caret-color: #eeffff; + selection-background-color: rgba(238, 255, 255, 0.25); + selected-color: #eeffff; +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover, +.login-dialog StEntry:hover, +.unlock-dialog StEntry:hover, +#overview .search-entry:hover { + color: #eeffff; + border-color: rgba(238, 255, 255, 0.35); + background-color: rgba(238, 255, 255, 0.04); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus, +#overview .search-entry:focus { + color: #eeffff; + border-color: #eeffff; + background-color: rgba(238, 255, 255, 0.04); + box-shadow: none; +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, +.login-dialog StEntry .search-entry-icon, +.unlock-dialog StEntry .search-entry-icon, +#overview .search-entry .search-entry-icon { + color: rgba(238, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text, +#overview .search-entry StLabel.hint-text { + color: rgba(238, 255, 255, 0.5); +} + +.app-folder-dialog + .folder-name-container + .folder-name-entry:hover + .search-entry-icon, +.login-dialog StEntry:hover .search-entry-icon, +.unlock-dialog StEntry:hover .search-entry-icon, +.app-folder-dialog + .folder-name-container + .folder-name-entry:focus + .search-entry-icon, +.login-dialog StEntry:focus .search-entry-icon, +.unlock-dialog StEntry:focus .search-entry-icon, +#overview .search-entry:hover .search-entry-icon, +#overview .search-entry:focus .search-entry-icon { + color: rgba(238, 255, 255, 0.7); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive, +#overview .search-entry:insensitive { + background-color: transparent; + color: rgba(238, 255, 255, 0.35); + border-color: transparent; +} + +.app-folder-dialog + .folder-name-container + .folder-name-entry:insensitive + StLabel.hint-text, +.login-dialog StEntry:insensitive StLabel.hint-text, +.unlock-dialog StEntry:insensitive StLabel.hint-text, +.app-folder-dialog + .folder-name-container + .folder-name-entry:insensitive + .search-entry-icon, +.login-dialog StEntry:insensitive .search-entry-icon, +.unlock-dialog StEntry:insensitive .search-entry-icon, +#overview .search-entry:insensitive StLabel.hint-text, +#overview .search-entry:insensitive .search-entry-icon { + color: rgba(238, 255, 255, 0.3); +} + +/* Search */ +.list-search-result, +.search-provider-icon { + border-radius: 6px; + padding: 6px; + transition-duration: 100ms; + text-align: center; +} + +.list-search-result:focus, +.search-provider-icon:focus, +.list-search-result:hover, +.search-provider-icon:hover, +.list-search-result:selected, +.search-provider-icon:selected { + background-color: rgba(238, 255, 255, 0.12); + transition-duration: 200ms; +} + +.list-search-result:active, +.search-provider-icon:active, +.list-search-result:checked, +.search-provider-icon:checked { + background-color: rgba(238, 255, 255, 0.2); +} + +#searchResultsContent { + max-width: 1024px; + spacing: 8px; +} + +.search-section { + spacing: 8px; + background: none; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(238, 255, 255, 0.12); +} + +.search-section-content { + spacing: 8px; + border-radius: 0; + padding: 18px; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: #eeffff; +} + +.search-statustext { + font-size: 2em; + font-weight: bold; + color: rgba(238, 255, 255, 0.5); +} + +.grid-search-results { + spacing: 36px; +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon + .list-search-provider-content + .list-search-provider-details { + width: 120px; + margin-top: 0; + color: #f07178; +} + +.list-search-results { + spacing: 6px; +} + +.list-search-result .list-search-result-content { + spacing: 6px; +} + +.list-search-result .list-search-result-title { + spacing: 12px; +} + +.list-search-result .list-search-result-description { + color: #ff9e64; +} + +/* Slider */ +.slider { + height: 20px; + color: rgba(35, 38, 55, 0.95); + -slider-height: 2px; + -slider-background-color: rgba(238, 255, 255, 0.3); + -slider-border-color: #84ffff; + -slider-active-background-color: #84ffff; + -slider-active-border-color: #84ffff; + -slider-border-width: 2px; + -slider-handle-radius: 7px; + -slider-handle-border-width: 2px; + -slider-handle-border-color: #ff9e64; + -barlevel-height: 2px; + -barlevel-background-color: rgba(238, 255, 255, 0.3); + -barlevel-border-color: transparent; + -barlevel-active-background-color: #84ffff; + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f07178; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list { + background-color: rgba(35, 38, 55, 0.95); + box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.1); +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 15px; + border: 1px solid transparent; +} + +.switcher-list .item-box:outlined { + background-color: #3b3f51; + color: #84ffff; + border-radius: 15px; +} + +.switcher-list .item-box:selected { + background-color: #3b3f51; + color: #84ffff; + border-radius: 15px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 6px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(238, 255, 255, 0.12); +} + +.switcher-list .switcher-list-item-container { + spacing: 12px; +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #84ffff; +} + +.switcher-arrow:highlighted { + color: #84ffff; +} + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; +} + +.cycler-highlight { + border: 5px solid #e2e9e9; +} + +/* Switches */ +.toggle-switch { + width: 40px; + height: 20px; + background-size: contain; + background-image: url('assets/toggle-off-dark.svg'); +} + +.toggle-switch:checked { + background-image: url('assets/toggle-on-dark.svg'); +} + +.popup-sub-menu .toggle-switch { + background-image: url('assets/toggle-off.svg'); +} + +.popup-sub-menu .toggle-switch:checked { + background-image: url('assets/toggle-on.svg'); +} + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(226, 233, 233, 0.3); + border: 1px solid #e2e9e9; + border-radius: 12px; +} + +.tile-preview-left.on-primary { + border-radius: 12px; +} + +.tile-preview-right.on-primary { + border-radius: 12px; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 12px; +} + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 12px; +} + +.workspace-switcher { + background: transparent; + border: none; + border-radius: 0; + padding: 0; + spacing: 12px; +} + +.ws-switcher-box { + background: transparent; + height: 50px; + background-size: 32px; + background: rgba(238, 255, 255, 0.12); + border-radius: 6px; +} + +.ws-switcher-active-up, +.ws-switcher-active-down, +.ws-switcher-active-left, +.ws-switcher-active-right { + height: 52px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + border-radius: 9px; + border: none; +} + +.icon-grid { + row-spacing: 12px; + column-spacing: 12px; + max-row-spacing: 72px; + max-column-spacing: 72px; + page-padding-top: 24px; + page-padding-bottom: 24px; + page-padding-left: 12px; + page-padding-right: 12px; +} + +.page-indicator { + padding: 6px 12px 0; +} + +.page-indicator .page-indicator-icon { + width: 10px; + height: 10px; + border-radius: 10px; + background-color: #eeffff; +} + +.apps-scroll-view { + padding: 0; +} + +.page-navigation-hint { + width: 300px; +} + +.page-navigation-hint.dnd { + background: rgba(238, 255, 255, 0.1); +} + +.page-navigation-hint.next:ltr, +.page-navigation-hint.previous:rtl { + background-gradient-start: rgba(238, 255, 255, 0.05); + background-gradient-end: transparent; + background-gradient-direction: horizontal; + border-radius: 15px 0px 0px 15px; +} + +.page-navigation-hint.previous:ltr, +.page-navigation-hint.next:rtl { + background-gradient-start: transparent; + background-gradient-end: rgba(238, 255, 255, 0.05); + background-gradient-direction: horizontal; + border-radius: 0px 15px 15px 0px; +} + +.page-navigation-arrow > StIcon { + margin: 6px; + padding: 18px; + width: 24px; + height: 24px; + border-radius: 9999px; + color: rgba(238, 255, 255, 0.7); +} + +.page-navigation-arrow:insensitive > StIcon { + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +.page-navigation-arrow:hover > StIcon { + background-color: rgba(238, 255, 255, 0.12); + color: #eeffff; +} + +.page-navigation-arrow:active > StIcon { + background-color: rgba(238, 255, 255, 0.3); + color: #eeffff; +} + +#dash { + margin-top: 12px; + padding: 0 10px; +} + +#dash .placeholder { + background-image: none; + background-size: contain; + height: 32px; +} + +#dash .overview-icon { + padding: 5px; +} + +.dash-background { + background-color: rgba(238, 255, 255, 0.3); + margin-bottom: 16px; + padding: 10px; + border-radius: 16px; + box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.1); +} + +.dash-item-container .app-well-app, +.show-apps { + padding: 10px 2px 26px; +} + +.dash-separator { + width: 1px; + margin: 0 7px 16px; + background-color: rgba(238, 255, 255, 0.12); +} + +.workspace-animation { + background-color: rgba(15, 17, 26, 0.95); +} + +.calendar .calendar-change-month-back, +.calendar .calendar-change-month-forward { + padding: 0 2px; +} + +.controls-manager, +.secondary-monitor-workspaces { + spacing: 12px; +} + +#overviewGroup { + background-color: #090b10; +} + +.osd-window { + spacing: 12px; + padding: 12px 18px; + margin-bottom: 4em; +} + +.osd-window > * { + spacing: 8px; +} + +.osd-window StIcon { + icon-size: 32px; +} + +.osd-window StLabel:ltr { + margin-right: 6px; +} + +.osd-window StLabel:rtl { + margin-left: 6px; +} + +#appMenu { + spacing: 6px; +} + +#appMenu .label-shadow { + color: transparent; +} + +#appMenu .panel-status-menu-box { + padding: 0 6px; + spacing: 6px; +} + +.popup-menu .popup-menu-item { + padding: 6px 12px; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 9px !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 9px !important; +} + +.popup-separator-menu-item { + padding: 0; + margin: 6px 0; +} + +.popup-separator-menu-item:ltr { + margin-right: 4px; +} + +.popup-separator-menu-item:rtl { + margin-left: 4px; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + background-color: rgba(238, 255, 255, 0.12); +} + +.popup-separator-menu-item .popup-menu-ornament { + width: 0 !important; +} + +.popup-sub-menu .popup-separator-menu-item { + background-color: transparent; +} + +.popup-sub-menu .popup-separator-menu-item:ltr { + margin-right: 2.5em; +} + +.popup-sub-menu .popup-separator-menu-item:rtl { + margin-left: 2.5em; +} + +.popup-sub-menu + .popup-separator-menu-item + .popup-separator-menu-item-separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + padding-left: 12px !important; + margin-left: 3px !important; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + padding-right: 12px !important; + margin-right: 3px !important; +} + +.search-entry { + margin-top: 24px; + margin-bottom: 6px; +} + +.icon-label-button-container { + spacing: 6px; +} + +.icon-label-button-container StIcon { + icon-size: 32px; +} + +.screenshot-ui-panel { + border-radius: 33px; + padding: 18px; + padding-bottom: 12px; + margin-bottom: 4em; + spacing: 12px; + border: none; +} + +.screenshot-ui-close-button { + padding: 6px !important; + margin-top: 12px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); +} + +.screenshot-ui-close-button.left { + margin-left: 12px; +} + +.screenshot-ui-close-button.right { + margin-right: 12px; +} + +.screenshot-ui-type-button { + min-width: 48px; + padding: 12px 18px !important; + border-radius: 15px; +} + +.screenshot-ui-capture-button { + width: 36px; + height: 36px; + border-radius: 9999px; + border: 4px #eeffff; + padding: 4px; +} + +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { + background-color: #eeffff; + transition-duration: 200ms; + border-radius: 9999px; +} + +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { + background-color: rgba(238, 255, 255, 0.12); +} + +.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, +.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { + background-color: #d9d9d9; +} + +.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { + background-color: gray; +} + +.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { + background-color: #f28b82; +} + +.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, +.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { + background-color: #f4a099; +} + +.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { + background-color: #ef6d62; +} + +.screenshot-ui-shot-cast-container { + background-color: #292e42; + border-radius: 12px; + padding: 3px; + spacing: 3px; +} + +.screenshot-ui-shot-cast-container:ltr { + margin-left: 3px; +} + +.screenshot-ui-shot-cast-container:rtl { + margin-right: 3px; +} + +.screenshot-ui-shot-cast-button { + padding: 6px 12px; + background-color: transparent; + border-radius: 9px; +} + +.screenshot-ui-shot-cast-button:hover, +.screenshot-ui-shot-cast-button:focus { + background-color: #3b3f51; +} + +.screenshot-ui-shot-cast-button:active { + background-color: rgba(238, 255, 255, 0.3); +} + +.screenshot-ui-shot-cast-button:checked { + background-color: #eeffff; + color: black; +} + +.screenshot-ui-shot-cast-button:insensitive { + color: rgba(238, 255, 255, 0.5); +} + +.screenshot-ui-shot-cast-button StIcon { + icon-size: 16px; +} + +.screenshot-ui-show-pointer-button { + border-radius: 9999px; + padding: 12px !important; +} + +.screenshot-ui-show-pointer-button StIcon { + icon-size: 16px; +} + +.screenshot-ui-area-indicator-shade { + background-color: rgba(0, 0, 0, 0.3); +} + +.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { + border: 2px #eeffff; +} + +.screenshot-ui-area-selector-handle { + border-radius: 9999px; + background-color: #eeffff; + box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); + width: 24px; + height: 24px; +} + +.screenshot-ui-window-selector { + background-color: #232637; +} + +.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { + margin: 100px; +} + +.screenshot-ui-window-selector:primary-monitor + .screenshot-ui-window-selector-window-container { + margin-bottom: 200px; +} + +.screenshot-ui-window-selector-window-border { + transition-duration: 200ms; + border-radius: 12px; + border: 6px transparent; +} + +.screenshot-ui-window-selector-check { + transition-duration: 200ms; + color: transparent; + border-radius: 99px; + border-width: 12px; + icon-size: 24px; +} + +.screenshot-ui-window-selector-window:hover + .screenshot-ui-window-selector-window-border { + border-color: #8da3ca; +} + +.screenshot-ui-window-selector-window:checked + .screenshot-ui-window-selector-window-border { + border-color: #e2e9e9; + background-color: rgba(226, 233, 233, 0.2); +} + +.screenshot-ui-window-selector-window:checked + .screenshot-ui-window-selector-check { + color: rgba(0, 0, 0, 0.87); + background-color: #e2e9e9; +} + +.screenshot-ui-screen-selector { + transition-duration: 200ms; + background-color: rgba(0, 0, 0, 0.5); +} + +.screenshot-ui-screen-selector:hover { + background-color: rgba(0, 0, 0, 0.3); +} + +.screenshot-ui-screen-selector:active { + background-color: rgba(0, 0, 0, 0.7); +} + +.screenshot-ui-screen-selector:checked { + background-color: transparent; + border: 2px #eeffff; +} + +.screenshot-ui-tooltip { + color: #eeffff; + background-color: rgba(15, 17, 26, 0.95); + border-radius: 9999px; + padding: 6px 12px; + text-align: center; + -y-offset: 24px; +} + +.window-picker { + spacing: 6px; +} + +.window-caption { + color: #eeffff; + background-color: rgba(15, 17, 26, 0.95); + border-radius: 9999px; + padding: 6px 12px; +} + +.window-close, +.screenshot-ui-close-button { + background-color: #3b3f51; + color: #eeffff; + border-radius: 21px; + padding: 3px; + height: 30px; + width: 30px; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); + transition-duration: 200ms; +} + +.window-close:hover, +.screenshot-ui-close-button:hover { + color: #eeffff; + background-color: #e2795b; +} + +.window-close:active, +.screenshot-ui-close-button:active { + color: #eeffff; + background-color: #dc6068; +} + +.window-close StIcon, +.screenshot-ui-close-button StIcon { + icon-size: 24px; +} + +.workspace-background { + border-radius: 30px; + background-color: rgba(15, 17, 26, 0.95); + box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); +} + +/* Workspace pager */ +.workspace-thumbnails { + visible-width: 32px; + spacing: 6px; + padding: 6px; +} + +.workspace-thumbnails .workspace-thumbnail { + color: rgba(238, 255, 255, 0.7); + background-color: rgba(238, 255, 255, 0.12); + border: none; + border-radius: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url('assets/dash-placeholder.svg'); + background-size: contain; + width: 18px; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 3px solid #e2e9e9; + border-radius: 6px; + padding: 0; +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .number-overlay { + color: #eeffff; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: rgba(0, 0, 0, 0.87); + background-color: #e2e9e9; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 9999px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.straight-corner #dash, +#dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.straight-corner #dash .dash-background, +#dashtodockContainer.shrink.straight-corner #dash .dash-background { + border-radius: 0; +} + +#dashtodockContainer.extended.top #dash, +#dashtodockContainer.extended.bottom #dash, +#dashtodockContainer.extended.right #dash, +#dashtodockContainer.extended.left #dash { + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + padding: 0 0; +} + +#dashtodockContainer.extended.top #dash .dash-background, +#dashtodockContainer.extended.bottom #dash .dash-background, +#dashtodockContainer.extended.right #dash .dash-background, +#dashtodockContainer.extended.left #dash .dash-background { + border-radius: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; +} + +#dashtodockContainer.left #dash, +#dashtodockContainer.right #dash { + margin-top: 0; + padding: 10px 0; +} + +#dashtodockContainer.left #dash .dash-background, +#dashtodockContainer.right #dash .dash-background { + margin-bottom: 0; +} + +#dashtodockContainer.left .dash-item-container .app-well-app, +#dashtodockContainer.left .show-apps, +#dashtodockContainer.right .dash-item-container .app-well-app, +#dashtodockContainer.right .show-apps { + padding: 6px; +} + +#dashtodockContainer.left #dash { + margin-left: 6px; +} + +#dashtodockContainer.right #dash { + margin-right: 6px; +} + +#dashtodockContainer.dashtodock #dash .dash-background { + background-color: rgba(15, 17, 26, 0.95); +} + +#dashtodockContainer #dash .dash-background { + background-color: rgba(15, 17, 26, 0.95); + box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2); +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: #f07178; +} + +#dashtodockContainer StWidget.focused .app-well-app-running-dot { + background-color: #84ffff !important; +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: #f07178; +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #84ffff !important; +} + +#dashtodockContainer .show-apps .overview-icon, +#dashtodockContainer .app-well-app .overview-icon { + color: rgba(238, 255, 255, 0.7); + border-radius: 15px; +} + +#dashtodockContainer .show-apps:hover .overview-icon, +#dashtodockContainer .show-apps:focus .overview-icon, +#dashtodockContainer .show-apps:selected .overview-icon, +#dashtodockContainer .app-well-app:hover .overview-icon, +#dashtodockContainer .app-well-app:focus .overview-icon, +#dashtodockContainer .app-well-app:selected .overview-icon { + background-color: rgba(238, 255, 255, 0.12); + border-radius: 15px; +} + +#dashtodockContainer .show-apps:active .overview-icon, +#dashtodockContainer .show-apps:checked .overview-icon, +#dashtodockContainer .app-well-app:active .overview-icon, +#dashtodockContainer .app-well-app:checked .overview-icon { + background-color: rgba(238, 255, 255, 0.3); + border-radius: 15px; +} + +#dashtodockContainer:overview #dash .show-apps .overview-icon, +#dashtodockContainer:overview #dash .app-well-app .overview-icon { + color: rgba(238, 255, 255, 0.7); + border-radius: 15px; +} + +#dashtodockContainer:overview #dash .show-apps:hover .overview-icon, +#dashtodockContainer:overview #dash .show-apps:focus .overview-icon, +#dashtodockContainer:overview #dash .show-apps:selected .overview-icon, +#dashtodockContainer:overview #dash .app-well-app:hover .overview-icon, +#dashtodockContainer:overview #dash .app-well-app:focus .overview-icon, +#dashtodockContainer:overview #dash .app-well-app:selected .overview-icon { + background-color: rgba(238, 255, 255, 0.12); +} + +#dashtodockContainer:overview #dash .show-apps:active .overview-icon, +#dashtodockContainer:overview #dash .show-apps:checked .overview-icon, +#dashtodockContainer:overview #dash .app-well-app:active .overview-icon, +#dashtodockContainer:overview #dash .app-well-app:checked .overview-icon { + background-color: rgba(238, 255, 255, 0.3); +} + +#dashtodockContainer.opaque #dash .dash-background { + background-color: rgba(15, 17, 26, 0.95); +} + +#dashtodockContainer.transparent #dash .dash-background { + background-color: rgba(33, 33, 33, 0.35); +} + +#dashtodockContainer:overview #dash .dash-background { + background-color: rgba(35, 38, 55, 0.95); + box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.1); +} + +#dashtodockContainer.opaque:overview #dash .dash-background, +#dashtodockContainer.transparent:overview #dash .dash-background { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash .dash-background, +#dashtodockContainer.opaque.extended:overview #dash .dash-background, +#dashtodockContainer.transparent.extended:overview #dash .dash-background { + background-color: rgba(15, 17, 26, 0.95); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, +#dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, +#dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, +#dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +.openweather-button, +.openweather-button-action, +.openweather-menu-button-container, +.openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + border: 1px solid transparent; +} + +.openweather-current-icon, +.openweather-current-summary, +.openweather-current-summarybox { + background: none; + color: #eeffff; +} + +.openweather-current-databox-values { + background: none; + color: rgba(238, 255, 255, 0.5); +} + +.openweather-current-databox-captions { + background: none; + color: rgba(238, 255, 255, 0.5); +} + +.openweather-forecast-icon, +.openweather-forecast-summary { + background: none; + color: rgba(238, 255, 255, 0.7); +} + +.openweather-forecast-day, +.openweather-forecast-temperature { + background: none; + color: rgba(238, 255, 255, 0.5); +} + +.openweather-sunrise-icon, +.openweather-sunset-icon, +.openweather-build-icon { + color: rgba(238, 255, 255, 0.7); +} + +.popup-sub-menu .openweather-current-icon, +.popup-sub-menu .openweather-current-summary, +.popup-sub-menu .openweather-current-summarybox { + background: none; + color: rgba(0, 0, 0, 0.87); +} + +.popup-sub-menu .openweather-current-databox-values { + color: rgba(0, 0, 0, 0.6); +} + +.popup-sub-menu .openweather-current-databox-captions { + color: rgba(0, 0, 0, 0.6); +} + +.popup-sub-menu .openweather-forecast-icon, +.popup-sub-menu .openweather-forecast-summary { + color: rgba(0, 0, 0, 0.87); +} + +.popup-sub-menu .openweather-forecast-day, +.popup-sub-menu .openweather-forecast-temperature { + color: rgba(0, 0, 0, 0.6); +} + +.popup-sub-menu .openweather-sunrise-icon, +.popup-sub-menu .openweather-sunset-icon, +.popup-sub-menu .openweather-build-icon { + color: rgba(0, 0, 0, 0.87); +} diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/no-events.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/no-events.svg new file mode 120000 index 0000000..d2fcad0 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/no-events.svg @@ -0,0 +1 @@ +assets/no-events.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/no-notifications.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/no-notifications.svg new file mode 120000 index 0000000..175731c --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/no-notifications.svg @@ -0,0 +1 @@ +assets/no-notifications.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/pad-osd.css b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/pad-osd.css new file mode 100644 index 0000000..1760450 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/pad-osd.css @@ -0,0 +1,31 @@ +.Leader { + stroke-width: 0.5 !important; + stroke: #515772; + fill: none !important; +} + +.Button { + stroke-width: 0.25; + stroke: #eeffff; + fill: #eeffff; +} + +.Ring { + stroke-width: 0.5 !important; + stroke: #515772 !important; + fill: none !important; +} + +.Label { + stroke: none !important; + stroke-width: 0.1 !important; + font-size: 0.1 !important; + fill: transparent !important; +} + +.TouchStrip, +.TouchRing { + stroke-width: 0.1 !important; + stroke: #eeffff !important; + fill: #515772 !important; +} diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/process-working.svg b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/process-working.svg new file mode 120000 index 0000000..a6586c3 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gnome-shell/process-working.svg @@ -0,0 +1 @@ +assets/process-working.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-2.0/gtkrc b/dotfiles/.themes/Material-DeepOcean-BL/gtk-2.0/gtkrc new file mode 100644 index 0000000..967e440 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-2.0/gtkrc @@ -0,0 +1,894 @@ +# Oomox GTK Theme (Numix Fork) + +gtk-color-scheme = +"base_color:#0F111A\nbg_color:#0F111A\ntooltip_bg_color:#0F111A\nselected_bg_color:#717CB4\ntext_color:#EEFFFF\nfg_color:#EEFFFF\ntooltip_fg_color:#EEFFFF\nselected_fg_color:#EEFFFF\nmenubar_bg_color:#0F111A\nmenubar_fg_color:#EEFFFF\ntoolbar_bg_color:#0F111A\ntoolbar_fg_color:#EEFFFF\nmenu_bg_color:#0F111A\nmenu_fg_color:#EEFFFF\npanel_bg_color:#0F111A\npanel_fg_color:#EEFFFF\nlink_color:#077fdb\nbtn_bg_color:#232637\nbtn_fg_color:#fafafa\ntitlebar_bg_color:#0F111A\ntitlebar_fg_color:#EEFFFF\nprimary_caret_color:#EEFFFF\nsecondary_caret_color:#EEFFFF\naccent_bg_color:#84FFFF\n" +# Default Style + +style "murrine-default" { + GtkArrow::arrow-scaling= 0.6 + + GtkWidget::cursor_color = @primary_caret_color + GtkWidget::secondary_cursor_color = @secondary_caret_color + GtkWidget::cursor_aspect_ratio = 0.04 + + GtkButton::child-displacement-x = 0 + GtkButton::child-displacement-y = 0 + + GtkButton::default-border = { 0, 0, 0, 0 } + #GtkButton::inner-border = { 2, 2, 1, 1 } + GtkButton::focus-line-width = 1 + #GtkButton::focus-padding = -4 + + GtkButtonBox::child-min-height = 26 + + GtkCheckButton::indicator-size = 16 + + # The following line hints to gecko (and possibly other appliations) + # that the entry should be drawn transparently on the canvas. + # Without this, gecko will fill in the background of the entry. + GtkEntry::honors-transparent-bg-hint = 1 + GtkEntry::state-hint = 0 + + GtkExpander::expander-size = 16 + + GtkImage::x-ayatana-indicator-dynamic = 1 + + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 0 + + GtkMenuBar::internal-padding = 0 + GtkMenuBar::window-dragging = 1 + + GtkMenuItem::arrow-scaling= 0.5 + + GtkPaned::handle-size = 1 + + GtkProgressBar::min-horizontal-bar-height = 12 + GtkProgressBar::min-vertical-bar-width = 12 + + GtkRange::trough-border = 0 + GtkRange::slider-width = 12 + GtkRange::stepper-size = 12 + GtkRange::stepper_spacing = 0 + GtkRange::trough-under-steppers = 1 + + GtkScale::slider-length = 16 + GtkScale::slider-width = 16 + GtkScale::trough-side-details = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::has-secondary-backward-stepper = 0 + GtkScrollbar::has-secondary-forward-stepper = 0 + GtkScrollbar::min-slider-length = 80 + GtkScrollbar::slider-width = 12 + GtkScrollbar::trough-border = 0 + + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkSeparatorMenuItem::horizontal-padding = 0 + + GtkToolbar::internal-padding = 0 + + GtkTreeView::expander-size = 11 + GtkTreeView::vertical-separator = 0 + + GtkWidget::focus-line-width = 1 + # The following line prevents the Firefox tabs + # from jumping a few pixels when you create a new tab + GtkWidget::focus-padding = 0 + + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + + GtkWindow::resize-grip-height = 0 + GtkWindow::resize-grip-width = 0 + + WnckTasklist::fade-overlay-rect = 0 + + GnomeHRef::link_color = @link_color + GtkHTML::link-color = @link_color + GtkIMHtmlr::hyperlink-color = @link_color + GtkIMHtml::hyperlink-color = @link_color + GtkWidget::link-color = @link_color + GtkWidget::visited-link-color = @text_color + + GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified + GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified + + xthickness = 1 + ythickness = 1 + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @fg_color + fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = shade (1.02, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = shade (0.9, @bg_color) + bg[INSENSITIVE] = @bg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = shade (0.95, @base_color) + base[SELECTED] = @selected_bg_color + base[ACTIVE] = @selected_bg_color + base[INSENSITIVE] = shade (0.85, @base_color) + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @selected_fg_color + text[INSENSITIVE] = mix (0.5, @base_color, @text_color) + + engine "murrine" { + animation = FALSE + arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows + border_shades = { 1.0, 1.0 } # gradient to draw on border + border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) } + colorize_scrollbar = FALSE + comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow + contrast = 0.8 # overal contrast with borders + focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow + glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight + glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides + glow_shade = 1.0 # amount of glow + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets + highlight_shade = 1.0 # amount of highlight + lightborder_shade = 1.0 # amount of inset light border + lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides + listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised + listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line + menubaritemstyle = 0 # 0 = menuitem look, 1 = button look + menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped + menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped + menustyle = 0 # 0 = none, 1 = vertical striped + progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped + reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient + roundness = 4 # roundness of widgets + scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles + sliderstyle = 0 # 0 = none, 1 = handles + stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles + toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient + } +} + +style "murrine-wide" { + xthickness = 2 + ythickness = 2 +} + +style "murrine-wider" { + xthickness = 3 + ythickness = 3 +} + +style "murrine-thin" { + xthickness = 0 + ythickness = 0 +} + +# Notebook + +style "clearlooks-notebook-bg" { + bg[NORMAL] = @bg_color + bg[ACTIVE] = shade (0.80, @bg_color) +} + +style "clearlooks-notebook" = "clearlooks-notebook-bg" { + xthickness = 2 + ythickness = 2 + + engine "clearlooks" { + radius = 0.1 + } +} + +# Various Standard Widgets + +style "murrine-button" = "murrine-wider" { + bg[NORMAL] = @btn_bg_color + bg[PRELIGHT] = shade (1.10, @btn_bg_color) + bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color) + bg[ACTIVE] = shade (0.95, @btn_bg_color) + bg[INSENSITIVE] = shade (0.75, @btn_bg_color) + #xthickness = 4 + #ythickness = 4 + + engine "murrine" { + border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) } + roundness = 4 + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } + } +} + +style "murrine-buttonlabel" { + fg[NORMAL] = @btn_fg_color + fg[PRELIGHT] = @btn_fg_color + fg[SELECTED] = @btn_fg_color + fg[ACTIVE] = @btn_fg_color + fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color) + + text[NORMAL] = @btn_fg_color + text[PRELIGHT] = @btn_fg_color + text[SELECTED] = @btn_fg_color + text[ACTIVE] = @btn_fg_color + text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color) + + engine "murrine" { + } +} + +style "murrine-scrollbar" { + bg[NORMAL] = mix (0.21, @fg_color, @bg_color) + bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color) + bg[ACTIVE] = @selected_bg_color + + engine "murrine" { + roundness = 0 + contrast = 0.0 + border_shades = { 0.9, 0.9 } + trough_shades = { 0.97, 0.97 } + trough_border_shades = { 1.0, 1.0 } + } +} + +style "murrine-overlay-scrollbar" { + bg[ACTIVE] = shade (0.8, @bg_color) + bg[INSENSITIVE] = shade (0.97, @bg_color) + + base[SELECTED] = shade (0.6, @bg_color) + base[INSENSITIVE] = shade (0.85, @bg_color) +} + +style "murrine-scale" = "murrine-thin" { + bg[NORMAL] = @btn_bg_color + bg[ACTIVE] = mix(0.2, @fg_color, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color) + + engine "murrine" { + roundness = 8 + #roundness = 4 + gradient_shades = { 1.08, 1.08, 1.08, 1.08 } + #border_shades = { 0.5, 0.5 } + border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) } + #trough_shades = { 1.08, 1.08 } + trough_border_shades = { 0.8, 0.8 } + } +} + +style "murrine-progressbar" = "murrine-thin" { + bg[NORMAL] = @bg_color + bg[ACTIVE] = mix(0.08, @bg_color, @base_color) + + fg[PRELIGHT] = @selected_fg_color + + engine "murrine" { + #roundness = 2 + roundness = 4 + border_shades = { 1.2, 1.2 } + trough_border_shades = { 0.8, 0.8 } + } +} + +style "murrine-treeview-header" = "murrine-button" { + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @fg_color + fg[ACTIVE] = @fg_color + fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color) + engine "murrine" { + roundness = 0 + } +} + +style "murrine-treeview" { + engine "murrine" { + roundness = 0 + } +} + +style "murrine-frame" = "murrine-wide" { + bg[NORMAL] = mix(0.08, @fg_color, @bg_color) +} + +style "murrine-frame-title" { + fg[NORMAL] = lighter (@fg_color) +} + +style "murrine-tooltips" { + xthickness = 5 + ythickness = 5 + + bg[NORMAL] = @tooltip_bg_color + bg[SELECTED] = @tooltip_bg_color + + fg[NORMAL] = @tooltip_fg_color + + engine "murrine" { + textstyle = 0 + roundness = 2 + rgba = FALSE + } +} + +style "murrine-spinbutton" = "murrine-button" { + engine "murrine" { + } +} + +style "clearlooks-radiocheck" = "murrine-default" { + bg[SELECTED] = @base_color + bg[PRELIGHT] = @bg_color + + text[NORMAL] = @accent_bg_color + text[PRELIGHT] = @accent_bg_color + + engine "clearlooks" { + radius = 4.0 + } +} + +style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" { + bg[PRELIGHT] = @bg_color +} + +style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" { + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @fg_color + fg[ACTIVE] = @fg_color + fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) +} + +style "murrine-entry" = "murrine-wider" { + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @text_color + text[ACTIVE] = @text_color + text[INSENSITIVE] = mix (0.5, @base_color, @text_color) + engine "murrine" { + #border_shades = { 1.15, 1.15 } + border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) } + roundness = 4 + } +} + +style "metacity-frame" = "murrine-default" { + bg[SELECTED] = @selected_bg_color +} + +style "murrine-statusbar" { } +style "murrine-comboboxentry" = "murrine-entry" { } +style "murrine-hscale" = "murrine-scale" { } +style "murrine-vscale" = "murrine-scale" { } +style "murrine-hscrollbar" = "murrine-scrollbar" { } +style "murrine-vscrollbar" = "murrine-scrollbar" { } + +# Menus + +style "murrine-menu" = "murrine-thin" { + bg[NORMAL] = @menu_bg_color + bg[PRELIGHT] = @selected_bg_color + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = @menu_bg_color + bg[INSENSITIVE] = @menu_bg_color + + fg[NORMAL] = @menu_fg_color + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) + + text[NORMAL] = @menu_fg_color + text[PRELIGHT] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @selected_fg_color + text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) + + engine "murrine" { + roundness = 0 + } +} + +style "murrine-menu-item" = "murrine-wider" { + bg[PRELIGHT] = @selected_bg_color + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = @selected_bg_color + + fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) + + engine "murrine" { + textstyle = 0 + border_shades = { 1.2, 1.2 } + } +} + +style "murrine-separator-menu-item" = "murrine-thin" { } + +style "murrine-menubar" { + bg[NORMAL] = @menubar_bg_color + bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[ACTIVE] = shade (0.9, @menubar_bg_color) + bg[INSENSITIVE] = @menubar_bg_color + + fg[NORMAL] = @menubar_fg_color + fg[PRELIGHT] = shade (1.08, @menubar_fg_color) + fg[SELECTED] = shade (1.08, @menubar_fg_color) + fg[ACTIVE] = @menubar_fg_color + fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color) + + engine "murrine" { + roundness = 0 + } +} + +style "murrine-menubaritem" { + bg[NORMAL] = @menubar_bg_color + bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[ACTIVE] = shade (0.9, @menubar_bg_color) + bg[INSENSITIVE] = @menubar_bg_color + + fg[NORMAL] = @menubar_fg_color + fg[PRELIGHT] = shade (1.08, @menubar_fg_color) + fg[SELECTED] = shade (1.08, @menubar_fg_color) + fg[ACTIVE] = @menubar_fg_color + fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color) + + engine "murrine" { + roundness = 0 + } +} + +# Toolbars + +style "murrine-toolbar" = "murrine-thin" { + bg[NORMAL] = @toolbar_bg_color + bg[PRELIGHT] = shade (1.02, @toolbar_bg_color) + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = shade (0.9, @toolbar_bg_color) + bg[INSENSITIVE] = @toolbar_bg_color + + fg[NORMAL] = @toolbar_fg_color + fg[PRELIGHT] = @toolbar_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @toolbar_fg_color + fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) + + engine "murrine" { + } +} + +style "murrine-toolbutton" = "murrine-button" { + bg[NORMAL] = shade (1.08, @toolbar_bg_color) + bg[PRELIGHT] = shade (1.10, @toolbar_bg_color) + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = shade (0.95, @toolbar_bg_color) + bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color) + + fg[NORMAL] = @toolbar_fg_color + fg[PRELIGHT] = @toolbar_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @toolbar_fg_color + fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) + + engine "murrine" { + } +} + +style "murrine-toolbutton-label" = "murrine-toolbutton" { + fg[NORMAL] = @toolbar_fg_color + fg[PRELIGHT] = @toolbar_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @toolbar_fg_color + fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) + + engine "murrine" { + } +} + +class "GtkToolbar" style "murrine-toolbar" +class "GtkHandleBox" style "murrine-toolbar" +widget_class "*Toolbar*.*Separator*" style "murrine-toolbar" + +# Panels + +style "murrine-panel" = "murrine-thin" { + xthickness = 2 + + bg[NORMAL] = @panel_bg_color + bg[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color) + bg[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color) + bg[ACTIVE] = shade (0.8, @panel_bg_color) + bg[INSENSITIVE] = @panel_bg_color + + fg[NORMAL] = @panel_fg_color + fg[PRELIGHT] = shade (1.08, @panel_fg_color) + fg[SELECTED] = shade (1.08, @panel_fg_color) + fg[ACTIVE] = @panel_fg_color + fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color) + + base[NORMAL] = @panel_bg_color + base[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color) + base[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color) + base[ACTIVE] = shade (0.9, @panel_bg_color) + base[INSENSITIVE] = @panel_bg_color + + text[NORMAL] = @panel_fg_color + text[PRELIGHT] = shade (1.08, @panel_fg_color) + text[SELECTED] = shade (1.08, @panel_fg_color) + text[ACTIVE] = @panel_fg_color + text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color) + + engine "murrine" { + roundness = 0 + contrast = 0.0 + } +} + +widget "*PanelWidget*" style "murrine-panel" +widget "*PanelApplet*" style "murrine-panel" +widget "*fast-user-switch*" style "murrine-panel" +widget "*CPUFreq*Applet*" style "murrine-panel" +widget "*indicator-applet*" style "murrine-panel" +class "PanelApp*" style "murrine-panel" +class "PanelToplevel*" style "murrine-panel" +widget_class "*PanelToplevel*" style "murrine-panel" +widget_class "*notif*" style "murrine-panel" +widget_class "*Notif*" style "murrine-panel" +widget_class "*Tray*" style "murrine-panel" +widget_class "*tray*" style "murrine-panel" +widget_class "*computertemp*" style "murrine-panel" +widget_class "*Applet*Tomboy*" style "murrine-panel" +widget_class "*Applet*Netstatus*" style "murrine-panel" +widget "*gdm-user-switch-menubar*" style "murrine-panel" + +# LXPanel (code based on Lubuntu-default theme's gtkrc file) +widget "*.tclock.*" style "murrine-panel" +widget "*.taskbar.*" style "murrine-panel" +widget_class "*GtkBgbox*" style "murrine-panel" + +style "bold-panel-item" { + font_name = "Bold" + + engine "murrine" { + roundness = 0 + } +} + +widget "*Panel*MenuBar*" style "bold-panel-item" +widget "*gimmie*" style "bold-panel-item" + +# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug +# class "*Panel*" style "murrine-panel" # Disabled to fix bug + +# XFCE Styles + +style "workspace-switcher" = "murrine-panel" { + bg[ACTIVE] = @selected_bg_color + bg[SELECTED] = @selected_bg_color +} + +style "xfce-header" { + bg[NORMAL] = shade (0.9, @bg_color) + base[NORMAL] = shade (1.18, @bg_color) +} + +style "xfdesktop-windowlist" { + bg[NORMAL] = @base_color + fg[INSENSITIVE] = shade (0.95, @base_color) + text[INSENSITIVE] = shade (0.95, @base_color) +} + +style "xfdesktop-icon-view" { + XfdesktopIconView::label-alpha = 0 + XfdesktopIconView::selected-label-alpha = 60 + XfdesktopIconView::shadow-x-offset = 0 + XfdesktopIconView::shadow-y-offset = 1 + XfdesktopIconView::selected-shadow-x-offset = 0 + XfdesktopIconView::selected-shadow-y-offset = 1 + XfdesktopIconView::shadow-color = @fg_color + XfdesktopIconView::selected-shadow-color = @fg_color + XfdesktopIconView::shadow-blur-radius = 2 + XfdesktopIconView::cell-spacing = 2 + XfdesktopIconView::cell-padding = 6 + XfdesktopIconView::cell-text-width-proportion = 1.9 + + fg[NORMAL] = @bg_color + fg[ACTIVE] = @bg_color + +} + +style "xfwm-tabwin" { + Xfwm4TabwinWidget::border-width = 1 + Xfwm4TabwinWidget::border-alpha = 1.0 + Xfwm4TabwinWidget::icon-size = 64 + Xfwm4TabwinWidget::alpha = 1.0 + Xfwm4TabwinWidget::border-radius = 2 + + bg[NORMAL] = @menu_bg_color + bg[SELECTED] = @menu_bg_color + + fg[NORMAL] = @menu_fg_color + + engine "murrine" { + contrast = 0.0 + border_shades = { 0.9, 0.9 } + } +} + +style "xfwm-tabwin-button" { + font_name = "bold" + + bg[SELECTED] = @selected_bg_color +} + +style "xfsm-logout" { + bg[NORMAL] = @menu_bg_color + bg[ACTIVE] = @menu_bg_color + bg[PRELIGHT] = shade (1.1, @menu_bg_color) + bg[SELECTED] = shade (0.5, @menu_bg_color) + bg[INSENSITIVE] = shade (1.3, @menu_bg_color) + + fg[NORMAL] = @menu_fg_color + fg[PRELIGHT] = @menu_fg_color + + text[NORMAL] = @menu_fg_color + + engine "murrine" { + } +} + +style "xfsm-logout-button" { + bg[NORMAL] = shade (1.2, @menu_bg_color) + bg[PRELIGHT] = shade (1.4, @menu_bg_color) + + engine "murrine" { + } +} + +widget "*Pager*" style "workspace-switcher" + +widget "*Xfce*Panel*" style "murrine-panel" +class "*Xfce*Panel*" style "murrine-panel" + +# Thunar Styles + +style "sidepane" { + base[NORMAL] = @bg_color + base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color)) + bg[NORMAL] = @bg_color + text[NORMAL] = mix (0.9, @fg_color, @bg_color) +} + +widget_class "*ThunarShortcutsView*" style "sidepane" +widget_class "*ThunarTreeView*" style "sidepane" +widget_class "*ThunarLocationEntry*" style "murrine-entry" + +style "whiskermenu" { + bg[NORMAL] = @menu_bg_color + bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[PRELIGHT] = @selected_bg_color + + fg[NORMAL] = @menu_fg_color + fg[ACTIVE] = @menu_fg_color + fg[PRELIGHT] = @menu_fg_color +} + +style "whiskermenu-scrollbar" = "murrine-scrollbar" { + bg[NORMAL] = mix (0.21, @fg_color, @bg_color) + bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color) + bg[ACTIVE] = @selected_bg_color + + engine "murrine" { + trough_shades = { 4.97, 4.97 } + trough_border_shades = { 5.0, 5.0 } + } +} + +widget "whiskermenu-window*" style "whiskermenu" +widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar" + +# Gtk2 Open-File Dialog + +widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane" +widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header" + +# Google Chrome/Chromium Styles (requires 9.0.597 or newer) + +style "chromium-toolbar-button" { + engine "murrine" { + roundness = 2 + textstyle = 0 + } +} + +style "chrome-gtk-frame" { + ChromeGtkFrame::frame-color = @titlebar_bg_color + ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color + + ChromeGtkFrame::frame-gradient-size = 0 + ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color + + ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color + ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color + + ChromeGtkFrame::incognito-frame-gradient-size = 0 + ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color + + ChromeGtkFrame::scrollbar-trough-color = @bg_color + ChromeGtkFrame::scrollbar-slider-normal-color = mix (0.21, @fg_color, @bg_color) + ChromeGtkFrame::scrollbar-slider-prelight-color = mix (0.31, @fg_color, @bg_color) +} + +class "ChromeGtkFrame" style "chrome-gtk-frame" + +widget_class "*Chrom*Button*" style "chromium-toolbar-button" + +# General Styles + +class "GtkWidget" style "murrine-default" + +class "GtkFrame" style "murrine-frame" +class "MetaFrames" style "metacity-frame" +class "GtkWindow" style "metacity-frame" + +class "GtkSeparator" style "murrine-wide" +class "GtkCalendar" style "murrine-wide" + +class "GtkSpinButton" style "murrine-spinbutton" + +class "GtkScale" style "murrine-scale" +class "GtkVScale" style "murrine-vscale" +class "GtkHScale" style "murrine-hscale" +class "GtkScrollbar" style "murrine-scrollbar" +class "GtkVScrollbar" style "murrine-vscrollbar" +class "GtkHScrollbar" style "murrine-hscrollbar" + +class "GtkEntry" style "murrine-entry" + +widget_class "*<GtkNotebook>" style "clearlooks-notebook" +widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg" +widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg" +widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg" +widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook" + +widget_class "*<GtkButton>" style "murrine-button" +widget_class "*<GtkStatusbar>*" style "murrine-statusbar" +widget_class "*<GtkProgress>" style "murrine-progressbar" +widget_class "*<GtkProgressBar>" style "murrine-progressbar" + +widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry" +widget_class "*<GtkCombo>*" style "murrine-comboboxentry" + +widget_class "*<GtkMenu>*" style "murrine-menu" +widget_class "*<GtkMenuItem>*" style "murrine-menu-item" +widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item" +widget_class "*Menu*.*Sepa*" style "murrine-separator-menu-item" +widget_class "*<GtkMenuBar>*" style "murrine-menubar" +widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem" + +widget_class "*GtkToolButton*" style "murrine-toolbutton" +widget_class "*GtkToggleToolButton*" style "murrine-toolbutton" +widget_class "*GtkMenuToolButton*" style "murrine-toolbutton" +widget_class "*GtkToolbar*Button" style "murrine-toolbutton" + +widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title" + +widget_class "*.<GtkTreeView>*" style "murrine-treeview" +widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header" +widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header" +widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header" +widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header" + +widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck" +widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck" +widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck" + +widget "gtk-tooltip*" style "murrine-tooltips" + +widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar" + +# Workarounds and Non-Standard Styling + +style "text-is-fg-color-workaround" { + text[NORMAL] = @text_color + text[PRELIGHT] = @fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @fg_color + text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) +} + +widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround" + +style "fg-is-text-color-workaround" { + fg[NORMAL] = @text_color + fg[PRELIGHT] = @text_color + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = darker (@fg_color) +} + +widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround" +widget_class "*<GtkCList>" style "fg-is-text-color-workaround" +widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround" + +style "murrine-evo-new-button-workaround" { + engine "murrine" { + toolbarstyle = 0 + } +} + +widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround" + +style "inkscape-toolbar-fix" { + engine "murrine" { + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } + highlight_shade = 1.0 + } +} + +#widget "*GtkHandleBox*" style "inkscape-toolbar-fix" +#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix" +#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix" + +# Performance Fixes + +style "performance-fix" { + engine "murrine" { + textstyle = 0 + } +} + +widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape +widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp +widget_class "*GimpToolbox*" style "performance-fix" +widget_class "*GimpMenuDock*" style "performance-fix" +widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice +widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.) + +widget_class "*XfceHeading*" style "xfce-header" +widget_class "*XfceDesktop*" style "xfdesktop-windowlist" +widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view" +widget "xfwm4-tabwin*" style "xfwm-tabwin" +widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button" +widget_class "*XfsmLogoutDialog*" style "xfsm-logout" +widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button" + +# button fg workarounds: +widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel" +widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel" +widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label" +widget_class "*<GtkComboBoxText>*" style "murrine-buttonlabel" +widget_class "*<GtkComboBoxText>*<GtkToggleButton>*" style "murrine-buttonlabel" +widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry" +widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label" diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-2.0/gtkrc.hidpi b/dotfiles/.themes/Material-DeepOcean-BL/gtk-2.0/gtkrc.hidpi new file mode 100644 index 0000000..9f4f8b7 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-2.0/gtkrc.hidpi @@ -0,0 +1,995 @@ +# Oomox GTK Theme (Numix Fork) + +gtk-color-scheme = +"base_color:#0F111A\nbg_color:#0F111A\ntooltip_bg_color:#0F111A\nselected_bg_color:#717CB4\ntext_color:#EEFFFF\nfg_color:#EEFFFF\ntooltip_fg_color:#EEFFFF\nselected_fg_color:#EEFFFF\nmenubar_bg_color:#0F111A\nmenubar_fg_color:#EEFFFF\ntoolbar_bg_color:#0F111A\ntoolbar_fg_color:#EEFFFF\nmenu_bg_color:#0F111A\nmenu_fg_color:#EEFFFF\npanel_bg_color:#0F111A\npanel_fg_color:#EEFFFF\nlink_color:#077fdb\nbtn_bg_color:#232637\nbtn_fg_color:#fafafa\ntitlebar_bg_color:#0F111A\ntitlebar_fg_color:#EEFFFF\nprimary_caret_color:#EEFFFF\nsecondary_caret_color:#EEFFFF\naccent_bg_color:#84FFFF\n" +# Default Style + +style "murrine-default" { + GtkArrow::arrow-scaling= 1.0 + + GtkButton::child-displacement-x = 0 + GtkButton::child-displacement-y = 0 + + #GtkButton::default-border = { 0, 0, 0, 0 } + GtkButton::inner-border = { 0, 0, 1, 0 } + GtkButton::focus-line-width = 2 + #GtkButton::focus-padding = 4 + GtkButton::focus-padding = 2 + #GtkButton::interior-focus = 1 + + GtkEntry::inner-border = { 4, 4, 5, 4 } + GtkComboBox::inner-border = { 4, 4, 6, 5 } + GtkComboBoxText::inner-border = { 4, 4, 6, 5 } + + #GtkButtonBox::child-min-height = 52 + + GtkCheckButton::indicator-size = 30 + + # The following line hints to gecko (and possibly other appliations) + # that the entry should be drawn transparently on the canvas. + # Without this, gecko will fill in the background of the entry. + GtkEntry::honors-transparent-bg-hint = 1 + GtkEntry::state-hint = 0 + + GtkExpander::expander-size = 30 + + GtkImage::x-ayatana-indicator-dynamic = 1 + + GtkMenu::horizontal-padding = 2 + GtkMenu::vertical-padding = 2 + + GtkMenuBar::internal-padding = 1 + GtkMenuBar::window-dragging = 1 + + GtkMenuItem::arrow-scaling= 0.5 + + GtkPaned::handle-size = 1 + + GtkProgressBar::min-horizontal-bar-height = 14 + GtkProgressBar::min-vertical-bar-width = 14 + + GtkRange::trough-border = 0 + GtkRange::slider-width = 24 + GtkRange::stepper-size = 24 + GtkRange::stepper_spacing = 0 + GtkRange::trough-under-steppers = 1 + + GtkScale::slider-length = 30 + GtkScale::slider-width = 30 + GtkScale::trough-side-details = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::has-secondary-backward-stepper = 0 + GtkScrollbar::has-secondary-forward-stepper = 0 + GtkScrollbar::min-slider-length = 160 + GtkScrollbar::slider-width = 24 + GtkScrollbar::trough-border = 0 + + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkSeparatorMenuItem::horizontal-padding = 0 + + GtkToolbar::internal-padding = 0 + + GtkTreeView::expander-size = 22 + GtkTreeView::vertical-separator = 0 + + GtkWidget::focus-line-width = 2 + # The following line prevents the Firefox tabs + # from jumping a few pixels when you create a new tab + GtkWidget::focus-padding = 0 + + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 2 + GtkWidget::separator-height = 2 + + GtkWindow::resize-grip-height = 2 + GtkWindow::resize-grip-width = 2 + + WnckTasklist::fade-overlay-rect = 0 + + GnomeHRef::link_color = @link_color + GtkHTML::link-color = @link_color + GtkIMHtmlr::hyperlink-color = @link_color + GtkIMHtml::hyperlink-color = @link_color + GtkWidget::link-color = @link_color + GtkWidget::visited-link-color = @text_color + + GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified + GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified + + xthickness = 2 + ythickness = 2 + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @fg_color + fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = shade (1.02, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = shade (0.9, @bg_color) + bg[INSENSITIVE] = @bg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = shade (0.95, @base_color) + base[SELECTED] = @selected_bg_color + base[ACTIVE] = @selected_bg_color + base[INSENSITIVE] = shade (0.85, @base_color) + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @selected_fg_color + text[INSENSITIVE] = mix (0.5, @base_color, @text_color) + + engine "murrine" { + animation = FALSE + arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows + border_shades = { 1.0, 1.0 } # gradient to draw on border + border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) } + colorize_scrollbar = FALSE + comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow + contrast = 0.8 # overal contrast with borders + focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow + glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight + glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides + glow_shade = 1.0 # amount of glow + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets + highlight_shade = 1.0 # amount of highlight + lightborder_shade = 1.0 # amount of inset light border + lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides + listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised + listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line + menubaritemstyle = 0 # 0 = menuitem look, 1 = button look + menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped + menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped + menustyle = 0 # 0 = none, 1 = vertical striped + progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped + reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient + roundness = 8# roundness of widgets + scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles + sliderstyle = 0 # 0 = none, 1 = handles + stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles + toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient + } +} + +style "murrine-wide" { + xthickness = 6 + ythickness = 6 +} + +style "murrine-wider" { + xthickness = 10 + ythickness = 10 +} + +style "murrine-thin" { + xthickness = 1 + ythickness = 1 +} + +# Notebook + +style "clearlooks-notebook-bg" { + bg[NORMAL] = @bg_color + bg[ACTIVE] = shade (0.80, @bg_color) +} + +style "clearlooks-notebook" = "clearlooks-notebook-bg" { + xthickness = 8 + ythickness = 4 + + engine "clearlooks" { + radius = 0.1 + } +} + +# Various Standard Widgets + +style "murrine-button" = "murrine-wider" { + bg[NORMAL] = @btn_bg_color + bg[PRELIGHT] = shade (1.04, @btn_bg_color) + bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color) + bg[ACTIVE] = shade (0.95, @btn_bg_color) + bg[INSENSITIVE] = shade (0.75, @btn_bg_color) + xthickness = 10 + ythickness = 10 + #xthickness = 5 + #ythickness = 5 + + engine "murrine" { + border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) } + roundness = 8 + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } + } +} + +style "murrine-buttonlabel" { + fg[NORMAL] = @btn_fg_color + fg[PRELIGHT] = @btn_fg_color + fg[SELECTED] = @btn_fg_color + fg[ACTIVE] = @btn_fg_color + fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color) + + text[NORMAL] = @btn_fg_color + text[PRELIGHT] = @btn_fg_color + text[SELECTED] = @btn_fg_color + text[ACTIVE] = @btn_fg_color + text[INSENSITIVE] = @btn_fg_color + text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color) + + engine "murrine" { + } +} + +style "murrine-comboboxtext" = "murrine-buttonlabel" { + xthickness = 10 + ythickness = 10 +} + +style "murrine-togglebutton" = "murrine-buttonlabel" { + xthickness = 10 + ythickness = 10 +} + +style "murrine-radiocheck" = "murrine-togglebutton" { + text[NORMAL] = @accent_bg_color + text[PRELIGHT] = @accent_bg_color +} + +style "murrine-scrollbar" { + bg[NORMAL] = mix (0.21, @fg_color, @bg_color) + bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color) + bg[ACTIVE] = @selected_bg_color + + engine "murrine" { + roundness = 8 + contrast = 0.0 + border_shades = { 0.9, 0.9 } + trough_shades = { 0.97, 0.97 } + trough_border_shades = { 1.0, 1.0 } + } +} + +style "murrine-overlay-scrollbar" { + bg[ACTIVE] = shade (0.8, @bg_color) + bg[INSENSITIVE] = shade (0.97, @bg_color) + + base[SELECTED] = shade (0.6, @bg_color) + base[INSENSITIVE] = shade (0.85, @bg_color) +} + +style "murrine-scale" = "murrine-thin" { + bg[NORMAL] = @btn_bg_color + bg[ACTIVE] = mix(0.2, @fg_color, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color) + + engine "murrine" { + roundness = 25 + #roundness = 8 + gradient_shades = { 1.08, 1.08, 1.08, 1.08 } + #border_shades = { 0.5, 0.5 } + border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) } + #trough_shades = { 1.08, 1.08 } + trough_border_shades = { 0.8, 0.8 } + } +} + +style "murrine-progressbar" = "murrine-thin" { + bg[NORMAL] = @bg_color + bg[ACTIVE] = mix(0.08, @bg_color, @base_color) + + fg[PRELIGHT] = @selected_fg_color + + engine "murrine" { + roundness = 8 + border_shades = { 1.2, 1.2 } + trough_border_shades = { 0.8, 0.8 } + } +} + +style "murrine-treeview-header" = "murrine-button" { + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @fg_color + fg[ACTIVE] = @fg_color + fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color) + engine "murrine" { + roundness = 0 + } +} + +style "murrine-treeview" { + engine "murrine" { + roundness = 0 + } +} + +style "murrine-frame" = "murrine-wide" { + bg[NORMAL] = mix(0.08, @fg_color, @bg_color) +} + +style "murrine-frame-title" { + fg[NORMAL] = lighter (@fg_color) +} + +style "murrine-tooltips" { + xthickness = 10 + ythickness = 10 + + bg[NORMAL] = @tooltip_bg_color + bg[SELECTED] = @tooltip_bg_color + + fg[NORMAL] = @tooltip_fg_color + + engine "murrine" { + textstyle = 0 + roundness = 8 + rgba = FALSE + } +} + +style "murrine-spinbutton" = "murrine-button" { + xthickness = 10 + ythickness = 10 + engine "murrine" { + } +} + +style "clearlooks-radiocheck" = "murrine-default" { + bg[SELECTED] = @base_color + bg[PRELIGHT] = @bg_color + + text[NORMAL] = @accent_bg_color + text[PRELIGHT] = @accent_bg_color + + engine "clearlooks" { + radius = 8.0 + } +} + +style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" { + bg[PRELIGHT] = @bg_color +} + +style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" { + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @fg_color + fg[ACTIVE] = @fg_color + fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) +} + +style "murrine-entry" = "murrine-wider" { + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @text_color + text[ACTIVE] = @text_color + text[INSENSITIVE] = mix (0.5, @base_color, @text_color) + + xthickness = 10 + ythickness = 10 + engine "murrine" { + #border_shades = { 1.15, 1.15 } + border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) } + roundness = 8 + } +} + +style "metacity-frame" = "murrine-default" { + bg[SELECTED] = @selected_bg_color +} + +style "murrine-statusbar" { } +style "murrine-comboboxentry" = "murrine-entry" { } +style "murrine-hscale" = "murrine-scale" { } +style "murrine-vscale" = "murrine-scale" { } +style "murrine-hscrollbar" = "murrine-scrollbar" { } +style "murrine-vscrollbar" = "murrine-scrollbar" { } + +# Menus + +style "murrine-menu" = "murrine-thin" { + bg[NORMAL] = @menu_bg_color + bg[PRELIGHT] = @selected_bg_color + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = @menu_bg_color + bg[INSENSITIVE] = @menu_bg_color + + fg[NORMAL] = @menu_fg_color + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) + + text[NORMAL] = @menu_fg_color + text[PRELIGHT] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @selected_fg_color + text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) + + engine "murrine" { + roundness = 0 + } +} + +style "murrine-menu-item" = "murrine-wider" { + bg[PRELIGHT] = @selected_bg_color + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = @selected_bg_color + + fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text + fg[PRELIGHT] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color) + + engine "murrine" { + textstyle = 0 + border_shades = { 1.2, 1.2 } + } +} + +style "murrine-separator-menu-item" = "murrine-thin" { } + +style "murrine-menubar" { + bg[NORMAL] = @menubar_bg_color + bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[ACTIVE] = shade (0.9, @menubar_bg_color) + bg[INSENSITIVE] = @menubar_bg_color + + fg[NORMAL] = @menubar_fg_color + fg[PRELIGHT] = shade (1.08, @menubar_fg_color) + fg[SELECTED] = shade (1.08, @menubar_fg_color) + fg[ACTIVE] = @menubar_fg_color + fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color) + + engine "murrine" { + roundness = 0 + } +} + +style "murrine-menubaritem" { + bg[NORMAL] = @menubar_bg_color + bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[ACTIVE] = shade (0.9, @menubar_bg_color) + bg[INSENSITIVE] = @menubar_bg_color + + fg[NORMAL] = @menubar_fg_color + fg[PRELIGHT] = shade (1.08, @menubar_fg_color) + fg[SELECTED] = shade (1.08, @menubar_fg_color) + fg[ACTIVE] = @menubar_fg_color + fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color) + + engine "murrine" { + roundness = 0 + } +} + +# Toolbars + +style "murrine-toolbar" = "murrine-thin" { + bg[NORMAL] = @toolbar_bg_color + bg[PRELIGHT] = shade (1.02, @toolbar_bg_color) + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = shade (0.9, @toolbar_bg_color) + bg[INSENSITIVE] = @toolbar_bg_color + + fg[NORMAL] = @toolbar_fg_color + fg[PRELIGHT] = @toolbar_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @toolbar_fg_color + fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) + + engine "murrine" { + } +} + +style "murrine-toolbutton" = "murrine-button" { + bg[NORMAL] = shade (1.08, @toolbar_bg_color) + bg[PRELIGHT] = shade (1.10, @toolbar_bg_color) + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = shade (0.95, @toolbar_bg_color) + bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color) + + fg[NORMAL] = @toolbar_fg_color + fg[PRELIGHT] = @toolbar_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @toolbar_fg_color + fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) + + engine "murrine" { + } +} + +style "murrine-toolbutton-label" = "murrine-toolbutton" { + fg[NORMAL] = @toolbar_fg_color + fg[PRELIGHT] = @toolbar_fg_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @toolbar_fg_color + fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color) + + engine "murrine" { + } +} + +class "GtkToolbar" style "murrine-toolbar" +class "GtkHandleBox" style "murrine-toolbar" +widget_class "*Toolbar*.*Separator*" style "murrine-toolbar" + +# Panels + +style "murrine-panel" = "murrine-thin" { + xthickness = 2 + + bg[NORMAL] = @panel_bg_color + bg[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color) + bg[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color) + bg[ACTIVE] = shade (0.8, @panel_bg_color) + bg[INSENSITIVE] = @panel_bg_color + + fg[NORMAL] = @panel_fg_color + fg[PRELIGHT] = shade (1.08, @panel_fg_color) + fg[SELECTED] = shade (1.08, @panel_fg_color) + fg[ACTIVE] = @panel_fg_color + fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color) + + base[NORMAL] = @panel_bg_color + base[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color) + base[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color) + base[ACTIVE] = shade (0.9, @panel_bg_color) + base[INSENSITIVE] = @panel_bg_color + + text[NORMAL] = @panel_fg_color + text[PRELIGHT] = shade (1.08, @panel_fg_color) + text[SELECTED] = shade (1.08, @panel_fg_color) + text[ACTIVE] = @panel_fg_color + text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color) + + engine "murrine" { + roundness = 0 + contrast = 0.0 + } +} + +widget "*PanelWidget*" style "murrine-panel" +widget "*PanelApplet*" style "murrine-panel" +widget "*fast-user-switch*" style "murrine-panel" +widget "*CPUFreq*Applet*" style "murrine-panel" +widget "*indicator-applet*" style "murrine-panel" +class "PanelApp*" style "murrine-panel" +class "PanelToplevel*" style "murrine-panel" +widget_class "*PanelToplevel*" style "murrine-panel" +widget_class "*notif*" style "murrine-panel" +widget_class "*Notif*" style "murrine-panel" +widget_class "*Tray*" style "murrine-panel" +widget_class "*tray*" style "murrine-panel" +widget_class "*computertemp*" style "murrine-panel" +widget_class "*Applet*Tomboy*" style "murrine-panel" +widget_class "*Applet*Netstatus*" style "murrine-panel" +widget "*gdm-user-switch-menubar*" style "murrine-panel" + +# LXPanel (code based on Lubuntu-default theme's gtkrc file) +widget "*.tclock.*" style "murrine-panel" +widget "*.taskbar.*" style "murrine-panel" +widget_class "*GtkBgbox*" style "murrine-panel" + +style "bold-panel-item" { + font_name = "Bold" + + engine "murrine" { + roundness = 0 + } +} + +widget "*Panel*MenuBar*" style "bold-panel-item" +widget "*gimmie*" style "bold-panel-item" + +# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug +# class "*Panel*" style "murrine-panel" # Disabled to fix bug + +# XFCE Styles + +style "workspace-switcher" = "murrine-panel" { + bg[ACTIVE] = @selected_bg_color + bg[SELECTED] = @selected_bg_color +} + +style "xfce-header" { + bg[NORMAL] = shade (0.9, @bg_color) + base[NORMAL] = shade (1.18, @bg_color) +} + +style "xfdesktop-windowlist" { + bg[NORMAL] = @base_color + fg[INSENSITIVE] = shade (0.95, @base_color) + text[INSENSITIVE] = shade (0.95, @base_color) +} + +style "xfdesktop-icon-view" { + XfdesktopIconView::label-alpha = 0 + XfdesktopIconView::selected-label-alpha = 60 + XfdesktopIconView::shadow-x-offset = 0 + XfdesktopIconView::shadow-y-offset = 1 + XfdesktopIconView::selected-shadow-x-offset = 0 + XfdesktopIconView::selected-shadow-y-offset = 1 + XfdesktopIconView::shadow-color = @fg_color + XfdesktopIconView::selected-shadow-color = @fg_color + XfdesktopIconView::shadow-blur-radius = 2 + XfdesktopIconView::cell-spacing = 2 + XfdesktopIconView::cell-padding = 6 + XfdesktopIconView::cell-text-width-proportion = 1.9 + + fg[NORMAL] = @bg_color + fg[ACTIVE] = @bg_color + +} + +style "xfwm-tabwin" { + Xfwm4TabwinWidget::border-width = 1 + Xfwm4TabwinWidget::border-alpha = 1.0 + Xfwm4TabwinWidget::icon-size = 64 + Xfwm4TabwinWidget::alpha = 1.0 + Xfwm4TabwinWidget::border-radius = 2 + + bg[NORMAL] = @menu_bg_color + bg[SELECTED] = @menu_bg_color + + fg[NORMAL] = @menu_fg_color + + engine "murrine" { + contrast = 0.0 + border_shades = { 0.9, 0.9 } + } +} + +style "xfwm-tabwin-button" { + font_name = "bold" + + bg[SELECTED] = @selected_bg_color +} + +style "xfsm-logout" { + bg[NORMAL] = @menu_bg_color + bg[ACTIVE] = @menu_bg_color + bg[PRELIGHT] = shade (1.1, @menu_bg_color) + bg[SELECTED] = shade (0.5, @menu_bg_color) + bg[INSENSITIVE] = shade (1.3, @menu_bg_color) + + fg[NORMAL] = @menu_fg_color + fg[PRELIGHT] = @menu_fg_color + + text[NORMAL] = @menu_fg_color + + engine "murrine" { + } +} + +style "xfsm-logout-button" { + bg[NORMAL] = shade (1.2, @menu_bg_color) + bg[PRELIGHT] = shade (1.4, @menu_bg_color) + + engine "murrine" { + } +} + +widget "*Pager*" style "workspace-switcher" + +widget "*Xfce*Panel*" style "murrine-panel" +class "*Xfce*Panel*" style "murrine-panel" + +# Thunar Styles + +style "sidepane" { + base[NORMAL] = @bg_color + base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color)) + bg[NORMAL] = @bg_color + text[NORMAL] = mix (0.9, @fg_color, @bg_color) +} + +widget_class "*ThunarShortcutsView*" style "sidepane" +widget_class "*ThunarTreeView*" style "sidepane" +widget_class "*ThunarLocationEntry*" style "murrine-entry" + +style "whiskermenu" { + bg[NORMAL] = @menu_bg_color + bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color) + bg[PRELIGHT] = @selected_bg_color + + fg[NORMAL] = @menu_fg_color + fg[ACTIVE] = @menu_fg_color + fg[PRELIGHT] = @menu_fg_color +} + +style "whiskermenu-scrollbar" = "murrine-scrollbar" { + bg[NORMAL] = mix (0.21, @fg_color, @bg_color) + bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color) + bg[ACTIVE] = @selected_bg_color + + engine "murrine" { + trough_shades = { 4.97, 4.97 } + trough_border_shades = { 5.0, 5.0 } + } +} + +widget "whiskermenu-window*" style "whiskermenu" +widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar" + +# Gtk2 Open-File Dialog + +widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane" +widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header" + +# Google Chrome/Chromium Styles (requires 9.0.597 or newer) + +style "chromium-toolbar-button" { + engine "murrine" { + roundness = 8 + textstyle = 0 + } +} + +style "chrome-gtk-frame" { + ChromeGtkFrame::frame-color = @titlebar_bg_color + ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color + + ChromeGtkFrame::frame-gradient-size = 0 + ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color + + ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color + ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color + + ChromeGtkFrame::incognito-frame-gradient-size = 0 + ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color + + ChromeGtkFrame::scrollbar-trough-color = @bg_color + ChromeGtkFrame::scrollbar-slider-normal-color = mix (0.21, @fg_color, @bg_color) + ChromeGtkFrame::scrollbar-slider-prelight-color = mix (0.31, @fg_color, @bg_color) +} + +class "ChromeGtkFrame" style "chrome-gtk-frame" + +widget_class "*Chrom*Button*" style "chromium-toolbar-button" + +# General Styles + +class "GtkWidget" style "murrine-default" + +class "GtkFrame" style "murrine-frame" +class "MetaFrames" style "metacity-frame" +class "GtkWindow" style "metacity-frame" + +class "GtkSeparator" style "murrine-wide" +class "GtkCalendar" style "murrine-wide" + +class "GtkSpinButton" style "murrine-spinbutton" + +class "GtkScale" style "murrine-scale" +class "GtkVScale" style "murrine-vscale" +class "GtkHScale" style "murrine-hscale" +class "GtkScrollbar" style "murrine-scrollbar" +class "GtkVScrollbar" style "murrine-vscrollbar" +class "GtkHScrollbar" style "murrine-hscrollbar" + +class "GtkEntry" style "murrine-entry" + +widget_class "*<GtkNotebook>" style "clearlooks-notebook" +widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg" +widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg" +widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg" +widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook" + +widget_class "*<GtkButton>" style "murrine-button" +widget_class "*<GtkStatusbar>*" style "murrine-statusbar" +widget_class "*<GtkProgress>" style "murrine-progressbar" +widget_class "*<GtkProgressBar>" style "murrine-progressbar" + +widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry" +widget_class "*<GtkCombo>*" style "murrine-comboboxentry" + +widget_class "*<GtkMenu>*" style "murrine-menu" +widget_class "*<GtkMenuItem>*" style "murrine-menu-item" +widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item" +widget_class "*Menu*.*Sepa*" style "murrine-separator-menu-item" +widget_class "*<GtkMenuBar>*" style "murrine-menubar" +widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem" + +widget_class "*GtkToolButton*" style "murrine-toolbutton" +widget_class "*GtkToggleToolButton*" style "murrine-toolbutton" +widget_class "*GtkMenuToolButton*" style "murrine-toolbutton" +widget_class "*GtkToolbar*Button" style "murrine-toolbutton" + +widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title" + +widget_class "*.<GtkTreeView>*" style "murrine-treeview" +widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header" +widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header" +widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header" +widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header" + +widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck" +widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck" +widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck" + +widget "gtk-tooltip*" style "murrine-tooltips" + +widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar" + +# Workarounds and Non-Standard Styling + +style "text-is-fg-color-workaround" { + text[NORMAL] = @text_color + text[PRELIGHT] = @fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @fg_color + text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color) +} + +widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround" + +style "fg-is-text-color-workaround" { + fg[NORMAL] = @text_color + fg[PRELIGHT] = @text_color + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = darker (@fg_color) +} + +widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround" +widget_class "*<GtkCList>" style "fg-is-text-color-workaround" +widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround" + +style "murrine-evo-new-button-workaround" { + engine "murrine" { + toolbarstyle = 0 + } +} + +widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround" + +style "inkscape-toolbar-fix" { + engine "murrine" { + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } + highlight_shade = 1.0 + } +} + +#widget "*GtkHandleBox*" style "inkscape-toolbar-fix" +#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix" +#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix" +widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix" + + + + +style "gimp-default-style" { +# Uncommenting this line allows to set a different (smaller) font for GIMP. +# +# font_name = "sans 8" +# Enabling the following line for some reason breaks toolbox resize +# increment calculation. You can enable it to get an even smaller GUI +# but need to restart GIMP after the theme change. +# +# GtkWidget::focus-padding = 0 + GtkOptionMenu::indicator-size = { 15, 25 } + GtkOptionMenu::indicator-spacing = { 10, 8, 4, 4 } + GtkPaned::handle-size = 5 + GimpDockWindow::default-height = 600 + GimpDock::font-scale = 1.0 + GimpMenuDock::minimal-width = 400 + GimpToolPalette::tool-icon-size = large-toolbar + GimpToolPalette::button-relief = none + GimpDockbook::tab-border = 0 + GimpDockbook::tab-icon-size = button + GimpColorNotebook::tab-border = 0 + GimpColorNotebook::tab-icon-size = button + GimpDeviceEditor::handle-size = 30 + GimpDockable::content-border = 1 + GimpEditor::content-spacing = 1 + GimpEditor::button-spacing = 1 + GimpEditor::button-icon-size = button + GimpDataEditor::minimal-height = 150 + GimpFrame::label-spacing = 5 + GtkDialog::content-area-border = 2 + GtkDialog::button-spacing = 20 + GtkDialog::action-area-border = 25 + GimpUnitComboBox::appears-as-list = 0 +} + +class "GtkWidget" style "gimp-default-style" +style "gimp-tool-dialog-style" = "gimp-default-style" +{ + GtkDialog::action-area-border = 6 +} +class "GimpToolDialog" style "gimp-tool-dialog-style" +style "gimp-grid-view-style" = "gimp-default-style" +{ + bg[NORMAL] = { 1.0, 1.0, 1.0 } +} +widget "*GimpContainerGridView*GtkViewport*" style "gimp-grid-view-style" +style "gimp-dockable-style" = "gimp-default-style" +{ + GimpFrame::label-bold = 0 + GtkButton::focus-line_width = 1 + GtkButton::focus-padding = 0 +} +widget "*GimpDockable.*" style "gimp-dockable-style" +style "gimp-display-style" = "gimp-default-style" +{ + GimpRuler::font-scale = 1.0 + GimpUnitComboBox::label-scale = 1.0 + GimpScaleComboBox::label-scale = 1.0 + GtkComboBox::arrow-size = 20 + GtkButton::inner-border = { 0, 0, 0, 0 } + GtkButton::focus-line-width = 0 + GtkButton::focus-padding = 0 +} +widget "*GimpDisplayShell.*" style "gimp-display-style" +style "gimp-overlay-style" = "gimp-display-style" +{ + GtkButton::focus-line_width = 2 +} +widget_class "*<GimpOverlayFrame>*" style "gimp-overlay-style" + + + + +# Performance Fixes + +style "performance-fix" { + engine "murrine" { + textstyle = 0 + } +} + +widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape +widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp +widget_class "*GimpToolbox*" style "performance-fix" +widget_class "*GimpMenuDock*" style "performance-fix" +widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice +widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.) + +widget_class "*XfceHeading*" style "xfce-header" +widget_class "*XfceDesktop*" style "xfdesktop-windowlist" +widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view" +widget "xfwm4-tabwin*" style "xfwm-tabwin" +widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button" +widget_class "*XfsmLogoutDialog*" style "xfsm-logout" +widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button" + + +# button fg workarounds: +widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel" +widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel" +widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label" +widget_class "*<GtkComboBoxText>*" style "murrine-comboboxtext" +widget_class "*<GtkToggleButton>*" style "murrine-togglebutton" +widget_class "*.<GtkCheckButton>" style "murrine-radiocheck" +widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry" +widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label" diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/check-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/check-symbolic.svg new file mode 100644 index 0000000..f2fc5ef --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/check-symbolic.svg @@ -0,0 +1,45 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="20" + height="20" + version="1.1" + viewBox="0 0 20 20" + id="svg17087" + sodipodi:docname="check-symbolic.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17091" /> + <sodipodi:namedview + id="namedview17089" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="true" + inkscape:zoom="19.67" + inkscape:cx="-1.6522623" + inkscape:cy="11.006609" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17087"> + <inkscape:grid + type="xygrid" + id="grid17464" + originx="0" + originy="0" /> + </sodipodi:namedview> + <path + d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z" + id="path17085" + sodipodi:nodetypes="ccccccc" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/check-symbolic@2.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/check-symbolic@2.svg new file mode 100644 index 0000000..464c67e --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/check-symbolic@2.svg @@ -0,0 +1,46 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="40" + version="1.1" + viewBox="0 0 40 40" + id="svg17087" + sodipodi:docname="check-symbolic@2.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17091" /> + <sodipodi:namedview + id="namedview17089" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="true" + inkscape:zoom="9.835" + inkscape:cx="-16.624301" + inkscape:cy="15.302491" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17087"> + <inkscape:grid + type="xygrid" + id="grid17464" + originx="0" + originy="0" /> + </sodipodi:namedview> + <path + d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z" + id="path17085" + sodipodi:nodetypes="ccccccc" + style="stroke-width:2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg new file mode 100644 index 0000000..ad58085 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> + <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..b12be3e --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> + <path d="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg new file mode 100644 index 0000000..6d97559 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"> + <path d="M0 0h12A12 12 0 1 1 0 12z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/dot-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/dot-symbolic.svg new file mode 100644 index 0000000..8cfdb62 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/dot-symbolic.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="20" + height="20" + version="1.1" + viewBox="0 0 20 20" + id="svg18041" + sodipodi:docname="dot-symbolic.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs18045" /> + <sodipodi:namedview + id="namedview18043" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="9.8333333" + inkscape:cx="-7.5254238" + inkscape:cy="12.050847" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg18041" /> + <path + d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z" + id="path18039" + sodipodi:nodetypes="sssss" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/dot-symbolic@2.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/dot-symbolic@2.svg new file mode 100644 index 0000000..7714de6 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/dot-symbolic@2.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="40" + version="1.1" + viewBox="0 0 40 40" + id="svg18041" + sodipodi:docname="dot-symbolic@2.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs18045" /> + <sodipodi:namedview + id="namedview18043" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="9.8333333" + inkscape:cx="-17.288136" + inkscape:cy="12.050847" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg18041" /> + <path + d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z" + id="path18039" + sodipodi:nodetypes="sssss" + style="stroke-width:2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/line-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/line-symbolic.svg new file mode 100644 index 0000000..ec2566e --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/line-symbolic.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="24" + height="24" + version="1.1" + viewBox="0 0 24 24" + id="svg17473" + sodipodi:docname="checkbox-mixed-symbolic.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17477" /> + <sodipodi:namedview + id="namedview17475" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="9.8333333" + inkscape:cx="2.2881356" + inkscape:cy="12.050847" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17473" /> + <path + d="m 7,11 h 10 v 2 H 7 Z" + id="path17471" + sodipodi:nodetypes="ccccc" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/line-symbolic@2.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/line-symbolic@2.svg new file mode 100644 index 0000000..06ef46e --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/line-symbolic@2.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="40" + version="1.1" + viewBox="0 0 40 40" + id="svg17473" + sodipodi:docname="line-symbolic@2.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17477" /> + <sodipodi:namedview + id="namedview17475" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="9.8333333" + inkscape:cx="-7.5254238" + inkscape:cy="12.050847" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17473" /> + <path + d="m 10,18 h 20 v 4 H 10 Z" + id="path17471" + sodipodi:nodetypes="ccccc" + style="stroke-width:2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 0000000..9da9f06 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> + <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg new file mode 100644 index 0000000..55d8916 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg new file mode 100644 index 0000000..6d97559 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/scale-slider-symbolic.svg new file mode 100644 index 0000000..4b00bc1 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/scale-slider-symbolic.svg @@ -0,0 +1,11 @@ +<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> + <defs> + <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#1A73E8" offset="1"/> + </linearGradient> + </defs> + <g id="scale-slider"> + <rect width="24" height="24" fill="none"/> + <circle cx="12" cy="12" r="6"/> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-check-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-check-symbolic.svg new file mode 100644 index 0000000..d6eb8a5 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-check-symbolic.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + viewBox="0 0 16 16" + id="svg17727" + sodipodi:docname="small-checkbox-checked-symbolic.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17731" /> + <sodipodi:namedview + id="namedview17729" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="true" + inkscape:zoom="29.5" + inkscape:cx="7.9152542" + inkscape:cy="7.8474576" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17727" /> + <path + d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z" + id="path17725" + sodipodi:nodetypes="ccccccc" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-check-symbolic@2.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-check-symbolic@2.svg new file mode 100644 index 0000000..2450902 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-check-symbolic@2.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="32" + height="32" + version="1.1" + viewBox="0 0 32 32" + id="svg17727" + sodipodi:docname="small-check-symbolic@2.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17731" /> + <sodipodi:namedview + id="namedview17729" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="true" + inkscape:zoom="14.75" + inkscape:cx="7.0847458" + inkscape:cy="10.271186" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17727" /> + <path + d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z" + id="path17725" + sodipodi:nodetypes="ccccccc" + style="stroke-width:2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..a2ba981 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..1e1a895 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm-4 7h8v2h-8v-2z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg new file mode 100644 index 0000000..f870381 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> + <path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-dot-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-dot-symbolic.svg new file mode 100644 index 0000000..9944490 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-dot-symbolic.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + viewBox="0 0 16 16" + id="svg18170" + sodipodi:docname="small-radio-checked-symbolic.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs18174" /> + <sodipodi:namedview + id="namedview18172" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="14.75" + inkscape:cx="1.5254237" + inkscape:cy="8.0338983" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg18170" /> + <path + d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z" + id="path18168" + sodipodi:nodetypes="sssss" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg new file mode 100644 index 0000000..0d11382 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="32" + height="32" + version="1.1" + viewBox="0 0 32 32" + id="svg18170" + sodipodi:docname="small-dot-symbolic@2.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs18174" /> + <sodipodi:namedview + id="namedview18172" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="14.75" + inkscape:cx="-5.0169492" + inkscape:cy="8.0338983" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg18170" /> + <path + d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z" + id="path18168" + sodipodi:nodetypes="sssss" + style="stroke-width:2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-line-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-line-symbolic.svg new file mode 100644 index 0000000..221ae3a --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-line-symbolic.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + viewBox="0 0 16 16" + id="svg17912" + sodipodi:docname="small-checkbox-mixed-symbolic.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17916" /> + <sodipodi:namedview + id="namedview17914" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="14.75" + inkscape:cx="1.5254237" + inkscape:cy="8.0338983" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17912" /> + <path + d="m 4,7 h 8 V 9 H 4 Z" + id="path17910" + sodipodi:nodetypes="ccccc" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-line-symbolic@2.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-line-symbolic@2.svg new file mode 100644 index 0000000..1669516 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-line-symbolic@2.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="32" + height="32" + version="1.1" + viewBox="0 0 32 32" + id="svg17912" + sodipodi:docname="small-line-symbolic@2.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17916" /> + <sodipodi:namedview + id="namedview17914" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="14.75" + inkscape:cx="-5.0169492" + inkscape:cy="8.0338983" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17912" /> + <path + d="m 8,14 h 16 v 4 H 8 Z" + id="path17910" + sodipodi:nodetypes="ccccc" + style="stroke-width:2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..1d96d6c --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg new file mode 100644 index 0000000..4f69937 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm-4 7h8v2h-8z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg new file mode 100644 index 0000000..f870381 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> + <path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..597a4e6fca1b5d44a42c82bc8b20e72873c840ee GIT binary patch literal 588 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TtZ{@Ck7R(*OVezkmP!ix)3m zy?S-y#*KUT?%ln67f1pHf#3lQJbd^N!bN7lB*~<8bac$j%*@Trt*or9t*xD$oLpR7 zTwPuL{rv+21A~HsLPA19Lqo&D!otJDqoSgsqob!!pFU&8jF~fM&YnH{<jIq#PoF+> z=FG*57cX79bmz_;h|7VlInyA#0_Zobk|4ie24)U!9$tA>b&bZR=9c!3zWxd8HtgNE z|L~Dx$4^|i_~hA}x9>mx`1$M4Up2G11wdW<JzX3_G=leDxGr|kL8SE|=f )qS{ zOBTKTUazcdG5Nu*eSh{(oxHVeqy0Hq?Q7YsD}F0`f8;w;x@gi?>q$G_h^<=nUf;t) zN8niHx*3=KI6B|u-d}bq`_|g0svQZ7FKpuw7TGAY!EN4x&V3DxQY@h>nA%ndOxY;1 z!KG6n<Nwb22d?ja_1<oGnJtSBL-L<D$%j8N)~_<@Ik~u>&*P@t>6wPD-{*ASR7>Ca vVcyi6$9Kr|+wZD;`}$mTU3uNvs^@%i6Ev2bHJP&n=oJP}S3j3^P6<r_5S%<6 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..63a252bb3fb7d8c4ebc1782264347ba44652b23b GIT binary patch literal 936 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmQ0G|+7pyD%U&Ro5E_4e)C z_wV0-{P^*U7cXADdUfN*jYp3j-MMq;?%lgU@dpncJbd^NC<0UfWCIxxK_CMt4p#tV zK)65>!T>5p0}v@>K}?lE5o86#vvqWIbai$0^z`)g^$iRRjEsy-O-;?r%*@Tr9UL4S z9UYyVoLpR7;^N}s<Kq(&5)u;=v$L~vb93|a^E*2`dwP0$dwcu(`uh9(Crp?yapJ_u zlP51+xNz~}#Y>hfS+QcpsZ*y;pFRx?v9o8-o;!CA=&%-X%m2VYbS(+;3ua(tW9Q)H z=HZo+l~YhuQdZH_F)%Xq4G0PguWM{;@93K}dCJsj(`U>&aQNuSQ)kbezxe3!lc&#K zynOZg&D-}MKY#i5{m0Ku0?*Weu`}J%#WBR=_}j@hoq_^I9Q+kSrldGtQkW{nD-tC* zrAy(UXmXYklb4a!g0KJOFEAh7^1b(PH2=EiThEnzH+|OfU*!JRuRlJ==n2N}f42Do zGrv*Ki97oZ+~ar6Oz#SxxU~M~b9v<(QDxut-!ojuzn;A`=xuT}!-3P@dH=k)7Tnjc zs@JG{#jL`-t6q!m!{SFi0q>Y{=7lv!GsvdTYEEwGsCvls;q8H$y1N|it!Me(FkjR? z;4Nd|%j(Szmjg4HBG+@QW7@k&Oy*nThN?ySeO~N4w3{S8IP$+b;4GNKY-(G<y+`1n zUBIPgqX~kJj1_CyRTb2mR6e-z-(x)Q@`0n`ecj6$9E%R5+y3CXBj_k0A+xJ)N2uVO zvrN3(FP@k)@$eSLKdZd<8!_Z*U#{B7P;#_Fd_QyL*ZpzM(#w?_q-W*Z_%rq``zv-p zxL;~UF=yZwhM>B~P6oEYTNo}mKK3doUzNf5Cf4xSrVSr@IeYz0ZTwH1N!-$Y_19zD zTe-Wx9<RQ!&OY+SuX^t4`Ussz(!zIQ&zP&Fe6=(C!)A3usQ8e=nOnd(XYh3Ob6Mw< G&;$UXOYO`6 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..c8b17ae3abd5a90f633ee455e21e4bc298e2f9d8 GIT binary patch literal 489 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Tp!x_=LCu>HkE4*RNkce*F02 z#f!IZ-<~;h=9DQ@T3cJ2nwlCK8ft56-QC??!NASU4M-aq85tWJ8yXq{89)*O;B0*u z&;tWqFwoJ_k)9>B66hM;k|4ie21aHU9$o=KAz@K5aVcpT84Ya%LnG6IqT<rBLr0FE zIC<*yxeJ%>KY0B5-G@&Vl7cKijmte<978lF?!9nRtVuznHBly@B{wYXb3$t5wD<q3 zELo3>U4MJ}fAk5VWB)9sb8E7e*IOSqush|~kW#yDRn1g|0*)UuVqfJQmD%@lURVCt z4N75hmK#=o-S(v8z`+A@PR)mIAK><Cc1eA}xl-}a$peBD|9;}#dFQao|8K8Fo<!Cx zNxgr1%0Go<MX~SO?5A-Y@4xDOx%KcdC8>>H{5GArw0nJIwf47r9B<{-1thg+`<t@? Poy_3r>gTe~DWM4fWv$bX literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..fe61efb6e551c9b9f9233feb3ba23f1788762bb6 GIT binary patch literal 763 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprVrjJ|V6^`afBqySux!wY96O ztEs7}p`oF+wl*Ljz}wr~$H&LZ%gfo>*%1t!z`)+#9>@cd4q#wsXJ>A1ZUzRXrlvsJ z1PqM9Kpz$8>gwv~=m1GL1HuK8$l!9T#x$U3oJxZHf*BZ@m|0laIk<Uv`2>Z8MMTBK z^$ZLQjf@kLQ!}b+>*^aC8=IP2+E=Vxy>{L1J$v^(c>Lt)vkxCXefj?5*RS7y{{EYI z|IiBt2F6rR7sn8f<8P-NcRJ)C;;MehCn@2XN8rXp#*GQAEP)FD{|D+haGv4ju@=Ag z)pq^a*~_o&|F>d~lR##&S75*gnKv^pe9#t7GjsheT*mNt{n<&K8$x0xtE^_!h%euD zIPv?#RZI=%mL0p!aP@bg&GjGKxE5S4a$#uyYq8K#R$<cb4~*v?rTY3a)NE8>mhpca zx`<C=<q83d7ssbnnJS3H9bkAHae+7Cjov4RTph;vPzC+463K2WcBaB*{YDoUzv(zI z=No-s%HTFQ(9Xldpv*Mi$UuaVch9K<#sNaJ>%8)<gpOA!GB1A=@!26&<)?e<$A>n| zcRU@U<9J0Ge%s#uA1A0iYkm3MsP`uWZ&jVQo3Pc7w;}fA`aMbx$v5vaX)K#FYwjf1 zE!X54f6mNY^DFp#kLwl&A3sg^LkHJ~<T;*sb@PG$lY*}OCobmfIvW3^pm)AX%wPMK q-SuuckHfWAZ~v@4_4cLt>++q;ru;l}smlf!eGHzielF{r5}E)v{YZ)c literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e5099acff8b24e4d403e3d4e507f78da7b3c0b2f GIT binary patch literal 480 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LCuX@WpQL&MnE*w)t8 z&CRX9zkkMz8LL*UTC--&x^?R|Z{Ga;`STYr@cQ-ZU)aEJ82AeV|B%4{|Nq^?wb_C0 z&?yP>3ua(sV&>rF=Hcbz7Z4T^6;o2x($>+>$;&S+JaFjP@e?OcojG^m-u*|f-hTLW zw0$!pP~Rd?7sn8diF^BRGc_p)xLkCZvQcOA@1v(S>HPoyTgW7$`}wnvGHK<BZ~8y( zoDfv-e|GVght6_Jv2$PTide?c{(kv$x8-vb6+TalnQfQKG+$&}@5#0hr8jGDI7%pf z-1LYu)1~KD7kiS?tBj+J69pM#_o<zBmk^h)n>nHQwpUo`o>MQ_C530)7um0WVxv}E ty2$q%>kA8VKixUFwXi7l&K}b#`x$-SNTi%-5RnCiwx_F~%Q~loCIBV+*}eb( literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..1495439056f2df3c38fe760c29f91e951aab0228 GIT binary patch literal 717 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprY*oJ|V6^ni#Nn@!}OLR;*gJ zYR#H8>(;H?uwlc42M-=TeE8_mqo+@wzCi_Vk-&Q}_=XC8z`(Cxzy6|vf2iO;4p1I? z-UsMzo01^EU<O7eW>yYPE*@S!egSn&Eo~j$==j9svdXIJn%cVhhKA;)%U7;mvvb#; zJ@+3ye)9Cg$4_6rfB*UG_n*K2)=pKoVPIhN_jGX#@i_i=il_4-0|7VhXs+CO0U>u@ zH9cz5R?txT`G5auXYL@Q#xKtfzW)=ab~?r8y?wpOR)a3#rIReUviWx04_LEE>Yv^| zKg(77YJW;7f1IY|xNr8is|gl!`Q-JYD<>Y<RmU{p-ucprKXbVz+{ik@z@EH!ny0wJ zw4WRgLZ)xFU=#3v$1J1!W!Xj654x=1j^8@5g4yNJZ><IETkkNOs`)JN;*9D;ZC0m3 z_vcY(X6{(7_CbT2c|j%zSH<L3afi-B?K(a#j1PjvmMxmVuzu4A9+gK6=dY5nV$w@_ z=(6XUK*m{>x@%(c>y|ZGd%ifm_Mz*6dncaUk1qQB^zB{KTfcu_xOVU70fSqbo9h-l z>P}1jS9Mxkx6L8#!!^Z#o|!q#+xsOC-#D2s!B=y#;L&v+_qxn4RqOs_saSvB-=@9a r<j&7KD-Ko1Em-w&o_NTUw?7%bYc-rb_Wi;gP}1^r^>bP0l+XkKW_)#2 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..320fe9bb59c6b1bad76c1e2bb5de5dfada65728b GIT binary patch literal 597 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Tn$A@Ck7R(xIWD4q%|Cr>Cv0 zZEbCBXlQ6)U|?ouW@2Ju3<Jn)BO@bZE=&oO#v_HM638_*H3eE^Zf<U2Vd3QD<m&3` z>FMd^<>l?|?d$8?*x1<I+}zUA(%RbE*4B3N<jK>gPoFz??)>@l7cN}5c=6(uD_5>w zy?Xun^~aANKY8-x*|TSF-@g6u;lrm-pT2zg^8f#Tb{?xFpeMCTg8YIRm{~Zud3fa& z)YLT^n_JsEdi(k(tlO}6-~Pi#jvYU7;o{S0Z{C0W`RmW$TY5qVfV%d3x;Tbt1n-@2 zRp^j`2y651>O$>;g7Pl$U;pJ@G)z1j)4vs#zdPx}@l*L-#J;Gr?lJPWgz_Dh3vTVW zH_at~*@{<rx10~DwHW;BT2?HfaAI$Gp8Qtx_HA!O`KC!FHwtjGuBnVrJnkf0E|<4r zV?g7n!=kBTUN=5%aGcoM@Z*O}omkD<bLT$%&bxe=$yRb+{68BJK8}sc46SVcrZ!D^ zx%rLc-hla~Lc)BVVy{%$e>P0}_@n*$^?hYMpKf0^Equ=SaE+m!@QdpcfL>wnboFyt I=akR{0A8)`*#H0l literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-after-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..4449641e8332d76c0364cd865f826f53d922eef7 GIT binary patch literal 953 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pkiZVV{L716%`c+ z2M0?_OCVQIPtV-k+|ba_)YKHnH83zRGc$v*jf{+d;wC005H64eiU8FBNeBS4fdHrg z!a!yN6~M(IY-BD_B~TEqixP&rySt~Sr<a$Px3{;Ck56%NaambeMMXtbRaIA4S8s1` zUteE;fB%FD6DCfaIBC+P$&)8fojP^XrcGP6Y}vYX>-O#2ckI}4`0(K)M~)mldi2<_ zV^5wudG_qt^XJcBym;~Q<;zc>K7IcD`OB9tU%!6+@#DwOpFe;7`t|$w?>~S3{Qdj) z-@kwV|Nmc^(d`TjT(^=SzhDMdHg*n9E^a<4SvdtoC1n*Y9Rnj%-+;id@Vds<w)T$x ziIXNznKpgK%!7xI96fpJ?78z7A3uHe{Kd=HZ{EKD@bUAPZ{L6X{K&lZA28bbJzX3_ zJdVGeeAMZ%g9w9od2V6(a*x7H%~X$xj{@#&^*H%o-a=vN8*UwQzB83+-&HFEU(L7o za!Z|jT$-c8wpa8eTUA|qKmW4Z#q}40UpJ{3M9=;;cmCyWxB7XT<8AmFw$|2&_QuKP zMl$q>TK;TRW>|Q5#$UG_dlrK!`oBHp8kS1`7A{Y0*q36sf<0ohaAh3p3PJe_zKF_g z`^6F!X6Uly9(dHdws0@QmREJN<Zo<dEn}>oB{qeb+fcKDi!t?)%j|6@c3A|Q7bvkG zcUUgg!#KUDfUhU(AWwlldwGLD_p=6e%MK<+T?sb5Cl7c&WI6H|y!vw?HtGUb&dGyP z7nJHOUI%`X*If|8ZS?m*qsSY^eLS@@XEpxJzPo>G16yJ=cauXz^!pn|0wVukXDunc z#js*h%~T_f4HI9uGq436aY(J)s>Eb4XRS<uZ=I$R!(_du9ob3?I~aVXYNSR;{P5cO zIC$^5$6@v#3fnLK{AgWPcII6F{luz&&ktRx*FW?3`XlpwLF+p2|Mc3~d#|5Uzb?({ Vtl@<7(!j`O@O1TaS?83{1OQ1Uh3o(T literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..7966479f2fc74458ce5e10265b128a075c8176b8 GIT binary patch literal 577 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(*MEW_U+sE@85s% z;>D|1uWsD9arf@sd-v`^NTB!w7<l;bA)E_j!-TQWaAjEJ9z4*|(J?bKGdDN4va+(a zwsvxIa&d8Sb#)C02nY%a3JD1b3kwSm508q9ijIz+Hf`GU>C<P-m@#|y>^XDhoIH8* z^y$-Q&YZb)>C)xPm+#!U192zNBK6p3hCnZAlmz(&GcdETb8z$U%E_y#Ycw^tw0HFM z_OD&PZ~x(=$BtjT^z_-A4<CR0{Pp+SDFt_+p8cLKjv*SsdoLUpYBCUMeRyL7cNg!5 z#72#>joMuEzSpZwyvX8y?ceFozVDP;KCm>pOv_sJ@`Y@NkmJFxTu-0R+Hc)`^QrqE z>vK&(@%z>vl|Crvp)AHEcy12cSy_>vaRz&NYqx(oBhxJOZAvMR?aKqt5*D9bz}|gW zB$kc2$I|CQ`h`Q&4)aMh8}Z5XO^|rv-v2Z`-nOlh&E-(--+TE2Km8_^?ohwI>CNWu vC?yt^FjIk)6A#x{O`U2Q8?G(+>G-_fa&?dIKGv^+USaTb^>bP0l+XkKBTp*- literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a66b5a391bbf4bf958f09a9015090279c3dcc3b3 GIT binary patch literal 922 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nl#0G|+7pyD%U&Ro5E_4e)C z_wV0-{P^*+XU|@}dIjVH*>~>TxqJ66Q2gP;hmRgT0*XM`K=Q$Z2S5=ZfUtoIAPk^5 z5CFLl5llgd0tgA01u}r@k)=pw>*(m{>gww0>FMk18yFZE85tQH8=IP%nwgoIo0~g0 zI5;{wIypJHxVXf{#l^?RCnO{!B_(BNXXobT=H=z(=jRs`6m)cSbar<3_V)Jm_4W7n zPna-a;>3wlrc7D1Xwl-ui<c}}vU26hQ>RXyK7AS(XlKu!J$LRL(48WZu@=B^bS??< z3ua(tW9Q)H;^C8)l~YhsR?*NhFf#QE2n=axYH4k2pD=OC)M?WX9zJ&b#Hq6vE<Jku z<k|BVFJHZR`~JhnPoKYh{r3IG&;BR-C4te?;pyTS;&J@#W%uAi0TONxvkx-eIB?JP zjVO0SAWxFJ>l<F{ihuv_u`;s1V{em8zw=|=`N=7hq?guZ=9OpeJ-z=*Ocei8j_LAV zf-mpwI`JjUb=Us=TeZ&IGss)RS$^P+uV6v+p1LrR{qBDGjysqvYoD!*Y5jF;=AL^Z zcI|h<{WAAzs%g7i(EQT&k>P^kSKjCY#TN1{@eKiU8EhP09k@_7f$7)ReQB~5<}I;I ztFKCBFyB)a>QHGE<E?14cD|!*u%J=!K?s{+LIks&f>yI|f*W)6fj*wHMqb`E%)5<l zu!os!V30ZaKw`$_0|o+<4@w#=X>@!L$i{g<xo$`Q+a~#Sq0HM%A9yicKQPPJ-Y4!s ztVK<`XF`C*+P(=jd*T}>#QsvOVic-W`onTT_3Nq}nFqShSAL6UR6FIm;8iWd$?iA1 zyJA!s(_V)(n(8u5*wyX+{oA6Czx^4WNrxW1dHjOe!w}c7o116O&MygH@u;|J`u@+V w{my^)topX^;>(1Bsx9m9rYZivKmQGPgcRSAGxc2cz$j+$boFyt=akR{00=_nHvj+t literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..f398287c4f440bb415840546af0b9b36b9626c27 GIT binary patch literal 489 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Tp!x_=LCu>HkE4*RNkce*F02 z#f!IZ-<~^n?u;2TT3cJ2nwlCK8ft56-NC>O3|zs$$jHdp*x1m}5Xb<M$P9fL&;tWq zFwoJ_DLDM!7w8(@k|4ie21aHU9$o=KAz@K5aVcpT8FeiKLnG7tf|Am*@<T_CpE!B? z-1&?5A3T2j?!%|(j=1$ejmte<978nD@11a4tVuz@)zMY3FLLEw@7<Y^fBwIJYQ*d{ z?{<In`b073j>e!zEpBsm**?&kvRFfA>F3JY=pL`{esS8SdinRKpZLbO$?dC&B-7(s zpT4XIHm&KrZ>FT>_8wW`qapZO;liwf_6v@WG7m8avG+A|Ru^Rdyw=jY_0IH@Umxpt zetFA(&aZj?ZFv<FmtCuFZHrmPvA_SQ!GXH>?+o==(&c_C>pwgwsqb)ffgRAv44$rj JF6*2UngAx;(trQ} literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..cfbc21dd77e898de89c240cb8d4fb38b14019df6 GIT binary patch literal 747 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprT^|J|V6^`akKQySuxiqocL8 zwX3VEsi~=<p`o_6HZU;I+uPgM*Vo6#$IHvh2@D*;0K&Gnw+Hg<z`)$x+zbhrfPpa> z=pzALU0od=9Uut@a4wJm2b%uO9zdTsmIV0)GcYnSv#_#r@bK~p3JHsdiizv#8yFZG z8OJB5q^4KY)YjEEG&Z((EMK{5^}1bq_U?P|_{q}`A3uHm^6mSNU%&tSTd-B~9s>ho zq^FBxh{y4_Q=-G097NpO8Cadt%9h^zyKL&z$eUMBJ^25BrJO+cA;HA8*Iq4sU-|yw znTK-%Urm3s>uZJk?5MWI3;P~stVmu`Q>y%UwUp+4`}J98eyHqRk+wt9-gry&$3Hs* z|Mjx&Ynu3Y^Qt+if1;*5Ha<M9a&_o~bhpz&to{!sKjAqrx#BhhdtqG1cSdE=r_8g@ zdn)SZ9uUt<XqfGCLNuXkdj`YZl`1~g4vQ679P|Z?m9B{}m2Wa&I@GkFaih*1=0Hb- z1Iu;xFuRG^r9AW%G5Mgu&EFuVZ#$_qIw3aa^-3L??%Z64+wrD#b5a``RboypUdXgS zo9BKoJ4aT}_j{W@`iZ~LNI%l<Ew1ra$C^8I?>nZJPhDEk%q8od@14cB?UY>OPvbl9 zc#ls$S#jh3f<H3@Pw{E0Yzg($Ij{5R*yfPRHxJsAYNFTnUHx+S#0-ruvse55KR^Ge Zv`N_{UcFgeJir)Z@O1TaS?83{1OTmLMFRi; literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..2e096715d4c6522f4d30da16748e4df1fe291ef2 GIT binary patch literal 481 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LCuX@WpQL&MnE*w)t8 z&CRX5yL;-?sjF74TC--&x^?R|Z{GYI3|@f2YcTkQ0e-{4Ul{m@1pfd3Kf{OfIM5wB zB|(0{42(?79Gu)dynOru!Xlz#iYi*#I{Mi;1%-u02M!%Oe&W=bv*+*KfAs3@hfl$W z=ga`=TkPrL7@`rpwg0wQlY)TjL6<4Xk!jyAt($iAe|@};>5NI&zdgQ}ozP~;{`?I0 z^h?n@SZa>`SoA^U@$>D!lLDgFf89{BPy0&yiR`;U&pGDGC)QlCea^{bwBhnJQ_0T2 zodHVQ6dfNQV(#SS(ifi>VCEqcb7OKV>o&cd6VDkhy*?fvv}xVV@~T&Vd*n_;wB&@E s`tCd<uu-3-isiSWK#->9iQoU9^FF^Mkrvv|W(EpwPgg&ebxsLQ0QVc&H2?qr literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..41651c1576b45fae62f138398fa80eb1fcb5843a GIT binary patch literal 706 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprY*oJ|V6^njl!bc=57j%T}yd zv1-+-HEY(aTeoh*h7AuMJb3u<;Uh43`t<4R*RS88g12Ds{{8z8A3l6T1wW9$uV26Z zB7uL{z<&%NvcFvr=x&>mAirP+MkZ!f4o)6kK7Ijp4NWa=9o?w-gv6whipr|$n%cVN zmL<zqtX#8W*X})g?mv3`<ip2LpTB(j{{83gKmYde@YXOeFuHiUIEHu}e|yz4_>hA@ z+ru@Jm&A)7sbv-w4UY+&`1Ak%)69)cKJ03tayB=fzhC)E<?dXCA4|I)w^dHu5h*vT zBVs}4j3<AOn!MLm`+08WdX3N5=Kb!Bycc}t>E0tw_nbpMX}gAmd|IlpNNR%h&!8t& zcA=lH&0|`U<;?K=v6jSp#tdJ{guh3vzV2d_Fqh{l$ep^2MWw`nX^Xp*#MTCvw=1%* zT7^}gYN(dI!!(nbD`7!1`+@?71Jn8J7z!I0=37;)XZ5$L2#G$`U@d!R1%GaXu&m6= z^`?y5_DR?52xyqcruXF{2hWADw)Z=i^2fiecz><;drBjpc2Z5iZilB`dHN+^w{1>w zJ*|9U*Q~v(1M`bt3eK4Kus5&XK!)$v+^tj9El(9{^-sHZDn#t@q;<QFO`NHmq|`6( nGGoRX0ZpUHEeGrWUi`(lqNsk0`e*OCp!DSF>gTe~DWM4fETLva literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..640a66715eef6dd2d056d3061f3624481225ff9d GIT binary patch literal 586 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TtZ{@Ck7R(xIWD4h{|~Dk?xy zPft%<Tie>&+Su6G(9qD#%*@2Z1jvQ}BO@ai6GQ{0kY#})Km}+b$m-G9rlzJq^Ucl8 zEi5b?9UWa<Ts%EJy}Z1<y}f;XeH$AaTU%S(+S=ON+fSZ6dHVF}bLY;TKY#whg$oxi zUc7SU%GIk^uU)(L`0?W>Po6w`_U!H3w;w)y`1I-1moH!b|Np=Am{=CjZyF^*e!&dP zEbJWIJiK!9YU&zI%`NR6J-z*F*YDeZ_~^0Y7cV`1_U6OKA3uNn{dP*h9jIr&r;B5V zM)2MX$Ay{<L|Px-*w8JzJIOX;V>zqq=YRPsMzfAIZvFqMX7X+hMH^40d97YkH+<)- z=nOel)3@pMti7*~<vtYp-Io`Tb^5*O{zq^6H0&5t&iK4aIXB@+b&`S2CI9Ca6^<#i z@}{nBQRkJhcoUd@q3P(uKDB1Pc`|Yt#w!w!Cw6N!^IVe&^DyrCzU6iK{*1d8%#)5i z`Eqmlgr9y*u07M)Pv6o%uED~hu&+km@9&%+q3;*%T(v4}li;W0as1!(EjujBJb_+e N@O1TaS?83{1OPee?<W8N literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-horz-marks-before-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a276f65029b8786a2bf9cecb810cdfbd85dea147 GIT binary patch literal 935 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s7}0G|+7pkiZVV{L716%`c+ z2M0?_O9<E8++1H@-_+C;$Tcu9fG~`VjDTE2LqiA`NSc_K07Zb}Kn5}!C<q4-aR?W} zhKoQ9gsY^G;qLD4;o;%w>FMR=<?Ze5<Kt6QR8&@02K0YLMMY(0WoKt+Pft&8Z*N~; zUw?o9gb5QSPMkP(>eOk|rfuA~am$u1TeoiAv17-fLx+wWIdb&q(PPJsJ$drv*|TTQ zpFe-`;>D*=pFV&7{N>A+uV24@|Ni~Qj~_pO{`~dp*PlOs{{H>@@87@w|NpywQ{D*- zQ|FQ(zhDMdHg*n9E*?H<SvdtIWfcuA10z$vfWVN3rk2*W_6ZZGOr19U;NfG(Pn<e? z;nJhWPo6!0@$%K1x9>lE{Pg+D*Kgl{{Oo_SUlJHqot`d^As)xyUUm;Y6d>XDaCH-} z_Kn>gv4J@^MEjfeh97B*o%rYfT<*nucl0IF<`h2OZRbD9GjGbTrIj`}zrO1{x#~^T z3AY{U3eq1h-WH#~H}>O2dAZx7Y55ZB-&)i&zAfXZ%8C2$owCo}E8lrXv*zFD!8_Of zTC{M>JrTy~cdXgA-V<T2RLT&jI&8tPV*0O7stMLJ`6fj>tO#L<OL%(k!Z!i7TVM7S z@L8C*xHisY;=RI@&B>{v<gk^k=D<Y7JpPR94(0`_&E5;VnHd%InzIu;n7t3I=9$;X z%6o=U->8CRnW+KWol_6kBrZCL7iczfF9>FqJ+SX<_SY`?ysu|J9ln}zz><58=L3-$ zrLWpgvajK6f3L?>!m<3S=%oJdY64o*>N><4?wU-z!<aFpYU*Y74f8&Q^h-1R-Ki9i z%GluX<#nv;xkC(xm!3+R`k0}mKk4K0<rQxVBpWVrrS5zbx8>{f6+Fcz`pcei`&Mdw z_NocK|8vRprFC(2vDy9gb@%RHj(Waj;{W&l-}o+FH)#0uRnZX`#|)mXelF{r5}E+{ C*omb8 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..e061e9bf3a24f35ad41b6d07244236fbe5cab1d3 GIT binary patch literal 541 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TrDL@Ck7R(*MEW{{8!}UcI_; z<Hp^)cY$mmdGFpmAOi><fWgCu4<T%121E*tglj<)hjVpwbj-}mEG;dqtgNi9t(}~l zTwGlI{rv+21A~HsLPA19Lqo&D!otJDqoSgsqob!!pFU&8j9Ig0ojiH+^y$-Q&YZb; z@#3XRm+suT192zN<SUch+<=}@FA4GsW?*LF;Ng{1P*c}vY;JAu=<A=bZo}SvhmRaP ze(}=NXK&uVd;jy-pTD0oK7fLDk*AAeh{pNkgayhEo=gv#H2L8}C*ibb;blzBrgCa2 zg>HiC?#02py28cm>V{$}oQmqvwxtFJTMC8TPi$Cy<MnFi#&xEXdKOG>wUT)ep_rmF zw?{zeMAehICKFXAe9=ho@YvwgYjiAcO2cH;veP$1-tca)5?^tY@0DP(2)~g5m$hZo zjLgj05f&Dmn-;Jr>6-|I?v%XPJl8)cFl^TB=6Qj<3=yrWPY&B1{|j_2gQu&X%Q~lo FCIC0E40Qki literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..e9319b996f92bb4bccd4c445002ca0d020688e35 GIT binary patch literal 862 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nlp0G|+7pyD%U&Ro5E_4e)C z_wV0-{P^*+XU|@|cyZ&#jVDi@+_`h-?%lih?%e}QJ$Ufo;lqcI9z6o8fiNI~KoKAp zt^mkJ<^shbQb6qx6M$Tx0%R_PO$n)^qob><tEZ=@udi=tXlP_)WNd6~YHDg`W@c_~ zZed~J;Nals=;-9+<l^EI7Z(>FAD@trke!{Ko12@LmzSTP-_g<0+1c6C)6>`2*Wcei zVZwyTlP51+xNz~}#Y>hfS-EoMsZ*y;pFRx?tFvd%0-aiO?ZgLQ*g2I1`2{nuvaxe; za&hy@$jZqpC@LwdXz3Ujnfe9<hKAKOwzhRlm^69X^qB__A3b^M%(?RyA3uHe{Kd=H zZ{NND@bUAPZ{L6XTv#8^2aJ(OPZ!4!kK=Er91ml16mglqXwi(~FcAZGgY-fPo*9hB z8f-iM|7X|ZX)mn0<RyNuH1zuG5T*Zr0#{Wl3!i?i<I`519ed)na&*mR(X7G=;cVXx zHkiNIe0lr1q$In9wfXTZ4|J#7SzkG?FW<#*#A?kKUu}l<=DWUm8bvcjybXE1I*nmo zP?Y3KrUO;eFA1=mP&Z-joRjKSETfU3mbX?W`M~XoHy7MpE&I<`VRhy@*}o2f;Zj$E zdzrq^VqMjvsgRo*km}MH?A@%C%x<y4Y=-e1o^t#3cRqUrI~=R4eZ0(8K3hKEQtW#D zpv{ail@(G#j9qea^G)6{>2sEU?&vsSaA5IoewBTh4TlPM+I`LW?7B2jazVx9Ka<qg z=XyIV(ft-^{PWDulmA?;;)_;DPJAX=Jn`(+PF_*x!o@ar3DHxPggB;8{rJpdvPJM+ pVY&FI+kJj5yZ-7u`TvLOePT4HeDrU<g}^9d@O1TaS?83{1OS^1zVrY9 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..483f8e023158288a0efde6e068b1e11164c89865 GIT binary patch literal 447 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TtB+_=LCu>HkE4*RNkce*F02 z#fvj$%$PD|N^5ItLqkJtZLOP|o2#oUgfs>NLqkI&BO@S*2K2!|4+eC=;K7E!6M-(! zED7=pW?*Dy;o%h!6cQE{6PJ>f(b6_BGA%4FEjxVV`0<mcPM^PU>A~Z-@7{mRdm-Qe z)YR+g;uxY4ym!J$p(X<Xmq?+`g`p0vF#_fX{`}|9>YXAP^l-)d8~JKeUn=}i-WafQ zUiXbo=ZTM+CAuZWu0FgeyIOV9gr`D3&kFc5ruw#Ay~=av`WcTY&rT;N_a3^*wQuo7 z<AY^ttxj+2y^>zfUj9DL=JS?GyzN&OGq0R<cVD*u(%_RNogusHuFLKGsb9%xo-J-u T_f8-j=r9IPS3j3^P6<r_iL<|? literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..78d188932566446a58e9871d4e974facc7258d15 GIT binary patch literal 704 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprXS8J|V6^`akKQqobp>wY96O ztEs7}p`oF+wl**@(A(SF$HxaqdU<&{J3Bi%IyyNy0ZDs%dj~ME0|PTNGYbm~APEGf zrluw)CdOc(j|6meb@lZ0baZrp3^;&ufed7D`9xGE&>IdVL4LsujLa;o>>S)YynKQ} z!Xlz#;`#;#hDOHm$*E}>Rdo%GP0cOs9V=I^TD^A9-hB@qKY8}y!^cmbzkK`t<L9s6 zfBp$RbXH+tU^Mb{aSZV|{&vbur$Yt;uFir>Oee^&goG5tGaO|t&;0y9{%CXP0X5ay zOYG-9-`RP&<Qdn-XY+$rxddfS>CsZ{|D<r~&w|4Vq2F&gSvIVDx{IaM=t{BADXs>; z`jYQb{rP>j7*=fByr1dD&JN#GB^Q_ir2BrV9yoYJ=ff4&3uUgn3#QLdowV<=@`VHY zP8Pfia&dUBs%@~m%+-^bIeCw0XoB@Nt~bH02RaKAK2JDsLUlu>NkjGW1CJIqmTy;h zy|8h+%)y)Q<Krq+IC(z*)~_$&kP)xErgfof@9*WS3u6;ZU0Alv|NDCXwQBQ^v(xJw z+W)annV0cBabw-4>BWmOIkxC8zyEZ8_}M)IGmiV@Th#s8A^UZfc9L6%gBZ7wqKlfA tc{pp)K?A?Xb>5nHCoBxVv;L=W+HRKqxiyQ;{DCpS;OXk;vd$@?2>_Q%GD-jd literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..a34601c8a82052ead4a0b0ada66dd1247d768102 GIT binary patch literal 413 zcmV;O0b>4%P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10V+vE zK~zYI?UX@E12Ghaf7@bPS}>q^0)-%gi`-%E(E~{FFavXjS<IpX?p+8~Q1AdEx(Y;H z%M0`BCIf{bnT)k`(+~b#`2Y7_k_YVBH3t!AdH{w1`c5k+>r`zLFm~o4ew@73`IrD0 zN-6usm>Cf*nE9QVUy10}7&B8!4FHS)Oe2bIR4%eCJGa)ptUM6WW1i<107RFN9srRf z$*HyW*=Jr;Rn=Qj6qj8>#sGxYdfsNf7V=S+<yCCR6o4S2huDCwog4uW%>3OYz}HFW z6>W`rM9XcBsJ`UuO-2*yVEvgs{b%KkF48nT3;hKmTK?su)l2{gDdn-&`i6+^nE8vD zKZ)pGYdu#=owS*^C61gz1eaaxx;_LjKyzIa0FLn3vqOFX;Y#4FO-XWu00000NkvXX Hu0mjf@lvYJ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f5779e00f74881c078fc61a39edceb36db9c72c0 GIT binary patch literal 670 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprY*oJ|V6^ni#Nb*|HTYR;*gJ zYR#H8>(;H?uwlc42M-=TeE0|qo<4p01_s{3z<V(G@ZrNZRPX}^e*OCO7YY2s0sdnH zy{F2)0Nrg<666=mz{teR%E8IS!^_7nprNUyt)m+ipO}<fR#j75-_X$9vTXT^m8*B{ z-m~ZaqsLF*fB5+6^OtYmzyJ94`_I1@()VQ;7#I~iT^vI^j=!C9I_i*tfZOFDrCh#< zkSmY=GOegMxO+?G|K~*)FY#vv1)1-9u;%$0m7hlY1*HFJ#wl2P36`cju$=NcC~(n| z{p;d3Iqlw8>(RO)%|n}Mf&HGH_1??3yBjhDp1u{&_$FrAt^~VRj2g2AnPkp<5jx*2 z<;<iq^Pi*H7Ad;}`_>iY8E<R&mmPXxdD`LN10LDw$_(3r7bn<FW%1j>dbvkn#toLs zJscGqxY{JSer({rD#=x`UhrI4>oIq(#*Nkg|3voBw#jDr67>Av(d#?%KA5(!JQDx@ ztLA>0@%GOgiY*z;GQ0ExHZE#j{`A+)xVu5m6$RqYh(C=Fzk5qSBUw$-U*7(`nrFH1 t8590ZN6+3}{7F19=Gfk%-rv0Shs^t18jj4n`w5&}JYD@<);T3K0RY(nR=xlL literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..c594c1ef27b0ba5df85b1577cbee39c32d28c630 GIT binary patch literal 537 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TrDL@Ck7R(xIWD4q%|It!-^> zZES38U|?WoW@chy0%St~oNZ)e1ZTq}(bb@dW96EfngXq`u&{7(adCBZ_4M@g_V)Jm z^=)cuYH4X{ZEbC9Yddx7)alcw&z?Pd?%cTx7cN}9c=77ht2b`kc=F`QvuDrVzkmPX z!-tO_KYsrF`Tzg_-kyb3K+mX`1o;IsFtc#*@X9HuscSSgx3+im^-oy0Veh`fM~)r8 zc<Jf0H*ep)|M~0B-_IEzKtVgt)5S4F<9u?$0_6u!rUy-${P3ZZaN4u*Fm`5BIkl8R zH^EZg<Y4#e;$+`aLopRj#ZuX9b%PC8LdD%rY*?KUY3bP5D>tcU!LEhEGB;i+r>I=j z6%;yA_2jDT1eFP2G!i^KHaPWeI*>P|VHacB>6-<X;wxOGwUQejIkLGWmhvhKS6dr9 z`<4cZO>ubA%C<<$T)Aq)XHTtDUd6>1j8`$9bk{LC*R3)Y=u!qxS3j3^P6<r_g!RZC literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-after-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..3ac4e8e5cbc53e0e2906598bcbce814545a75abd GIT binary patch literal 890 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm20G|+7pkiZVV{L716%`c+ z2M0?_OCVQIPtV%g+T7gS)YKHnH8eCdFfcGPGlOuAjEsOHCMG5jE|3I@0F@z=KrT=L zkc0z>ERYKnhe)BRhpQxy;o;%o>FMd^<>l?|?c?K9R8&+}R#s6_QCV48RaMp1)z#bE z+uz?mVZwxo6DLlZG->kW$y29Joi=US=FOY8Y}vAP>(=etw;wrj<ml0($BrF)^5n_0 zXV0ELfBy32%a0#Fe){z3^XJcBzI^%m_3QWV-+%o0@$=`;-@kwV`Sa)R-@pI<{rms_ z|KXP}b^t@usU*lRn1Pjzor9B$n^#6wPF_J#Nm)fp$H2(cHy|)Htgf-Otz*KZ$<wCK zJb3u%$x~;}oxk|_>9glAUcP?&?)`_4pTB(j{^RGu`glHI93^|YIEHu}e>=rJn#obX z<#tEXxg-}x<!5s~GO~r75iE8|{Qv)I^F!wHvKzK950<aH^=j@s&58B@G+gI7+`l68 z_-~zmCvRnB!o+;B+N+jNe%=e+6p^cc;bnH4f#IWV*RK0AY}ht?N2OnE{5w}hiPhUL zh5IqDnZK;Z|K2%e24mi=+C+hb-v>`TFk~~hzQUw}@lmF7_m_34ZlN4EjC^FGEvp)~ zs&77M5n>&~ePCzejj}CF6Q^8SFmIK#g@H~$Dh~svcC%Kp$d0Wh8b;F^mux*aXCu#^ z3?6s;@OKqU7#}$O|NCbCJGO6gWwN`|3f)&76+O?K&bO|OrC~+$X?0QU18%qO*(fPp z;@pt@pV9N6g2NlT;Qt#|RxS#%V->Ki{5@&^yw*}xg&^y1fyN)ZU+;brsw8(V&{!$d zv3Mfy^scr&eF58St}I*YC0O{|_*BKh)j>tUSKhpzJ117^?Pt@SIVb-A6url|TU>|v U#JvzFVB|4)y85}Sb4q9e0JlVQ&;S4c literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..bd90f1dc60cbc8ad10aa6040696bd495c39a835a GIT binary patch literal 534 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Tmq!@Ck7R(*MEW_U+sE@85s% z;>D|1ukPNxd+**o2niGff(Kym5DegK2m>n#*Me0RD5#^OV`gS%X=!O?Wo2z`?c(C% z>gww6?;jKt6cQ2=8X6iN9v&4H6&)QtZQ8UMGiJ=5J$ufaIj2vbK6B>G#fuj&UAlDV z&K-ygfu^lU+SdZ~iAG6~UoZnR3p)olkDR=kx<+GjOIv$yU;o<md-v@>eDv7yOHZD^ zdH4Ru&tHH3u9{R32-Gvz)5S4F<9u?$0_6wKrcMo?B>2EdIPFnrISaFBomfhtS)qHi zak8$ja51}kpqomer+c<Dufc`wr6O)(+b>;hU}Clo<x}}uB~_5{P@~1wRzSkqD>-=m z!i8^FFicCBdO)%9sD|d7Y0*|(kBaoHyV!ddJTl|pRgg4vuP#oO%?(bN&|#p&E~eZs tr6Mr(=ZuSorcZVc^9%H9m^?3#m%-qHT7f`_XCly{44$rjF6*2UngEhC1>XPw literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8bd251166f66924d0ff87ea447aa6026bd9a9b5e GIT binary patch literal 857 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmc0G|+7pyD%U&Ro5E_4e)C z_wV0-{P^*+XU|@|cmd=-dGh4WojZ5$-UW(3eE9Iuqel=1kbLmq0fY-=0Hq)zKsJO6 z5kV7#$YPQZGcm=97tztt(bd(})6>(}*EcjYG%_+WHa0dfF)=kYH8V3aH#fJiuyAyA zbaHZXc6N@7i;ItsPe@2eN=iyjPR`EG&dtru&(H7a>FMq5?d$97@9&>5VZy|T6Q@j> zvS`tw#fuj&S+eBRsZ*y<p9Tih*|TSX4$CpNDg_3dV@Z%-Fas+aI|nBhH=m5GoPv_F zhL(YmUqE0;Lvu@OTl<8GQ>IRve&F!Y<EPJ_zi{c%<0ns_y?FWR&D(eHKYaT9<?FZa zKYq%qbt(d5Bf`_gF~sBe+bNOJj)5X=rWX{vKI>evxfr7*CZ%z9=>>&7|NpC(1k26& zw$V2BO6&JuceB?Pe~X)c^wNX*m+T(Q{kVDeyU#okrX|a*JvwXG?`^whC9|yQL&fHq z`SFJi><NCm`wzpD`RgZNy!^!1jK5*O`_u1vj3RPLpIlA8GH$rIbj5zo4`S1egz_1> z!%F{_xM+3kVdz;|Yxsdrrd0Ef`eOZ$Ob@Ppca>|5o&C&4Nok{!!HU>;mrDm)%4!97 zGN*lg-L2A?`uCTT`T@tUtm!^{a~KcC_k5{!y8C$FtHrPXuQjduQ&9NKHt0a#+H=Rv zmsZ_7wo=LR!G(1(9X?-~_A>R%So5NK(H;Bqj5-l#ofiCv;A)Im#UK!{Y-ToZL(;cr zuYNrGWERbkur*rNXKwc~h1tb3T;op%tO(-oHM{B&e*8&Xq(rrq$*0|G&%cf4%wu16 h_pepq{RjR(SS(kw+$s}Na|1>ggQu&X%Q~loCIG}O(4znV literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..c73d4f7be5f8843c5d08f135aa7f43237c9471d5 GIT binary patch literal 454 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LCu>HkE4*RNkce*F02 z#f!IZ-<~>k>WmpPT3cJ2nwlCK8r;Fa4GdgeU5&xO(9qBb41f#>8^X{B13ehf0fTc& z9zTHY&@Kt`3ua(sX5rx#5EK#?6%&_|mXXoaGB7mCFDNN3KYZl)@e`*`pF4l){)4yg z-hW&wGzAm@J)SO(AsQ3+PPi`CWFX+;9HH74Dk!}|#Ift$|NrwXMT7<7cJ^<6dWI*N zJL$07E~Ymd`EERFN<B5L`JQf7z1%~w>&x^${8-X9y<a=ne)^S(?<Z#e4Y|;tU2k+F zTt#Eqx6Z67dl$Yu_-6I~bn&<41(P#(=N{P7U1-2$##iPTbM<?m>StB09jjuw9^^Rg YYu+W{P|~oq1L!UWPgg&ebxsLQ0Q0cH?f?J) literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..68e783cbaa96e5c0e7dc7f5703a65b727c7a0ad1 GIT binary patch literal 677 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprY*oJ|V6^`ag-Fqobp>wY96O ztEs7}p`oF+w$|I*+t=6E$H&LZ%gYH29334Y410TfAlt#g!Q9;33<gYKz!(hl^z`(> zKv!26$kx%(0W#nK!UdAZ!1ieMaiG&}N`m}?85o&aSlKyvc=-f{ghfQf#Ptmf42_JF zQ&Q6_YU=768XH?ytX#cr=dL|__dR_4<im%LpFV&6_WkFt-+%rcXs*|0U|>}Dba4#v zIR19Z?Vv*r0xq5co;+{l1VRErMD{E=#(huW^Z)x#n<sIp?7kTixs?A)vH$ls=X|bb zMgIw|=rst+5N+i>-}sJwmWb7t(^qCoS~cWF#r_eqbP=1pi)lf9ow)w}M>jL&8A8oJ zmWw!i&r-CH@Z)2cl7CtLoNDuPMTgVIult1~or{<*n0!`kXIxOr{9oz(^h$n?yFZnJ z9jg2Oc68`i9ay({Uq?^lfyj85yoM98@hWV$-u+T~-*8Xn!_1`*O7|`(@?Oog`S{mk zi&xiYce)>Z@J4QO)71@n@#gm@u3i0PL&e_9U1yoC%w#WQH8oGy`Ty}m%_8mob6<@A z&Obd*m*vuooAPJh+0T>9bKg5@#!9)A*1(^q6aUD5cf4}V>n*Ea;r^rZA8;Sv(YBVa T_TUF#&@*_t`njxgN@xNAtTZV# literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..3ff2e2964b9409d7877eee5e515df8795b46bd1e GIT binary patch literal 406 zcmV;H0crk;P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10V7F7 zK~zYI?UcVt13?hRza&H=1`H^^fEJ5MclEXR9@=W5uX1oNaU55qu(uG27|0VutZv~< zFLUl_Gl9h1pUov9O@1)l@_paV&JJ*3-!v@Fv;efF8d3(p4*&wdn;3MY%J`PbrCDO! z1<-L_x1FZxEfGC2^OTuCiD;;`zEMiGB)~~Uh+Oer7>3tG^!8gomSvM52(AG1035F+ z9>?*(81qpizF;!;JnuqGiaN3^9z{{#7&EOBpOYlXebp`2PQC~cy^2A1tI6ju^Gpm* z|BILQY@6(~MJpyX9{CQIqgrQ7-)+Zq#Y8^Zs6>41`~IbE`dkyoan7~Y4@C6B%wNnr zBcf-m^`lbiOvDRU#m<+V&AM&^I6}>JePI9m0R<4=NgXU?E&u=k07*qoM6N<$f=`31 AH~;_u literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8444d3166f83b5af1849779e13d8caade3075d35 GIT binary patch literal 639 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprX|QJ|V6^njl!VY}twxD^{&q zwPwwlb?eq`*s$T@!-tQ+;OWz+uV24@g9P4!!Ta~`zafDisNmPHUw>iX9}e&z18h>y za|627q9n*Kn1PXrnU#Z+hnJ6EKtoeYTSqrOAu*|>qN=*4wyt66@|A10@7T3_&z=X5 z9>4$a@zdw8-@gC&_507iNwF(uGcYg;db&7<cpQH_<+xarfq*Ncp+~^R@Ar<z&HVr0 z$l0ZjO{hsawxHay@^a9;MN9r@uIl5teCUS5E-l6D0^67jE<O4Z*{!JUH-EF!6Bbt^ zwW(98yr0(<iM<tyoh7+$URk`%{R7YKbS`_EOx#!3U|v>wYwD@%<*`2w<bG27{#9U+ z*xf6^_xWExOqk58vYuU{QZ?jcolRclrsdwx)k|*9Yx&6;yea#{bM}Hgucw{oFZi}B zjoGTH;c>ddqiK(_eP%42ET8Su+tDq2UBb<V_u*r0H(R^9@VwUV&;M|IV>bP9?PJf1 zxA(u^*81PQPwCU*>;gOH=oF^Lvm#NSucmIExAl$0Y|p%ulWRY58`s^mown`wl=&YR Yc0MhCl50P!0+bj$UHx3vIVCg!08n~KF8}}l literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..d5a5fe1a2aa22725398de196b2bac342d17951f8 GIT binary patch literal 543 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xIWD4h{|~Dk?xy zPft%<Tie*!*wE0>%*@Qh#01EO03#zK7}FTY21+5z!qs33!gZlBOifLJR+yWcTUb~) zJ3G6$xOjScdU<(ydwVxFHnz65wzs#RI(6#w>C<P=o;`Q&-1+n8FJ8QO<;s<-SFc{b ze*N*|$4{O-dH??XhYue<e*F0P^XLEn|F5gxdk5$xjglb0U<PIub`EYHIe9g8jmGAd zw)Wn>{<Z7(?%RL(=&|FMo;-i^?){ISzyADPHK`yFsAsOHi(`n!`Q(HJ$`77Rof<w# z@PU(X+N03x49uc+Vkw1Yg}k}K-0JDZ$-caSZYqVIytUfm1{<zk7H|_Y-%{SlBrO}t z*RrE=F1L(CCP!i*Kg%?!OE<3U-eHlY(V!ZkTHujj=*2btX;Z}9?6r$e^_^`t+r`1F zAZf^}n_SH99-J_t!$65$Ou1i5MPTaB85a*tpX?sy7wFY6d0rqd!+rzZ&D$hyvH~5- N;OXk;vd$@?2>{=9#AE;f literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/scale-vert-marks-before-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a8ef20f29a6c5d4838e10441b167976973141e39 GIT binary patch literal 879 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm=0G|+7pkiZVV{L716%`c+ z2M0?_OCVQIPtP0-OifLJTmu6G2m{DAG&F>;O-xLHTq7eRAOo2V6odnaID`vS31mP> zWO2A+N*Ep<9-f|_US3|_-rhbwK4oQPKtEShR8&@0c6N65^z`)h_V)Gl_4oHrm@r}D z#EFw9Pu{d?)0Qn;wr<_JW5<qz2M-=Pbm+*DBS()OJ$CHa)2C0LJ$v^2`SXt-KYsf3 z>GS8$U%q_#`t|F#Z{NOu|Ni60kDot({{H>@&!0bk|Ni~=@8AFb|9`(`Dg_3mV@Z%- zFas+aI|nBhH=m5GoPv_FhL(YmUqE0;Lvu@OTl<8GQ>IRve&F!Y<EPJ_zi{c%<0ns_ zy?FWR&D(eHKYaT9<?FZaKYq%qbt(emC&tsoF~sBe+bPGxoE!yQ3>z4ER?HA}Ji}S+ z(CQs<u%(Mrw0Oz?`nPVD2a4q$7cS(^u3f%sdHOD$Y4v{tLwE0CuA7!tBR4&id3`zi ziOi$f`i<e++BE`J?7q{py+83n!QNTrzZg4YV^Z$P8Nb{s!SK&b^u7tdfMw-W{=G}h z7}8|9{#!O2+56<B8KXf~=x_DSK?~mSIZU4=-u&pmF6V>tQk6UVnc`~Wo=8M&%KWCR z^ht^>YU^KD70xdizq?OJ8mxG)KZ)_!*T1gw8m>NKzh`dwfq|v&!lmb&rM;IIdDqvk zQO&CPSn$j==)j`4()0D1zO3B0edFpkY8%qR^^VkiWXfeOnXxA0kKX+KH<=_h&T4h| z@k7;o{$h;-Ta3=m31)C9yFC5;_3-Dr0~yq$uN(}q&f?j$&}#FG)fwDkj}D&OB=j=s z`tCX6$L2}({#ln*_FIjK`|{s+Vsm%=zrOy3?7n7o-@V=2b%Bw_;OXk;vd$@?2>`zX Bb=d#_ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..95d4a8ad6021ad54aeef25608b5f1234505ddbbd GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprWDxpAc6d{p87$d-v|$2ZIMN z@bKY77!yj%%E~G$D{E?M1_uX+goK2KhK7fSM?^$KMn*<OMO9Q()Ya8BHa51lw$7O| zXT^#YD_5>uzkdCO4I8dry?X1`t=qS6-??)KXx8Ue*;PPW`AUNPf*EAgHCC=&w|>K$ z_a8of;$Tj{43s(H>Eak-ar*4l+d@qW0&EGU-o|(R$_%u;pZ<+Ebkeub(J?=_V|&eK zW1Yi7uEkfh*6&!pN@r%w!A>o=nZ=u~35A*Hs6JubnsUSb@PmTZYK}MA3>ldkpBSX9 z0t@3-Sjk_R!~W_VFYoh~!>;98HTSKy2S3Q>KYs3|$Pa<+<$>SQPp^zN-l%0f(dMtg zWS6;hS(^JzpY?n*IV2O1{_W%ZPOH@q&pdoHJ8_5ex(}Prl*<|{DHBRF@lo|T;kc{! l_{7;cUhfNh9!J)-$gBKaCuj7IBOmA|22WQ%mvv4FO#qhG()IuV literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..57cd4ae6409c292c30b9ce9877e4fe0f98bbcb1d GIT binary patch literal 703 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBI14-?iy0VX+d-JI|LMn6prB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt<C6d_r7-^wq0ZZ{NQC@ZrNp zj~+dK{P^Czdk??>C~_YRAY8a0G8Y$HR#w)?$jHRR#LUdh+}zy4!ot?p*4Nj!qN1X% zuCBGUwX?JH$dMz*j~_pA;>5|5Cr_O^b^7$_bLY-oyLJs|=Ea*%cYrRFEeY}qW?*C2 z*3s4L?dzW~anj_e(`M}3f8g?!s~<mo{_^MV<}&p|3=E8oo-U3d5r^O2xEXfHK!7bF zOmvFt5)JPqQJGsBOyB=6iep%~a&oF#ai96$^|Rlr<QiGd4O`6_o%c>$+x3i=<hSgY z^j(30H+`(yzAss1yt*s+=!C+je{(Gkl=?UGcd0V->Qx+YY4(=;;M&}!$$O*WKl49> z=G1M;tfzfCWR)Y*oFtM|Dn6}BlKJts?vu+oW~Mk1j!Hv?7p@H(+}U;IB)3$CTzDnu zxZ9msR*tizQsl#nPaF?Eo_+ezvA><Ib{^}UdJz|Xw(l!%h?(%Sbcb*R@O)7C@H!Mo ze^mJJ*+$29M!%esO~J`eHW%h3U-+XV&nm=hdwSbX?Y63Iy|LoWwy!-6j~1M-`?5;u zQ1P6nt2;i%997)^=D5g1%hhL7`y|fC?o+w<`HFMrw;I;4B-{L>(>%`CvwF-CFIes| zMZC!Ksl@u9*Rv03Ojs%S<;>kxv$6|LFyG7CaQ^bU*KyJv!h8iGxiil_+IxK4#TME1 v%Ga&4uKzl+*U{;o?dhMf+cWQcek$%SvGI!V9?nc)tTA}H`njxgN@xNAqxo7} literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-checked.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..8734299f914f4495e4f234140d6de96bf8846ac4 GIT binary patch literal 451 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprW(@pAc6dZEkLEVq#(p25<(1 zi$+>lSXf$G+S}WwrlzK)rRC=4R#jC^nlx$Jv}rSE&Rnoy!GQw@4jw#s=+L2~M~@yq ze*Dv?Pd|VD{Qv)dN1Xp^piO)wL4LsuGU^&D*RET?;m!LGA3t$0r(Xuj9PxB<46!(U z_Udh+CItbu1XFKgRV`)hv)}&48!_oy=;)ZA+p)dov$4+MNvYXa*1d~ZvTIdD%;Ao# zEo&qrt68n3wsCE0xn=a^yGcdeVPn=$f(&^kQz{vl=Vt8CFp1@f(qqaMZ|mcBx;}G5 z{l^W)3IAL9`K_4kp4?iZI^QNePxr~HQ!bz09M%yk{kC%Io}L-Sw~RfE7oU6k*j~6a z?y&2DpXSO1?J*BaXTP^f^q4EMCL=;CVnXwm8LuZs%iMZVpz}Gju0`HurSD3X?CP^X P|1fyE`njxgN@xNApBl0- literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..4157a485b12848fd2723e6df049fc429dcf607e9 GIT binary patch literal 707 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBI14-?iy0VX+d-JI|LMn6prB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(eHd_r7-w6?akii(P<si}#H ziLtS<k&zLEgm8gu2p1OvB92Mg+S<Cgxp{hedU<(ydwcu%`1tzz1_lQ9_4Q4fG->9{ znF|&yID7W&y?gf_J$m%`@#7~?o;-c}^!fAWFJHd=|NsB<GroI)j*~43@(X5QW7pQv z)$8r+pD=OK<f+qU?Aw3f@|CL}KYjl4=kMk+^+OB{j7^>{jv*0;-`=<#bjUz}Eul|K zgMH#6hh)}Onqh07{gpq*tzfdl@=aR$o|pA^YbI|wnYL?fnDDlkyLw?wGeV8t#23uX z)LJyj&#LXa!Xo3<-N6SZ6u$ktROZ31<p-?~PHJQmw@FxZP?i73632s6*m4g1XPiIt z;F>#|n<7_UnJ0M0YblSRkWEFYAz#f;i;7hb7#a1sTJ}f?d{J_^vA9{RpXZj1R>s$k z1$P%W^7XUqvf<iMSjkfG`Q@h%3ywQC+nr~6cdvL6d-HCu+UF+xET6qJ19(0teE8}P zq(3Trcx$od)~x=#{Y*9mCqG$Sn3H_rkB&U65VP&+Z9lc!s<!pkYO+;do1E13aNge+ zS6y44Tbxc8e7v*Ex$suM=%M1U*_UMu=k2cX-1B^8yU^R8Tx*V0-RshwIPX8#1PlEK zeiJqHpG?v+i2J<$dPAT>u=0zEyF*Q{KbXM2=UT%2<#(^!nhU7QJXmqhXztPK@41UP xt>fI+m0#KSLijryXXSUD=jL~p6`r3SFWH|K*Z0@=JuuoBJYD@<);T3K0RW*3FKz$; literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..78e50a6e21a514b5a5eeb9dffdcde024b641c2e5 GIT binary patch literal 273 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NV3?%C=ER6$FoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;L%J|V6^S`Q3#b#--+fVQ?a z5)aBeG-06*Py=5{kY6x^jJn3kwd>Yzc=P_l$4?y0>6d{r-kvUwAsXkC6BOhOzVCBp zye`_%6!!kY0i^{A^1B`cFL+>Ea?sr2V7Wv>NI}R18^<1&Z&Df&?Rr00G*-0gSqN&J jn9{6O=F-rzhmj%HEoi^Zru$QX#xi)i`njxgN@xNAADUDj literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..adc12ce25ca55ae02292465503692c5b55f891e2 GIT binary patch literal 415 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBI14-?iy0VX+d-JI|LMn6prB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt)jjJ|V6^T3cINMMXtROG{5r zPghr0M@I)J0t65?kP8ukFwjV3HE2>o8+IfCO_wbR@(X5QW7pQv)$8r+pD=OK<f+qU z?Aw3f@|CL}KYjl4=kMk+^+P~~b3I)gLn02py<slYU?AWeSadF7(f5DXmqhcZhOMk` zFn=r?&c(#0z504^UD+(HzXcZ)j%wd_*UuMwuNE%D67c-ad8Gr|fg1!pmNsd#nQ+NT z6odyj2&#BYP;hKw;S_>1jx;S$%y9M(?QRlfJ0t32SRDU{r^A*h=kCdpPv4JyFg;W@ s{dx8651WP6m;U@)-M6&E^3LO3jK<GgDihLeK*7)8>FVdQ&MBb@0Qdxm(EtDd literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..40ff92e03e809c46a23cdb5b894eb47e5ed1acc4 GIT binary patch literal 273 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NV3?%C=ER6$FoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;L%J|V6^`ajWNp~vdkKn;8) zL4LsuGU^&D*RET?;m!LGA3t$0r(Xujcze1yhG?8mPEe3D_`c7X@w#Y3Q`q|p2b2~h z$nSa(yx@Ut$w706gXIzlAq625Y#e)7zDa3BwCnv~(OA){XCbI@VoI}CnM*^<9!7>( Xx1jwto9<5m8q476>gTe~DWM4fd5w0# literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8e87ea7e002bdbbc27d2b3c17fedb5298695ce60 GIT binary patch literal 415 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBI14-?iy0VX+d-JI|LMn6prB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt)jjJ|V6^`af+zq|x@hK+|PQ zg8YIR*x0poboF}s`X@}BG<oW@8T<AhxP0a6$4{TX{Q0}NO#Kj0;apD_$B>A_Z*Q0j zH5dpu2Ns=6SoHnh^(E0fs$nbZ8_XZehI28oX|KK>Tvs+r>u<rugrnNG-SzXu-m8Vn zumn86b6)9ycHjm<kEKo8Y$jZC5(VJ_4uUEk6BHbqSU82?j3Z486f>OtL%W+q+0Kai z7#7F>;pwnt%DH>8<kR<KA50IGO@Cf}`@?2o^`$@mR`)IKu)Onl7o+hrm&$~68&L2w Nc)I$ztaD0e0s!2k(8K@$ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/gtk-dark.css b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/gtk-dark.css new file mode 100644 index 0000000..8f5d8cf --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/gtk-dark.css @@ -0,0 +1,11474 @@ +/* GTK NAMED COLORS -- USE RESPONSIBLY! */ + +/* widget text/foreground color */ +@define-color theme_fg_color #eeffff; +/* text color for entries, views and content in general */ +@define-color theme_text_color #eeffff; +/* widget base background color */ +@define-color theme_bg_color #0f111a; +/* text widgets and the like base background color */ +@define-color theme_base_color #0f111a; +/* base background color of selections */ +@define-color theme_selected_bg_color #e2e9e9; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #0f111a; +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(238, 255, 255, 0.5); +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #232637; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #eeffff; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #eeffff; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #0f111a; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #0f111a; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #e2e9e9; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); +/* insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5); +/* widgets main borders color */ +@define-color borders rgba(238, 255, 255, 0.12); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(238, 255, 255, 0.12); +/* these are pretty self explicative */ +@define-color warning_color #FDD633; +@define-color error_color #F28B82; +@define-color success_color #81C995; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title #eeffff; +@define-color wm_unfocused_title rgba(238, 255, 255, 0.7); +@define-color wm_highlight rgba(238, 255, 255, 0.1); +@define-color wm_bg #0f111a; +@define-color wm_unfocused_bg #0f111a; +@define-color wm_button_close_icon #0f111a; +@define-color wm_button_close_hover_bg #e2e9e9; +@define-color wm_button_close_active_bg #c7c7c7; +/* FIXME this is really an API */ +@define-color content_view_bg #0f111a; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1d1d1d; +@define-color budgie_tasklist_indicator_color #eeffff; +@define-color budgie_tasklist_indicator_color_active #eeffff; +@define-color budgie_tasklist_indicator_color_active_window #999999; +@define-color budgie_tasklist_indicator_color_attention #FDD633; +@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; + +/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */ +@define-color accent_bg_color #e2e9e9; +@define-color accent_fg_color rgba(0, 0, 0, 0.87); +@define-color accent_color #e2e9e9; +@define-color destructive_bg_color #F28B82; +@define-color destructive_fg_color rgba(0, 0, 0, 0.87); +@define-color destructive_color #F28B82; +@define-color success_bg_color #81C995; +@define-color success_fg_color rgba(0, 0, 0, 0.87); +@define-color success_color #81C995; +@define-color warning_bg_color #FDD633; +@define-color warning_fg_color rgba(0, 0, 0, 0.87); +@define-color warning_color #FDD633; +@define-color error_bg_color #F28B82; +@define-color error_fg_color rgba(0, 0, 0, 0.87); +@define-color error_color #F28B82; +@define-color window_bg_color #0f111a; +@define-color window_fg_color #eeffff; +@define-color view_bg_color #0f111a; +@define-color view_fg_color #eeffff; +@define-color headerbar_bg_color #0f111a; +@define-color headerbar_fg_color #eeffff; +@define-color headerbar_border_color rgba(238, 255, 255, 0.12); +@define-color headerbar_backdrop_color @window_bg_color; +@define-color headerbar_shade_color rgba(0, 0, 0, 0.36); +@define-color card_bg_color #0f111a; +@define-color card_fg_color #eeffff; +@define-color card_shade_color rgba(0, 0, 0, 0.36); +@define-color dialog_bg_color #0f111a; +@define-color dialog_fg_color #eeffff; +@define-color popover_bg_color #0f111a; +@define-color popover_fg_color #eeffff; +@define-color thumbnail_bg_color #0f111a; +@define-color thumbnail_fg_color #eeffff; +@define-color shade_color rgba(0, 0, 0, 0.36); +@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); + +@keyframes ripple { + to { + background-size: 1000% 1000%; + } +} + +@keyframes ripple-on-slider { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes ripple-on-headerbar { + from { + background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -gtktoolbutton-icon-spacing: 0; + -gtktextview-error-underline-color: #f07178; + -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: 6px; + -gtk-secondary-caret-color: #e2e9e9; +} + +*:focus { + outline-color: alpha(currentColor, 0.1); +} + +XfdesktopIconView.view:active, +calendar.raven-calendar:selected, +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item):checked, +box.vertical > widget > widget:selected, +calendar:selected, +row:selected, +treeview.view:selected:not(.progressbar):not(.trough), +modelbutton.flat:selected, +.menuitem.button.flat:selected { + color: #eeffff; + background-color: #464b5d; +} + +.nemo-window .view selection, +.nemo-window .view:selected, +.nautilus-window notebook .view:not(treeview) selection, +.nautilus-window notebook .view:not(treeview):selected, +.nautilus-window flowboxchild:selected .icon-item-background, +flowbox flowboxchild:selected, +.background.csd .view:selected { + color: #e2e9e9; + background-color: rgba(226, 233, 233, 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, +spinbutton.vertical selection, +spinbutton:not(.vertical) selection, +entry selection, +label selection, +textview text selection:focus, +textview text selection, +widget.view:selected, +.view:selected { + color: rgba(0, 0, 0, 0.87); + background-color: #e2e9e9; +} + +.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: 6px; + border-bottom-left-radius: 6px; +} + +.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: 6px; + border-bottom-right-radius: 6px; +} + +.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: 6px; +} + +.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: 6px; + border-top-right-radius: 6px; +} + +.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: 6px; + border-bottom-right-radius: 6px; +} + +.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: 6px; +} + +/*************** + * Base States * + ***************/ +.background { + background-color: #0f111a; + color: #eeffff; +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.tiled .background.maximized, +.background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #090b10; + color: #eeffff; +} + +.gtkstyle-fallback:hover { + background-color: #232637; + color: #eeffff; +} + +.gtkstyle-fallback:active { + background-color: #090b10; + color: #eeffff; +} + +.gtkstyle-fallback:disabled { + background-color: #0f111a; + color: rgba(238, 255, 255, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.view { + background-color: #0f111a; + color: #eeffff; +} + +.view:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.view:disabled { + color: rgba(238, 255, 255, 0.5); +} + +.view:selected:hover { + box-shadow: none; +} + +window.background.csd > stack.view { + border-radius: 0 0 12px 12px; +} + +textview text { + background-color: #0f111a; +} + +textview border { + background-color: #232637; + color: rgba(238, 255, 255, 0.7); +} + +iconview:hover, +iconview:selected { + border-radius: 6px; +} + +.rubberband, +rubberband, +XfdesktopIconView.view .rubberband, +.content-view rubberband, +.content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view .rubberband, +.content-view treeview.view rubberband, +.content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view .rubberband, +treeview.view .content-view rubberband, +treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +.content-view .rubberband, +treeview.view rubberband, +treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .rubberband, +treeview.view .content-view rubberband, +treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view .rubberband, +.content-view treeview.view rubberband, +.content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view .rubberband, +.content-view treeview.view rubberband, +.content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view .rubberband, +treeview.view .content-view rubberband, +treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +treeview.view .content-view .rubberband, +.content-view treeview.view .rubberband, +treeview.view flowbox rubberband, +treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +treeview.view .content-view flowbox rubberband, +treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +treeview.view .content-view flowbox treeview.view rubberband, +treeview.view + .content-view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + .content-view + flowbox + treeview.view + .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +treeview.view flowbox .content-view .rubberband, +.content-view treeview.view flowbox .rubberband, +flowbox treeview.view rubberband, +flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox .content-view treeview.view rubberband, +flowbox .content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +flowbox .content-view treeview.view flowbox rubberband, +flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +flowbox treeview.view .content-view .rubberband, +.content-view flowbox treeview.view .rubberband, +flowbox rubberband, +flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .rubberband, +flowbox .content-view rubberband, +flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view .rubberband, +.content-view flowbox rubberband, +.content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox .rubberband, +flowbox .content-view treeview.view rubberband, +flowbox .content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +treeview.view .content-view flowbox rubberband, +treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +flowbox .content-view .rubberband, +.content-view flowbox .rubberband, +flowbox treeview.view rubberband, +flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox .content-view treeview.view rubberband, +flowbox .content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +flowbox .content-view treeview.view flowbox rubberband, +flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +flowbox treeview.view .content-view .rubberband, +.content-view flowbox treeview.view .rubberband, +treeview.view flowbox rubberband, +treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +treeview.view .content-view flowbox rubberband, +treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +treeview.view .content-view flowbox treeview.view rubberband, +treeview.view + .content-view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + .content-view + flowbox + treeview.view + .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +treeview.view flowbox .content-view .rubberband, +.content-view treeview.view flowbox .rubberband, +treeview.view flowbox rubberband, +treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +treeview.view .content-view flowbox rubberband, +treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +treeview.view .content-view flowbox treeview.view rubberband, +treeview.view + .content-view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + .content-view + flowbox + treeview.view + .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +treeview.view flowbox .content-view .rubberband, +.content-view treeview.view flowbox .rubberband, +flowbox treeview.view rubberband, +flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox .content-view treeview.view rubberband, +flowbox .content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +flowbox .content-view treeview.view flowbox rubberband, +flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +flowbox treeview.view .content-view .rubberband, +.content-view flowbox treeview.view .rubberband { + border: 1px solid #e2e9e9; + background-color: rgba(226, 233, 233, 0.3); +} + +flowbox flowboxchild { + padding: 4px; + border-radius: 6px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: rgba(238, 255, 255, 0.7); +} + +label:disabled { + color: rgba(238, 255, 255, 0.5); +} + +headerbar label:disabled, +tab label:disabled, +button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 6px; + background-color: rgba(25, 25, 25, 0.9); + color: #eeffff; +} + +.dim-label { + color: rgba(238, 255, 255, 0.7); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(238, 255, 255, 0.5); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: #eeffff; +} + +/********************* + * 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 * + ****************/ +spinbutton.vertical, +spinbutton:not(.vertical), +entry { + min-height: 36px; + padding: 0 8px; + border-radius: 6px; + 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: rgba(238, 255, 255, 0.08); + color: #eeffff; +} + +spinbutton.vertical:focus, +spinbutton:focus:not(.vertical), +entry:focus { + background-color: rgba(238, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #e2e9e9; +} + +spinbutton.vertical:drop(active), +spinbutton:drop(active):not(.vertical), +entry:drop(active) { + background-color: alpha(currentColor, 0.08); + 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: rgba(238, 255, 255, 0.08); + color: rgba(238, 255, 255, 0.5); +} + +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: rgba(238, 255, 255, 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: #eeffff; +} + +spinbutton.vertical image:disabled, +spinbutton:not(.vertical) image:disabled, +entry image:disabled { + color: rgba(238, 255, 255, 0.5); +} + +spinbutton.vertical image.left, +spinbutton:not(.vertical) image.left, +entry image.left { + margin-left: 2px; + margin-right: 6px; +} + +spinbutton.vertical image.right, +spinbutton:not(.vertical) image.right, +entry image.right { + margin-left: 6px; + margin-right: 2px; +} + +spinbutton.vertical undershoot.left, +spinbutton:not(.vertical) undershoot.left, +entry undershoot.left { + background-color: transparent; + background-image: linear-gradient( + to top, + transparent 50%, + rgba(238, 255, 255, 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%, + rgba(238, 255, 255, 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 transparent; + background-color: rgba(238, 255, 255, 0.08); + color: #eeffff; +} + +spinbutton.error.vertical:focus, +spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: rgba(238, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #f07178; +} + +spinbutton.error.vertical:disabled, +spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 255, 255, 0.08); + color: rgba(238, 255, 255, 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 transparent; + background-color: rgba(238, 255, 255, 0.08); + color: #eeffff; +} + +spinbutton.warning.vertical:focus, +spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: rgba(238, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #ffcb6b; +} + +spinbutton.warning.vertical:disabled, +spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 255, 255, 0.08); + color: rgba(238, 255, 255, 0.5); +} + +spinbutton.vertical progress, +spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid #e2e9e9; + background-color: transparent; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #292d3e; + color: #eeffff; +} + +.gedit-search-slider .linked:not(.vertical) > entry:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #e2e9e9; +} + +.gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +.gedit-search-slider .linked:not(.vertical) > entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #232637; + color: rgba(238, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #f07178; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #232637; + color: rgba(238, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image { + color: rgba(0, 0, 0, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:hover, +.gedit-search-slider .linked:not(.vertical) > entry.error image:active { + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #ffcb6b; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #ffcb6b; +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #232637; + color: rgba(238, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image { + color: rgba(0, 0, 0, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, +.gedit-search-slider .linked:not(.vertical) > entry.warning image:active { + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +treeview entry.flat, +treeview entry { + background-color: #0f111a; +} + +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: rgba(238, 255, 255, 0.12); + color: #eeffff; +} + +.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: rgba(238, 255, 255, 0.7); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient( + radial, + center center, + 0, + center center, + 0.001, + to(#e2e9e9), + to(transparent) + ); + } + to { + background-image: -gtk-gradient( + radial, + center center, + 0, + center center, + 0.5, + to(#e2e9e9), + to(transparent) + ); + } +} + +.xfce4-panel.background button, +.raven-mpris button.image-button, +.mate-panel-menu-bar button, +infobar.warning > revealer > box button, +infobar.warning:backdrop > revealer > box button { + color: rgba(238, 255, 255, 0.7); +} + +.xfce4-panel.background button:focus, +.raven-mpris button.image-button:focus, +.mate-panel-menu-bar button:focus, +infobar.warning > revealer > box button:focus, +.xfce4-panel.background button:hover, +.raven-mpris button.image-button:hover, +.mate-panel-menu-bar button:hover, +infobar.warning > revealer > box button:hover, +.xfce4-panel.background button:active, +.raven-mpris button.image-button:active, +.mate-panel-menu-bar button:active, +infobar.warning > revealer > box button:active, +.xfce4-panel.background button:checked, +.raven-mpris button.image-button:checked, +.mate-panel-menu-bar button:checked, +infobar.warning > revealer > box button:checked { + color: #eeffff; +} + +.xfce4-panel.background button:disabled, +.raven-mpris button.image-button:disabled, +.mate-panel-menu-bar button:disabled, +infobar.warning > revealer > box button:disabled { + color: rgba(238, 255, 255, 0.3); +} + +.xfce4-panel.background button:checked:disabled, +.raven-mpris button.image-button:checked:disabled, +.mate-panel-menu-bar button:checked:disabled, +infobar.warning > revealer > box button:checked:disabled { + color: rgba(238, 255, 255, 0.5); +} + +actionbar + > revealer + > box + .linked + > button:not(.suggested-action):not(.destructive-action), +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: rgba(238, 255, 255, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: #eeffff; +} + +actionbar + > revealer + > box + .linked + > button:focus:not(.suggested-action):not(.destructive-action), +button:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +actionbar + > revealer + > box + .linked + > button:hover:not(.suggested-action):not(.destructive-action), +button:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +actionbar + > revealer + > box + .linked + > button:active:not(.suggested-action):not(.destructive-action), +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(currentColor, 0.12) 10%, + transparent 0% + ); + background-size: 0% 0%; +} + +actionbar + > revealer + > box + .linked + > button:disabled:not(.suggested-action):not(.destructive-action), +button:disabled { + box-shadow: none; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +actionbar + > revealer + > box + .linked + > button:checked:not(.suggested-action):not(.destructive-action), +button:checked { + box-shadow: none; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +actionbar + > revealer + > box + .linked + > button:checked:hover:not(.suggested-action):not(.destructive-action), +button:checked:hover { + box-shadow: inset 0 0 0 9999px transparent; +} + +actionbar + > revealer + > box + .linked + > button:checked:disabled:not(.suggested-action):not(.destructive-action), +button:checked:disabled { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 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.background + > box.vertical + > toolbar.primary-toolbar + > toolitem + button.flat.scale, +window.background + > box.vertical + > toolbar.primary-toolbar + > toolitem + > .linked + > button.image-button.raised, +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, +check, +radio, +button.close, +button.circular, +.inline-toolbar button:not(.text-button), +button.image-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.background + > box.vertical + > toolbar.primary-toolbar + > toolitem + button.flat.scale + label, +window.background + > box.vertical + > toolbar.primary-toolbar + > toolitem + > .linked + > button.image-button.raised + 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, +check label, +radio label, +button.close label, +button.circular label, +.inline-toolbar button:not(.text-button) label, +button.image-button label { + padding: 0; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, +.gedit-search-slider .linked > button, +.gedit-document-panel row button.flat, +.nautilus-window .floating-bar button, +placessidebar.sidebar row button.sidebar-button, +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: 6px 10px; + border-radius: 6px; + font-weight: 500; +} + +button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.budgie-session-dialog .linked.horizontal > button, +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-run-dialog .linked.horizontal > button, +.drop-shadow button, +.budgie-panel button, +.budgie-popover row button, +.budgie-settings-window buttonbox.inline-toolbar button, +#mate-menu button, +#MatePanelPopupWindow button, +popover.messagepopover .popover-action-area button, +tabbox > tab button, +.gedit-search-slider .linked > button, +placessidebar.sidebar row button.sidebar-button, +calendar.button, +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item) + button.circular, +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable + button.circular, +treeview.view header button button.circular, +row.activatable button.circular, +check, +radio, +scrollbar button, +notebook > header > tabs > arrow, +spinbutton.vertical button, +spinbutton:not(.vertical) button, +modelbutton.flat, +.menuitem.button.flat, +.nemo-window .toolbar button, +#buttonbox_frame button, +.xfce4-panel.background button, +.raven stackswitcher.linked > button, +.lock-dialog button, +.mate-panel-menu-bar button, +window.background.csd.geary-main-window + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button, +window#GearyMainWindow.background.csd + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button, +layouttabbar button, +filechooser #pathbarbox > stack > box > button, +messagedialog.csd .dialog-action-box button, +.app-notification button, +actionbar + > revealer + > box + button:not(.suggested-action):not(.destructive-action), +popover.background.menu button, +popover.background button.model, +.caja-pathbar button, +.path-bar.linked:not(.vertical) > button, +.nemo-window .primary-toolbar button:not(.text-button), +headerbar button:not(.suggested-action):not(.destructive-action), +toolbar button, +combobox > .linked:not(.vertical) > button:not(:only-child), +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: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(238, 255, 255, 0.7); +} + +.budgie-session-dialog .linked.horizontal > button:focus, +.budgie-polkit-dialog .linked.horizontal > button:focus, +.budgie-run-dialog .linked.horizontal > button:focus, +.drop-shadow button:focus, +.budgie-panel button:focus, +.budgie-popover row button:focus, +.budgie-settings-window buttonbox.inline-toolbar button:focus, +#mate-menu button:focus, +#MatePanelPopupWindow button:focus, +popover.messagepopover .popover-action-area button:focus, +tabbox > tab button:focus, +.gedit-search-slider .linked > button:focus, +placessidebar.sidebar row button.sidebar-button:focus, +calendar.button:focus, +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item) + button.circular:focus, +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable + button.circular:focus, +treeview.view header button button.circular:focus, +row.activatable button.circular:focus, +check:focus, +radio:focus, +scrollbar button:focus, +notebook > header > tabs > arrow:focus, +spinbutton.vertical button:focus, +spinbutton:not(.vertical) button:focus, +modelbutton.flat:focus, +.menuitem.button.flat:focus, +.nemo-window .toolbar button:focus, +#buttonbox_frame button:focus, +.xfce4-panel.background button:focus, +.raven stackswitcher.linked > button:focus, +.lock-dialog button:focus, +.mate-panel-menu-bar button:focus, +window.background.csd.geary-main-window + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:focus, +window#GearyMainWindow.background.csd + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:focus, +layouttabbar button:focus, +filechooser #pathbarbox > stack > box > button:focus, +messagedialog.csd .dialog-action-box button:focus, +.app-notification button:focus, +actionbar + > revealer + > box + button:focus:not(.suggested-action):not(.destructive-action), +popover.background.menu button:focus, +popover.background button.model:focus, +.caja-pathbar button:focus, +.path-bar.linked:not(.vertical) > button:focus, +.nemo-window .primary-toolbar button:focus:not(.text-button), +headerbar button:focus:not(.suggested-action):not(.destructive-action), +toolbar button:focus, +combobox > .linked:not(.vertical) > button:focus:not(:only-child), +button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eeffff; +} + +.budgie-session-dialog .linked.horizontal > button:hover, +.budgie-polkit-dialog .linked.horizontal > button:hover, +.budgie-run-dialog .linked.horizontal > button:hover, +.drop-shadow button:hover, +.budgie-panel button:hover, +.budgie-popover row button:hover, +.budgie-settings-window buttonbox.inline-toolbar button:hover, +#mate-menu button:hover, +#MatePanelPopupWindow button:hover, +popover.messagepopover .popover-action-area button:hover, +tabbox > tab button:hover, +.gedit-search-slider .linked > button:hover, +placessidebar.sidebar row button.sidebar-button:hover, +calendar.button:hover, +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item) + button.circular:hover, +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable + button.circular:hover, +treeview.view header button button.circular:hover, +row.activatable button.circular:hover, +check:hover, +radio:hover, +scrollbar button:hover, +notebook > header > tabs > arrow:hover, +spinbutton.vertical button:hover, +spinbutton:not(.vertical) button:hover, +modelbutton.flat:hover, +.menuitem.button.flat:hover, +.nemo-window .toolbar button:hover, +#buttonbox_frame button:hover, +.xfce4-panel.background button:hover, +.raven stackswitcher.linked > button:hover, +.lock-dialog button:hover, +.mate-panel-menu-bar button:hover, +window.background.csd.geary-main-window + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:hover, +window#GearyMainWindow.background.csd + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:hover, +layouttabbar button:hover, +filechooser #pathbarbox > stack > box > button:hover, +messagedialog.csd .dialog-action-box button:hover, +.app-notification button:hover, +actionbar + > revealer + > box + button:hover:not(.suggested-action):not(.destructive-action), +popover.background.menu button:hover, +popover.background button.model:hover, +.caja-pathbar button:hover, +.path-bar.linked:not(.vertical) > button:hover, +.nemo-window .primary-toolbar button:hover:not(.text-button), +headerbar button:hover:not(.suggested-action):not(.destructive-action), +toolbar button:hover, +combobox > .linked:not(.vertical) > button:hover:not(:only-child), +button.flat:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: #eeffff; +} + +.budgie-session-dialog .linked.horizontal > button:active, +.budgie-polkit-dialog .linked.horizontal > button:active, +.budgie-run-dialog .linked.horizontal > button:active, +.drop-shadow button:active, +.budgie-panel button:active, +.budgie-popover row button:active, +.budgie-settings-window buttonbox.inline-toolbar button:active, +#mate-menu button:active, +#MatePanelPopupWindow button:active, +popover.messagepopover .popover-action-area button:active, +tabbox > tab button:active, +.gedit-search-slider .linked > button:active, +placessidebar.sidebar row button.sidebar-button:active, +calendar.button:active, +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item) + button.circular:active, +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable + button.circular:active, +treeview.view header button button.circular:active, +row.activatable button.circular:active, +check:active, +radio:active, +scrollbar button:active, +notebook > header > tabs > arrow:active, +spinbutton.vertical button:active, +spinbutton:not(.vertical) button:active, +modelbutton.flat:active, +.menuitem.button.flat:active, +.nemo-window .toolbar button:active, +#buttonbox_frame button:active, +.xfce4-panel.background button:active, +.raven stackswitcher.linked > button:active, +.lock-dialog button:active, +.mate-panel-menu-bar button:active, +window.background.csd.geary-main-window + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:active, +window#GearyMainWindow.background.csd + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:active, +layouttabbar button:active, +filechooser #pathbarbox > stack > box > button:active, +messagedialog.csd .dialog-action-box button:active, +.app-notification button:active, +actionbar + > revealer + > box + button:active:not(.suggested-action):not(.destructive-action), +popover.background.menu button:active, +popover.background button.model:active, +.caja-pathbar button:active, +.path-bar.linked:not(.vertical) > button:active, +.nemo-window .primary-toolbar button:active:not(.text-button), +headerbar button:active:not(.suggested-action):not(.destructive-action), +toolbar button:active, +combobox > .linked:not(.vertical) > button:active:not(:only-child), +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; + 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%; + color: #eeffff; +} + +.budgie-session-dialog .linked.horizontal > button:disabled, +.budgie-polkit-dialog .linked.horizontal > button:disabled, +.budgie-run-dialog .linked.horizontal > button:disabled, +.drop-shadow button:disabled, +.budgie-panel button:disabled, +.budgie-popover row button:disabled, +.budgie-settings-window buttonbox.inline-toolbar button:disabled, +#mate-menu button:disabled, +#MatePanelPopupWindow button:disabled, +popover.messagepopover .popover-action-area button:disabled, +tabbox > tab button:disabled, +.gedit-search-slider .linked > button:disabled, +placessidebar.sidebar row button.sidebar-button:disabled, +calendar.button:disabled, +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item) + button.circular:disabled, +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable + button.circular:disabled, +treeview.view header button button.circular:disabled, +row.activatable button.circular:disabled, +check:disabled, +radio:disabled, +scrollbar button:disabled, +notebook > header > tabs > arrow:disabled, +spinbutton.vertical button:disabled, +spinbutton:not(.vertical) button:disabled, +modelbutton.flat:disabled, +.menuitem.button.flat:disabled, +.nemo-window .toolbar button:disabled, +#buttonbox_frame button:disabled, +.xfce4-panel.background button:disabled, +.raven stackswitcher.linked > button:disabled, +.lock-dialog button:disabled, +.mate-panel-menu-bar button:disabled, +window.background.csd.geary-main-window + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:disabled, +window#GearyMainWindow.background.csd + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:disabled, +layouttabbar button:disabled, +filechooser #pathbarbox > stack > box > button:disabled, +messagedialog.csd .dialog-action-box button:disabled, +.app-notification button:disabled, +actionbar + > revealer + > box + button:disabled:not(.suggested-action):not(.destructive-action), +popover.background.menu button:disabled, +popover.background button.model:disabled, +.caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled, +.nemo-window .primary-toolbar button:disabled:not(.text-button), +headerbar button:disabled:not(.suggested-action):not(.destructive-action), +toolbar button:disabled, +combobox > .linked:not(.vertical) > button:disabled:not(:only-child), +button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(238, 255, 255, 0.3); +} + +.nemo-window .toolbar button:checked, +#buttonbox_frame button:checked, +.xfce4-panel.background button:checked, +.raven stackswitcher.linked > 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.csd .dialog-action-box button:checked, +.app-notification button:checked, +actionbar + > revealer + > box + button:checked:not(.suggested-action):not(.destructive-action), +popover.background.menu button:checked, +popover.background button.model:checked, +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, +.nemo-window .primary-toolbar button:checked:not(.text-button), +headerbar button:checked:not(.suggested-action):not(.destructive-action), +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: #eeffff; +} + +.nemo-window .toolbar button:checked:disabled, +#buttonbox_frame button:checked:disabled, +.xfce4-panel.background button:checked:disabled, +.raven stackswitcher.linked > 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.csd .dialog-action-box button:checked:disabled, +.app-notification button:checked:disabled, +actionbar + > revealer + > box + button:checked:disabled:not(.suggested-action):not(.destructive-action), +popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, +.caja-pathbar button:checked:disabled, +.path-bar.linked:not(.vertical) > button:checked:disabled, +.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), +headerbar + button:checked:disabled:not(.suggested-action):not(.destructive-action), +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: rgba(238, 255, 255, 0.5); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + +button.image-button { + min-width: 24px; + padding: 6px; +} + +button.image-button.destructive-action { + border-radius: 6px; +} + +button.text-button.image-button { + min-width: 24px; + padding: 6px; + border-radius: 6px; +} + +button.text-button.image-button label:first-child { + margin-left: 10px; +} + +button.text-button.image-button label:last-child { + margin-right: 10px; +} + +button.text-button.image-button.flat label:first-child { + margin-left: 6px; +} + +button.text-button.image-button.flat label:last-child { + margin-right: 6px; +} + +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: 6px; +} + +.linked:not(.vertical) + > button.flat.image-button:not(:only-child):not(.text-button), +.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) { + border-radius: 9999px; +} + +.linked:not(.vertical) > button.flat:focus, +.linked.vertical > button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 12px 16px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +button.osd:hover { + background-color: rgba(154, 165, 206, 0.9); + color: rgba(0, 0, 0, 0.87); +} + +button.osd:active { + background-color: rgba(154, 165, 206, 0.7); + color: rgba(0, 0, 0, 0.87); +} + +button.osd.image-button, +button.osd.circular { + padding: 12px; +} + +button.osd.image-button > image, +button.osd.circular > image { + padding: 0; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 2px 2.4px -1px rgba(226, 233, 233, 0.2), + 0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12); +} + +button.suggested-action:checked { + background-color: rgba(226, 233, 233, 0.5); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 3px 3px -3px rgba(226, 233, 233, 0.3), + 0 2px 3px -1px rgba(226, 233, 233, 0.24), + 0 2px 5px 0 rgba(226, 233, 233, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #e2e9e9; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(238, 255, 255, 0.3); +} + +button.suggested-action.flat:checked { + background-color: rgba(226, 233, 233, 0.3); +} + +button.destructive-action { + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 2px 2.4px -1px rgba(242, 139, 130, 0.2), + 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12); +} + +button.destructive-action:checked { + background-color: rgba(182, 105, 98, 0.961); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 3px 3px -3px rgba(242, 139, 130, 0.3), + 0 2px 3px -1px rgba(242, 139, 130, 0.24), + 0 2px 5px 0 rgba(242, 139, 130, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #f07178; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(238, 255, 255, 0.3); +} + +button.destructive-action.flat:checked { + background-color: rgba(242, 139, 130, 0.3); +} + +.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: 24px; + padding: 6px; +} + +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; +} + +modelbutton.flat, +.menuitem.button.flat { + min-height: 28px; + padding: 0 8px; + border-radius: 6px; + color: #eeffff; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +/********* + * Links * + *********/ +*:link { + color: #2196f3; +} + +*:visited { + color: #ce93d8; +} + +button.link:link, +button.link:link:focus, +button.link:link:hover, +button.link:link:active { + color: #2196f3; +} + +button.link:visited, +button.link:visited:focus, +button.link:visited:hover, +button.link:visited:active { + color: #ce93d8; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; +} + +spinbutton:not(.vertical) entry { + min-width: 32px; + 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: rgba(238, 255, 255, 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: rgba(238, 255, 255, 0.5); +} + +spinbutton.vertical entry { + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + min-height: 36px; + min-width: 42px; + 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: rgba(238, 255, 255, 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: -2px; +} + +combobox button.combo cellview:dir(rtl) { + margin-right: -2px; +} + +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: 6px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -36px; + padding-right: 36px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -36px; + padding-left: 36px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 6px; + padding: 4px; + border-radius: 6px; +} + +.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: 6px; + 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: rgba(238, 255, 255, 0.08); + color: #eeffff; +} + +button.combo:only-child:focus { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 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: rgba(238, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #e2e9e9; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 255, 255, 0.08); + color: rgba(238, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -gtkwidget-window-dragging: true; + padding: 2px; + background-color: #0f111a; +} + +.osd toolbar { + background-color: transparent; +} + +frame.documents-dropdown, +.app-notification, +toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +frame.documents-dropdown:backdrop, +.app-notification:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), + 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); +} + +frame.left.documents-dropdown, +.left.app-notification, +frame.right.documents-dropdown, +.right.app-notification, +frame.top.documents-dropdown, +.top.app-notification, +frame.bottom.documents-dropdown, +.bottom.app-notification, +toolbar.osd.left, +toolbar.osd.right, +toolbar.osd.top, +toolbar.osd.bottom { + border-radius: 0; +} + +frame.bottom.documents-dropdown, +.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: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; +} + +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; +} + +.inline-toolbar { + padding: 6px; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(238, 255, 255, 0.12); + background-color: #232637; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(238, 255, 255, 0.12); + background-color: #0f111a; + background-clip: border-box; +} + +searchbar > revealer > box { + margin: -6px; +} + +/*************** + * Header bars * + ***************/ +.nemo-window .primary-toolbar button:not(.text-button), +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.7); +} + +.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button), +headerbar + .linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; +} + +.nemo-window .primary-toolbar button:focus:not(.text-button), +headerbar button:focus:not(.suggested-action):not(.destructive-action), +.nemo-window .primary-toolbar button:hover:not(.text-button), +headerbar button:hover:not(.suggested-action):not(.destructive-action), +.nemo-window .primary-toolbar button:active:not(.text-button), +headerbar button:active:not(.suggested-action):not(.destructive-action), +.nemo-window .primary-toolbar button:checked:not(.text-button), +headerbar button:checked:not(.suggested-action):not(.destructive-action) { + color: #eeffff; +} + +.nemo-window .primary-toolbar button:disabled:not(.text-button), +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.3); +} + +.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), +headerbar + button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(238, 255, 255, 0.5); +} + +.nemo-window .primary-toolbar button:backdrop:not(.text-button), +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.5); +} + +.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), +headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), +.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), +headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), +.nemo-window .primary-toolbar button:backdrop:active:not(.text-button), +headerbar + button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.7); +} + +.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), +headerbar + button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.3); +} + +.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), +headerbar + button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.7); +} + +.nemo-window + .primary-toolbar + button:backdrop:checked:disabled:not(.text-button), +headerbar + button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.3); +} + +.nemo-window .primary-toolbar entry, +.titlebar entry { + background-color: rgba(238, 255, 255, 0.04); + color: #eeffff; +} + +.nemo-window .primary-toolbar entry:disabled, +.titlebar entry:disabled { + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +.nemo-window .primary-toolbar entry image, +.titlebar entry image { + color: rgba(238, 255, 255, 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: #eeffff; +} + +.nemo-window .primary-toolbar entry image:disabled, +.titlebar entry image:disabled { + color: rgba(238, 255, 255, 0.5); +} + +.titlebar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), + color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #0f111a; + color: #eeffff; + border-radius: 12px 12px 0 0; +} + +.titlebar:disabled { + color: rgba(238, 255, 255, 0.5); +} + +.titlebar:backdrop { + background-color: #0f111a; + color: rgba(238, 255, 255, 0.7); +} + +.titlebar:backdrop:disabled { + color: rgba(238, 255, 255, 0.3); +} + +.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: rgba(238, 255, 255, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(238, 255, 255, 0.5); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar headerbar + separator { + background-color: rgba(238, 255, 255, 0.12); +} + +.titlebar .linked:not(.vertical) > entry { + border-radius: 6px; + margin-left: 3px; + margin-right: 3px; +} + +.titlebar button.suggested-action:disabled, +.titlebar button.destructive-action:disabled { + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +.titlebar + stackswitcher.linked:not(.vertical) + > button.text-button:not(.suggested-action):not(.destructive-action):active { + box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08); + background-image: radial-gradient( + circle, + rgba(238, 255, 255, 0.08) 10%, + transparent 0% + ); +} + +.titlebar + stackswitcher.linked:not(.vertical) + > button.text-button:not(.suggested-action):not(.destructive-action):checked { + background-color: #e2e9e9; + color: #0f111a; +} + +.titlebar + .path-bar + button.text-button:not(.suggested-action):not(.destructive-action) { + min-width: 0; + padding-left: 6px; + padding-right: 6px; +} + +.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); + box-shadow: inset 0 1px rgba(238, 255, 255, 0); + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.titlebar.selection-mode:backdrop { + color: rgba(0, 0, 0, 0.6); +} + +.titlebar.selection-mode .subtitle:link { + color: rgba(0, 0, 0, 0.87); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action) { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 0%, + transparent 0% + ) + 0 0 0/0 0 0px; + color: rgba(0, 0, 0, 0.87); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(0, 0, 0, 0.38); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):checked { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 100%, + transparent 0% + ) + 0 0 2/0 0 2px; + color: rgba(0, 0, 0, 0.87); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(0, 0, 0, 0.6); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(0, 0, 0, 0.6); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.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'); +} + +.titlebar .selection-mode { + box-shadow: inset 0 1px rgba(238, 255, 255, 0); + background-color: #e2e9e9; +} + +.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: 10px 20px; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + border-radius: 12px 12px 0 0; +} + +.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; +} + +.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { + background-size: 1000% 1000%; +} + +.solid-csd .titlebar:dir(rtl), +.solid-csd .titlebar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +headerbar { + min-height: 48px; + padding: 1px 20px; +} + +headerbar:not(.titlebar) { + box-shadow: none; +} + +box.vertical headerbar { + background-color: #0f111a; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0; +} + +headerbar entry, +headerbar spinbutton, +headerbar button { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar button, +headerbar button.image-button { + border-radius: 6px; +} + +headerbar separator.titlebutton { + margin-top: 12px; + margin-bottom: 12px; + background-color: transparent; +} + +headerbar switch { + margin-top: 12px; + margin-bottom: 12px; +} + +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 + button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + margin: 5px 2px; + min-width: 120px; + padding: 0; + background-image: none; + 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):active { + box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08); + background-image: radial-gradient( + circle, + rgba(238, 255, 255, 0.08) 10%, + transparent 0% + ); +} + +headerbar.windowhandle + viewswitcher + button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { + background-color: #292d3e; + color: #84ffff; + font-weight: 500; +} + +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 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: 6px; + padding-right: 6px; + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + #e2e9e9 0%, + transparent 0% + ) + 0 0 0/0 0 0px; + border-radius: 6px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + #e2e9e9 100%, + transparent 0% + ) + 0 0 2/0 0 2px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, +.path-bar.linked:not(.vertical) > button:checked:disabled { + background-color: transparent; +} + +.caja-pathbar button label:not(:only-child):first-child, +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { + margin-left: 0; +} + +.caja-pathbar button label:not(:only-child):last-child, +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { + margin-right: 0; +} + +.caja-pathbar button.text-button, +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + +.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: rgba(238, 255, 255, 0.3); + border-top-color: rgba(238, 255, 255, 0.12); + min-height: 36px; +} + +* { + -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; +} + +window.background.csd + treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { + background-color: transparent; +} + +treeview.view:selected:not(.progressbar):not(.trough) { + background-image: image(alpha(currentColor, 0.1)); +} + +treeview.view:hover, +treeview.view:selected { + border-radius: 0; +} + +treeview.view.separator { + min-height: 6px; + color: rgba(238, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + -gtk-icon-transform: rotate(-90deg); + color: rgba(238, 255, 255, 0.7); +} + +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: #eeffff; +} + +treeview.view.expander:disabled { + color: rgba(238, 255, 255, 0.3); +} + +treeview.view.progressbar { + border: none; + box-shadow: none; + background-color: #e2e9e9; + background-image: none; + border-radius: 9999px; + color: rgba(0, 0, 0, 0.87); +} + +treeview.view.progressbar:selected:hover { + box-shadow: none; +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: rgba(238, 255, 255, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected:hover { + box-shadow: none; +} + +treeview.view header button { + padding: 2px 6px; + border: none; + border-radius: 6px; +} + +treeview.view header button:not(:focus):not(:hover):not(:active) { + color: rgba(238, 255, 255, 0.7); +} + +treeview.view header button, +treeview.view header button:disabled { + background-color: #0f111a; +} + +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(238, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #0f111a; + background-clip: border-box; + color: #e2e9e9; +} + +treeview.view acceleditor > label { + background-color: #e2e9e9; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -gtkwidget-window-dragging: true; + padding: 0; + background-color: #0f111a; + color: #eeffff; +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #0f111a; + color: rgba(238, 255, 255, 0.7); +} + +.csd menubar, +.csd .menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(238, 255, 255, 0.7); + border-radius: 6px; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + background-color: alpha(currentColor, 0.1); + color: #eeffff; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(238, 255, 255, 0.3); +} + +menubar > menuitem label:disabled, +.menubar > menuitem label:disabled { + color: inherit; +} + +.background.popup { + background-color: transparent; +} + +menu, +.menu, +.context-menu { + margin: 6px; + padding: 6px; + background-color: #292d3e; + background-clip: border-box; + border-radius: 12px; + border: 1px solid #444167; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); +} + +.csd menu, +.csd .menu, +.csd .context-menu { + border: none; +} + +menu menuitem, +.menu menuitem, +.context-menu menuitem { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: #eeffff; + font: initial; + font-weight: 500; + text-shadow: none; + border-radius: 6px; +} + +menu menuitem:hover, +.menu menuitem:hover, +.context-menu menuitem:hover { + transition: none; + background-color: #3b3f51; + color: #84ffff; + font-weight: 500; +} + +menu menuitem:hover accelerator, +.menu menuitem:hover accelerator, +.context-menu menuitem:hover accelerator { + color: #84ffff; + font-weight: 500; +} + +menu menuitem:hover:disabled accelerator, +.menu menuitem:hover:disabled accelerator, +.context-menu menuitem:hover:disabled accelerator { + color: #84ffff; + font-weight: 500; +} + +menu menuitem:disabled, +.menu menuitem:disabled, +.context-menu menuitem:disabled { + color: rgba(238, 255, 255, 0.5); +} + +menu menuitem accelerator, +.menu menuitem accelerator, +.context-menu menuitem accelerator { + color: rgba(238, 255, 255, 0.7); +} + +menu menuitem:disabled accelerator, +.menu menuitem:disabled accelerator, +.context-menu menuitem:disabled accelerator { + color: rgba(238, 255, 255, 0.3); +} + +menu menuitem arrow, +.menu menuitem arrow, +.context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; +} + +menu menuitem arrow:dir(ltr), +.menu menuitem arrow:dir(ltr), +.context-menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: 8px; +} + +menu menuitem arrow:dir(rtl), +.menu menuitem arrow:dir(rtl), +.context-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), +.menu menuitem label:dir(rtl), +.menu menuitem label:dir(ltr), +.context-menu menuitem label:dir(rtl), +.context-menu menuitem label:dir(ltr) { + color: inherit; +} + +menu .view:selected, +.menu .view:selected, +.context-menu .view:selected { + background-color: #464b5d; +} + +menu > arrow, +.menu > arrow, +.context-menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #292d3e; + color: rgba(238, 255, 255, 0.7); +} + +menu > arrow.top, +.menu > arrow.top, +.context-menu > arrow.top { + margin-top: 0; + border-radius: 6px; + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); +} + +menu > arrow.bottom, +.menu > arrow.bottom, +.context-menu > arrow.bottom { + margin-top: 8px; + margin-bottom: -12px; + border-radius: 6px; + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); +} + +menu > arrow:hover, +.menu > arrow:hover, +.context-menu > arrow:hover { + background-image: image(alpha(currentColor, 0.08)); + color: #eeffff; +} + +menu > arrow:disabled, +.menu > arrow:disabled, +.context-menu > arrow:disabled { + border-color: transparent; + background-color: transparent; + color: transparent; +} + +menu separator, +.menu separator, +.context-menu separator { + margin: 4px 0; +} + +/************ + * Popovers * + ************/ +popover.background { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + background-color: #292d3e; + border-radius: 12px; +} + +popover.background, +.csd popover.background { + border: 1px solid rgba(238, 255, 255, 0.2); + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75); + background-clip: border-box; +} + +popover.background:backdrop, +.csd popover.background:backdrop { + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +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 list, +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #292d3e; +} + +popover.background.combo viewport.frame > list { + background-color: transparent; +} + +popover.background.combo viewport.frame > list > row { + padding: 6px 12px; +} + +popover.background.combo viewport.frame > list > row:first-child { + border-radius: 12px 12px 0 0; +} + +popover.background.combo viewport.frame > list > row:last-child { + border-radius: 0 0 12px 12px; +} + +popover.background .linked > button:not(.radio) { + border-radius: 6px; +} + +popover.background .linked > button:not(.radio):first-child { + border-radius: 6px; +} + +popover.background .linked > button:not(.radio):last-child { + border-radius: 6px; +} + +popover.background .linked > button:not(.radio):only-child { + border-radius: 6px; +} + +popover.background.menu button, +popover.background button.model { + min-height: 32px; + padding: 0 8px; + border-radius: 6px; +} + +popover.background separator { + margin: 4px 0; +} + +popover.background list separator { + margin: 0; +} + +/************* + * 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: rgba(238, 255, 255, 0.7); + font-weight: 500; + border-radius: 6px; +} + +tabbox > tab:hover, +notebook > header tab:hover { + background-color: rgba(238, 255, 255, 0.04); + color: #eeffff; +} + +tabbox > tab:disabled, +notebook > header tab:disabled { + color: rgba(238, 255, 255, 0.3); +} + +tabbox > tab:checked, +notebook > header tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #232637; + color: #84ffff; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +tabbox > tab:checked:disabled, +notebook > header tab:checked:disabled { + color: rgba(238, 255, 255, 0.5); +} + +frame > paned > notebook > header, +notebook.frame > header { + background-color: rgba(238, 255, 255, 0.04); +} + +notebook, +notebook.frame { + background-color: #0f111a; + border-radius: 12px; +} + +notebook.frame frame > border { + border: none; + border-radius: 6px; +} + +notebook.frame frame > list row.activatable { + border-radius: 6px; +} + +notebook > header { + border: none; + background-color: transparent; + padding: 3px; + margin: 3px; + border-radius: 9px; +} + +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: 6px; +} + +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: rgba(238, 255, 255, 0.12); + color: #eeffff; +} + +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 tab button.close-button { + min-width: 24px; + min-height: 24px; +} + +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.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.reorderable-page, +notebook > header.right tabs tab.reorderable-page { + border-style: solid; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 6px; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #0f111a; +} + +* { + -gtkscrollbar-has-backward-stepper: false; + -gtkscrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: transparent; +} + +scrollbar.bottom { + border-bottom: transparent; +} + +scrollbar.left { + border-bottom: transparent; +} + +scrollbar.right { + border-bottom: transparent; +} + +scrollbar slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 4px; + min-height: 4px; + border: 2px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: rgba(238, 255, 255, 0.2); +} + +scrollbar slider:hover { + background-color: rgba(238, 255, 255, 0.3); +} + +scrollbar slider:active { + background-color: rgba(238, 255, 255, 0.3); +} + +scrollbar slider:disabled { + background-color: rgba(238, 255, 255, 0.2); +} + +scrollbar.fine-tune slider { + min-width: 2px; + min-height: 2px; +} + +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: 2px; + min-height: 2px; + margin: 2px; + border: 1px solid rgba(44, 44, 44, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 2px; + border: 1px solid rgba(44, 44, 44, 0.3); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: transparent; +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + min-width: 24px; +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { + min-width: 8px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + min-height: 24px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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, +scrollbar.vertical button.down:hover, +scrollbar.vertical button.up, +scrollbar.vertical button.up:hover, +scrollbar.horizontal button.down, +scrollbar.horizontal button.down:hover, +scrollbar.horizontal button.up, +scrollbar.horizontal button.up:hover { + background-color: transparent; + color: transparent; +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + border: 2px solid rgba(238, 255, 255, 0.7); + border-radius: 9999px; + background-color: transparent; + background-clip: border-box; + font-size: 0; +} + +switch:checked { + background-color: #e2e9e9; + border-color: #e2e9e9; +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; + -gtk-icon-transform: scale(0); +} + +switch slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + margin: 2px; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: rgba(238, 255, 255, 0.7); + border: none; +} + +switch:focus slider, +switch:hover slider, +switch:focus:hover slider { + box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12); +} + +switch:checked slider { + background-color: #0f111a; + color: #0f111a; +} + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + min-height: 40px; + min-width: 40px; + margin: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + background-image: none; +} + +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + -gtk-icon-source: -gtk-scaled( + url('assets/selectionmode-checkbox-unchecked-dark.png'), + url('assets/selectionmode-checkbox-unchecked-dark@2.png') + ); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + -gtk-icon-source: -gtk-scaled( + url('assets/selectionmode-checkbox-checked-dark.png'), + url('assets/selectionmode-checkbox-checked-dark@2.png') + ); +} + +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; +} + +check, +radio { + min-height: 24px; + min-width: 24px; + margin: -8px; + padding: 8px; +} + +check:checked, +check:indeterminate, +radio:checked, +radio:indeterminate { + color: #e2e9e9; +} + +check:checked:disabled, +check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(238, 255, 255, 0.3); +} + +check:not(:hover):focus, +radio:not(:hover):focus { + box-shadow: inset 0 0 0 9999px transparent; +} + +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:not(:checked):not(:indeterminate):not(:disabled), +popover + modelbutton.flat + radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(238, 255, 255, 0.7); +} + +popover modelbutton.flat check.left:dir(rtl), +popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -12px; + margin-right: -4px; +} + +popover modelbutton.flat check.right:dir(ltr), +popover modelbutton.flat radio.right:dir(ltr) { + margin-left: -4px; + margin-right: -12px; +} + +menu menuitem check, +menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), +menu menuitem radio:dir(ltr) { + margin-right: 8px; +} + +menu menuitem check:dir(rtl), +menu menuitem radio:dir(rtl) { + margin-left: 8px; +} + +menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), +menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(238, 255, 255, 0.7); +} + +menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover, +menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover { + color: inherit; +} + +menu menuitem check, +menu menuitem check:hover, +menu menuitem check:disabled, +menu menuitem radio, +menu menuitem radio:hover, +menu menuitem radio:disabled { + box-shadow: none; + color: inherit; +} + +check { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/checkbox-unchecked-symbolic.svg') + ); +} + +check:checked { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/checkbox-checked-symbolic.svg') + ); +} + +check:indeterminate { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/checkbox-mixed-symbolic.svg') + ); +} + +radio { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/radio-unchecked-symbolic.svg') + ); +} + +radio:checked { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/radio-checked-symbolic.svg') + ); +} + +radio:indeterminate { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/radio-mixed-symbolic.svg') + ); +} + +#MozillaGtkWidget > widget > checkbutton > check, +menu menuitem check { + min-height: 16px; + min-width: 16px; + border-radius: 6px; + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/small-checkbox-unchecked-symbolic.svg') + ); +} + +#MozillaGtkWidget > widget > checkbutton > check:checked, +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/small-checkbox-checked-symbolic.svg') + ); +} + +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/small-checkbox-mixed-symbolic.svg') + ); +} + +#MozillaGtkWidget > widget > radiobutton > radio, +menu menuitem radio { + min-height: 16px; + min-width: 16px; + border-image: none; + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/small-radio-unchecked-symbolic.svg') + ); +} + +#MozillaGtkWidget > widget > radiobutton > radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/small-radio-checked-symbolic.svg') + ); +} + +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/small-radio-mixed-symbolic.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); +} + +check:not(:checked), +radio:not(:checked) { + 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), -gtk-icon-transform 0; +} + +check:not(:checked):active, +radio:not(:checked):active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, + background-image 0, -gtk-icon-transform 0; +} + +menu menuitem check:not(:checked), +menu menuitem radio:not(:checked) { + transition: none; +} + +treeview.view check, +treeview.view radio { + padding: 0; + color: rgba(238, 255, 255, 0.7); +} + +treeview.view check:hover, +treeview.view check:active, +treeview.view radio:hover, +treeview.view radio:active { + color: #eeffff; +} + +treeview.view check:disabled, +treeview.view radio:disabled { + color: rgba(238, 255, 255, 0.3); +} + +treeview.view check:checked, +treeview.view check:indeterminate, +treeview.view radio:checked, +treeview.view radio:indeterminate { + color: #e2e9e9; +} + +treeview.view check:checked:disabled, +treeview.view check:indeterminate:disabled, +treeview.view radio:checked:disabled, +treeview.view radio:indeterminate:disabled { + color: rgba(238, 255, 255, 0.3); +} + +treeview.view check:hover, +treeview.view check:selected, +treeview.view radio:hover, +treeview.view radio:selected { + box-shadow: none; + background-color: transparent; +} + +treeview.view radio:checked { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/radio-checked-symbolic.svg') + ); + border-image: none; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 17px 12px; +} + +scale.vertical { + padding: 12px 17px; +} + +scale slider { + min-height: 18px; + min-width: 18px; + margin: -8px; +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 16px; + padding-bottom: 16px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 16px; + padding-right: 16px; +} + +scale.fine-tune slider { + margin: -7px; +} + +scale trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(238, 255, 255, 0.3); +} + +scale trough:disabled { + background-color: rgba(238, 255, 255, 0.12); +} + +scale highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#e2e9e9); +} + +scale highlight:disabled { + background-color: #0f111a; + background-image: image(rgba(238, 255, 255, 0.3)); +} + +scale fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(238, 255, 255, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #e2e9e9; + background-color: #0f111a; + box-shadow: inset 0 0 0 2px #e2e9e9; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3); +} + +scale marks, +scale value { + color: rgba(238, 255, 255, 0.7); +} + +scale indicator { + background-color: rgba(238, 255, 255, 0.3); + color: transparent; +} + +scale.horizontal marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale.horizontal.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { + margin-right: 6px; + margin-left: -14px; +} + +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-before:not(.marks-after) slider, +scale.horizontal.marks-before:not(.marks-after) slider:hover, +scale.horizontal.marks-before:not(.marks-after) slider:active, +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-before-slider-dark.png'), + url('assets/scale-horz-marks-before-slider-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-before-slider-disabled-dark.png'), + url('assets/scale-horz-marks-before-slider-disabled-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-before-slider-dark.png'), + url('assets/scale-horz-marks-before-slider-dark@2.png') + ), + radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-after:not(.marks-before) slider, +scale.horizontal.marks-after:not(.marks-before) slider:hover, +scale.horizontal.marks-after:not(.marks-before) slider:active, +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-after-slider-dark.png'), + url('assets/scale-horz-marks-after-slider-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-after-slider-disabled-dark.png'), + url('assets/scale-horz-marks-after-slider-disabled-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-after-slider-dark.png'), + url('assets/scale-horz-marks-after-slider-dark@2.png') + ), + radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-before:not(.marks-after) slider, +scale.vertical.marks-before:not(.marks-after) slider:hover, +scale.vertical.marks-before:not(.marks-after) slider:active, +scale.vertical.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-before-slider-dark.png'), + url('assets/scale-vert-marks-before-slider-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-before-slider-disabled-dark.png'), + url('assets/scale-vert-marks-before-slider-disabled-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-before-slider-dark.png'), + url('assets/scale-vert-marks-before-slider-dark@2.png') + ), + radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-after:not(.marks-before) slider, +scale.vertical.marks-after:not(.marks-before) slider:hover, +scale.vertical.marks-after:not(.marks-before) slider:active, +scale.vertical.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-after-slider-dark.png'), + url('assets/scale-vert-marks-after-slider-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-after-slider-disabled-dark.png'), + url('assets/scale-vert-marks-after-slider-disabled-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-after-slider-dark.png'), + url('assets/scale-vert-marks-after-slider-dark@2.png') + ), + radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +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: rgba(238, 255, 255, 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: 6px; + background-color: rgba(238, 255, 255, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #e2e9e9; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #e2e9e9; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 36px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 36px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 6px; +} + +levelbar block.low { + background-color: #ffcb6b; +} + +levelbar block.high, +levelbar block:not(.empty) { + background-color: #e2e9e9; +} + +levelbar block.full { + background-color: #81c995; +} + +levelbar block.empty { + background-color: rgba(238, 255, 255, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; + color: #eeffff; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, +.frame { + margin: 0; + padding: 0; + border: 1px solid rgba(238, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; +} + +frame > border.view, +.frame.view { + border-radius: 6px; +} + +frame > border.flat, +.frame.flat { + border-style: none; +} + +frame.flat > border, +statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; + background-clip: border-box; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 12px 12px; +} + +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.75, + to(rgba(226, 233, 233, 0.24)), + to(transparent) + ); + 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.75, + to(rgba(226, 233, 233, 0.24)), + to(transparent) + ); + 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.75, + to(rgba(226, 233, 233, 0.24)), + to(transparent) + ); + 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.75, + to(rgba(226, 233, 233, 0.24)), + to(transparent) + ); + 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: rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(238, 255, 255, 0.12); +} + +preferences stacksidebar.sidebar list separator, +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + separator, +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + separator, +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + separator, +.tweak-categories 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 * + *********/ +list { + border-color: rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +list row { + padding: 3px; +} + +list.navigation-sidebar { + padding: 3px; +} + +.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item), +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, +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); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +.budgie-popover.budgie-menu + button.flat:focus:not(.image-button):not(.indicator-item), +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable:focus, +treeview.view header button:focus, +row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.budgie-popover.budgie-menu + button.flat:hover:not(.image-button):not(.indicator-item), +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable:hover, +treeview.view header button:hover, +row.activatable:hover { + 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); +} + +.budgie-popover.budgie-menu + button.has-open-popup.flat:not(.image-button):not(.indicator-item), +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.has-open-popup.activatable, +treeview.view header button.has-open-popup, +.budgie-popover.budgie-menu + button.flat:active:not(.image-button):not(.indicator-item), +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable:active, +treeview.view header button:active, +row.activatable.has-open-popup, +row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, + background-image 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%; +} + +row:selected { + color: inherit; +} + +row:selected image, +row:selected label { + color: #eeffff; +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(238, 255, 255, 0.5); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; +} + +.app-notification button.text-button:not(:disabled) { + color: #e2e9e9; +} + +.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: rgba(238, 255, 255, 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: #eeffff; +} + +expander title > arrow:disabled { + color: rgba(238, 255, 255, 0.3); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 3px 6px; + border: 1px solid rgba(238, 255, 255, 0.12); + color: #eeffff; +} + +calendar:disabled { + color: rgba(238, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 6px; +} + +calendar.header { + border-style: none none solid; + border-color: rgba(238, 255, 255, 0.12); + border-radius: 0; +} + +calendar.button { + border-radius: 6px; +} + +calendar.highlight { + color: rgba(238, 255, 255, 0.7); + font-weight: 500; +} + +calendar:indeterminate { + color: rgba(238, 255, 255, 0.3); +} + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: #292d3e; +} + +messagedialog .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; + color: #eeffff; +} + +messagedialog .titlebar:backdrop { + background-color: #292d3e; + color: rgba(238, 255, 255, 0.7); +} + +messagedialog checkbutton.text-button { + padding: 2px 12px 2px 24px; +} + +messagedialog checkbutton.text-button > check { + margin-left: 0; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +messagedialog.csd .dialog-action-box { + margin-top: -6px; +} + +messagedialog.csd .dialog-action-box button, +messagedialog.csd .dialog-action-box button:first-child, +messagedialog.csd .dialog-action-box button:last-child { + border-radius: 6px; +} + +messagedialog.csd .dialog-action-box button:not(:last-child) { + margin-right: 6px; +} + +messagedialog.csd .dialog-action-box button:not(:disabled) { + color: #e2e9e9; +} + +messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) { + color: #e2e9e9; +} + +messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { + color: #f07178; +} + +.csd filechooser { + background-color: #0f111a; + border-radius: 0 0 12px 12px; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +filechooser stack.view { + background-color: transparent; + padding: 0; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 0; +} + +filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +filechooser stack.view > placesview { + background-color: transparent; +} + +filechooser stack.view > placesview > actionbar, +filechooser stack.view > placesview > actionbar > revealer > box { + background-color: transparent; +} + +filechooser stack.view frame > border { + border: none; +} + +.csd filechooser placessidebar { + background: none; + border-bottom-left-radius: 12px; +} + +filechooser actionbar, +filechooser actionbar > revealer > box { + background-color: transparent; +} + +filechooser revealer box button label { + padding-left: 10px; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; +} + +stacksidebar.sidebar:dir(ltr) list, +stacksidebar.sidebar.left list, +stacksidebar.sidebar.left:dir(rtl) list, +.sidebar:not(separator):dir(ltr), +.sidebar.left:not(separator) { + border-right: 1px solid rgba(238, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, +stacksidebar.sidebar.right list, +.sidebar:not(separator):dir(rtl), +.sidebar.right:not(separator) { + border-left: 1px solid rgba(238, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, +paned .sidebar.right, +paned .sidebar.left:dir(rtl), +paned .sidebar:dir(rtl), +paned .sidebar:dir(ltr), +paned .sidebar { + border-style: none; +} + +stacksidebar.sidebar list { + padding: 3px; + background-color: #0f111a; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 3px; + border-radius: 6px; +} + +stacksidebar.sidebar row:selected { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, +stacksidebar.sidebar row:selected image { + color: rgba(0, 0, 0, 0.87); +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(238, 255, 255, 0.12); +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(238, 255, 255, 0.7); +} + +row image.sidebar-icon:disabled { + color: rgba(238, 255, 255, 0.3); +} + +placessidebar.sidebar > viewport.frame { + border-style: none; +} + +placessidebar.sidebar list { + padding: 6px; +} + +placessidebar.sidebar row { + min-height: 32px; + margin: 0; + padding: 0; + border-radius: 6px; +} + +placessidebar.sidebar row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar.sidebar row:selected { + background-color: #e2e9e9; + font-weight: 500; +} + +placessidebar.sidebar row:selected, +placessidebar.sidebar row:selected image.sidebar-icon, +placessidebar.sidebar row:selected button.sidebar-button { + color: rgba(0, 0, 0, 0.87); +} + +placessidebar.sidebar row:disabled { + color: rgba(238, 255, 255, 0.5); +} + +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: #e2e9e9; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #e2e9e9; +} + +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); +} + +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: transparent; + background-image: image(rgba(238, 255, 255, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #0f111a; + background-image: image(rgba(238, 255, 255, 0.12)), + image(rgba(238, 255, 255, 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: #0f111a; +} + +infobar.info > revealer > box button, +infobar.info > revealer > box button.text-button:not(:disabled), +infobar.info:hover > revealer > box button, +infobar.info:hover > revealer > box button.text-button:not(:disabled), +infobar.info:backdrop > revealer > box button, +infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { + color: #e2e9e9; +} + +infobar.action > revealer > box, +infobar.action:backdrop > revealer > box, +infobar.question > revealer > box, +infobar.question:backdrop > revealer > box { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + border-radius: 12px 12px 0 0; +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.action > revealer > box *:link, +infobar.action:backdrop > revealer > box *:link, +infobar.question > revealer > box *:link, +infobar.question:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.action:hover > revealer > box, +infobar.question:hover > revealer > box { + background-color: #eeffff; + border-radius: 12px 12px 0 0; +} + +infobar.warning > revealer > box, +infobar.warning:backdrop > revealer > box { + background-color: #ffcb6b; + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.warning > revealer > box *:link, +infobar.warning:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #fdd11a; +} + +infobar.error > revealer > box, +infobar.error:backdrop > revealer > box { + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.error > revealer > box *:link, +infobar.error:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.error:hover > revealer > box { + background-color: #f0766b; +} + +/************ + * Tooltips * + ************/ +tooltip * { + background-color: transparent; + color: #eeffff; +} + +tooltip { + border-radius: 3px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: #eeffff; +} + +tooltip.background.csd { + border-radius: 6px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip > box { + margin: -6px; + min-height: 24px; + padding: 4px 8px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +colorswatch.top overlay { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +colorswatch.bottom { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.left, +colorswatch:first-child:not(.top) { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +colorswatch.left overlay, +colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +colorswatch.right, +colorswatch:last-child:not(.bottom) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.right overlay, +colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.dark { + color: #eeffff; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch overlay { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px #e2e9e9; +} + +colorswatch#add-color-button { + border-radius: 6px 6px 0 0; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(238, 255, 255, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(238, 255, 255, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(238, 255, 255, 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; +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), + 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f111a; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; + margin: 8px; +} + +.csd decoration { + border: 1px solid rgba(238, 255, 255, 0.2); + background-color: #1A1C25; + background-clip: border-box; +} + +decoration:backdrop { + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; +} + +.maximized decoration, +.fullscreen decoration, +.tiled decoration, +.tiled-top decoration, +.tiled-right decoration, +.tiled-bottom decoration, +.tiled-left decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; +} + +.ssd decoration { + border: none; + border-radius: 12px 12px 0 0; + background-color: #0f111a; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.metacity decoration { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: none; +} + +.csd.popup decoration { + border-radius: 12px; + border: 1px solid rgba(238, 255, 255, 0.2); + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: none; + border: none; +} + +messagedialog.csd decoration { + border-radius: 12px; + border: 1px solid rgba(238, 255, 255, 0.2); + background-color: #232637; + background-clip: border-box; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: #0f111a; + border: 1px solid rgba(238, 255, 255, 0.2); +} + +.solid-csd decoration:backdrop { + background-color: #0f111a; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + min-height: 12px; + min-width: 12px; + padding: 0; + margin: 0 2px; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize, +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize, +button.titlebutton:not(.suggested-action):not(.destructive-action).close { + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize, +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active, +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover, +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active { + background-color: #ffcb6b; + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover, +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active { + background-color: shade(#ffcb6b, 0.5); + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize, +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active, +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover, +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active { + background-color: #c3e88d; + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active { + background-color: shade(#c3e88d, 0.5); + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).close, +button.titlebutton:not(.suggested-action):not(.destructive-action).close:active, +button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover, +button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active { + background-color: #f07178; + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover, +button.titlebutton:not(.suggested-action):not(.destructive-action).close:active { + background-color: shade(#f07178, 0.5); + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop, +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop, +button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop { + background-color: #464b5d; + color: transparent; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #e2e9e9; + -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 rgba(238, 255, 255, 0.12); + border-radius: 7px; + box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12); + background-color: #292d3e; + color: #eeffff; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #e2e9e9; +} + +stackswitcher { + min-height: 0; + border-radius: 9999px; + padding: 2px; + margin: 6px 0; + background-color: alpha(currentColor, 0.05); + border: 1px solid #232637; +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + border-radius: 9999px; + background-color: transparent; + min-height: 20px; + padding: 5px 10px; +} + +stackswitcher.linked:not(.vertical) + > button.text-button:not(.suggested-action):not(.destructive-action) { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):active { + box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08); + background-image: radial-gradient( + circle, + alpha(#e2e9e9, 0.08) 10%, + transparent 0% + ); +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):checked { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 36px; + min-height: 36px; + padding: 0; +} + +/************* + * App Icons * + *************/ +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker entry { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +button.emoji-section { + margin: 4px; +} + +button.emoji-section:checked { + color: #e2e9e9; +} + +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: 6px; +} + +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.unified headerbar { + box-shadow: none; +} + +.nautilus-window.background.csd { + background-color: #0f111a; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd headerbar { + padding-left: 12px; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); +} + +.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 { + background-color: transparent; + color: rgba(238, 255, 255, 0.7); +} + +.nautilus-window.background.csd placessidebar > viewport.frame { + background-color: #0f111a; + color: #e2e9e9; + margin: 0 0 6px 6px; + border-radius: 0 12px 12px 0; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list { + background: none; + padding: 0 0 0 4px; +} + +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable { + border-radius: 6px; +} + +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable + image.sidebar-icon, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable + label.sidebar-label, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable + button.sidebar-button { + color: #e2e9e9; +} + +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:hover { + background-color: #232637; + color: #e2e9e9; +} + +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:selected { + background-color: #232637; + font-weight: 700; + border-left: 3px solid #f07178; +} + +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:selected, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:selected + image.sidebar-icon, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:selected + label.sidebar-label, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:selected + button.sidebar-button { + color: #84ffff; +} + +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:disabled, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:disabled + image.sidebar-icon, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:disabled + label.sidebar-label { + color: rgba(238, 255, 255, 0.3); +} + +.nautilus-window.background.csd placessidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window.background.csd paned > separator { + background: none; +} + +.nautilus-window.background.csd paned > separator.wide { + min-width: 0; + min-height: 0; + background: none; +} + +.nautilus-window.background.csd .nautilus-list-view { + background-color: transparent; + border-radius: 12px; +} + +.nautilus-window.background.csd notebook { + background: none; +} + +.nautilus-window.background.csd notebook > stack { + background-color: #232637; + border-radius: 12px; + border: 1px solid rgba(65, 72, 104, 0.2); + margin: 0 6px 6px; +} + +.nautilus-window.background.csd + notebook + scrolledwindow + > .view:not(:selected):not(:hover):not(:checked) { + background-color: transparent; +} + +.nautilus-window.background.csd notebook scrolledwindow .view:selected { + background-color: rgba(238, 255, 255, 0.20); +} + +.nautilus-window.background.csd + notebook + placesview + > stack + > frame + > scrolledwindow + > viewport + > list { + background-color: transparent; +} + +.nautilus-window.background.csd notebook placesview > actionbar { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd + notebook + placesview + > actionbar + > revealer + > box { + background-color: transparent; +} + +.nautilus-window.maximized, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 6px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(0, 0, 0, 0.87); +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: rgba(238, 255, 255, 0.7); +} + +.nemo-desktop.nemo-canvas-item, +.caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: #eeffff; +} + +@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: 6px; +} + +.path-bar-box button { + margin: 0; +} + +.path-bar-box.width-maximized { + background-color: rgba(238, 255, 255, 0.04); +} + +.path-bar-box.background.frame { + border-style: none; + background-color: rgba(238, 255, 255, 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: 12px; + padding-right: 12px; + 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.text-button:not(.suggested-action):not(.destructive-action) { + min-width: 0; +} + +.path-bar-box + .linked.nautilus-path-bar + button.text-button.image-button:not(.suggested-action):not(.destructive-action) + 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) { + color: #84ffff; + background-color: #232637; +} + +.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 { + color: #84ffff; + background-color: #232637; +} + +.windowhandle .linked.nautilus-path-bar { + background-color: #232637; + border-radius: 6px; + 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.current-dir:not(.suggested-action):not(.destructive-action) { + color: #84ffff; +} + +.windowhandle + .linked.nautilus-path-bar + button.current-dir:not(.suggested-action):not(.destructive-action):hover, +.windowhandle + .linked.nautilus-path-bar + button.current-dir:not(.suggested-action):not(.destructive-action):active { + background: none; + box-shadow: none; +} + +.disk-space-display.unknown { + background-color: rgba(238, 255, 255, 0.3); + color: rgba(238, 255, 255, 0.3); +} + +.disk-space-display.used { + background-color: #e2e9e9; + color: #e2e9e9; +} + +.disk-space-display.free { + background-color: rgba(238, 255, 255, 0.12); + color: rgba(238, 255, 255, 0.12); +} + +.search-information { + padding: 2px; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; + color: #eeffff; +} + +.conflict-row:not(:selected) { + background-color: #6b5f2e; +} + +.nautilus-window flowboxchild .icon-item-background { + padding: 4px; + border-radius: 6px; +} + +.nautilus-window flowboxchild:selected { + background-color: transparent; +} + +.nautilus-window notebook .view:not(treeview) { + 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 rgba(238, 255, 255, 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: rgba(238, 255, 255, 0.7); +} + +.nautilus-window paned > separator { + background-color: #232637; +} + +/********* + * 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: rgba(238, 255, 255, 0.7); + font-size: smaller; +} + +.open-document-selector-match { + background-color: #ffcb6b; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-document-panel { + background-color: #232637; +} + +.gedit-document-panel row button.flat { + margin-top: 8px; + margin-bottom: 8px; +} + +.gedit-document-panel-group-row:not(:first-child) { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(238, 255, 255, 0.12); + border-radius: 0 0 12px 12px; +} + +.gedit-search-slider { + margin: 4px 4px 8px; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 6px; +} + +.gedit-search-slider + .linked:not(.vertical) + > entry + .gedit-search-entry-occurrences-tag { + all: unset; + color: rgba(238, 255, 255, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) { + margin-right: -66px; + padding-right: 66px; +} + +.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) { + margin-left: -66px; + padding-left: 66px; +} + +.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: #292d3e; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button { + color: rgba(0, 0, 0, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.gedit-search-slider .linked > button { + border: solid 6px transparent; + border-radius: 9999px; +} + +.gedit-search-slider .linked > button:last-child:dir(ltr), +.gedit-search-slider .linked > button:not(:first-child):dir(rtl) { + margin-left: -3px; +} + +.gedit-search-slider .linked > button:first-child:dir(rtl), +.gedit-search-slider .linked > button:not(:last-child):dir(ltr) { + margin-right: -3px; +} + +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 * + **********/ +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 frame.view, +leaflet frame.view, +box.horizontal > stack.background frame.view, +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, +.tweak-group-startup, +list.content:not(.conversation-listbox) { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(238, 255, 255, 0.12); +} + +window.background.csd + stack + stack + stack + frame + > list + row.activatable:first-child, +window.background.csd > stack > list row.activatable:first-child, +preferencesgroup list row.activatable:first-child, +.geary-accounts-editor-pane list row.activatable:first-child, +window.background.csd.unified + > deck + > deck + > deck + list + row.activatable:first-child, +hdyleaflet list.view row.activatable:first-child, +hdyleaflet list.frame row.activatable:first-child, +leaflet list.view row.activatable:first-child, +leaflet list.frame row.activatable:first-child, +box.horizontal > stack.background list.view row.activatable:first-child, +box.horizontal > stack.background list.frame row.activatable:first-child, +hdyleaflet frame.view list row.activatable:first-child, +leaflet frame.view list row.activatable:first-child, +box.horizontal > stack.background frame.view list row.activatable:first-child, +hdyleaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:first-child, +hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child, +leaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:first-child, +leaflet overlay scrolledwindow > viewport list row.activatable:first-child, +box.horizontal + > stack.background + stack.background + scrolledwindow + > viewport + list + row.activatable:first-child, +box.horizontal + > stack.background + overlay + scrolledwindow + > viewport + list + row.activatable:first-child, +hdyleaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:first-child, +leaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:first-child, +box.horizontal + > stack.background + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:first-child, +list.tweak-group list row.activatable:first-child, +.tweak-group-startup row.activatable:first-child, +list.content:not(.conversation-listbox) > row:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +window.background.csd stack stack stack frame > list row.activatable:last-child, +window.background.csd > stack > list row.activatable:last-child, +preferencesgroup list row.activatable:last-child, +.geary-accounts-editor-pane list row.activatable:last-child, +window.background.csd.unified + > deck + > deck + > deck + list + row.activatable:last-child, +hdyleaflet list.view row.activatable:last-child, +hdyleaflet list.frame row.activatable:last-child, +leaflet list.view row.activatable:last-child, +leaflet list.frame row.activatable:last-child, +box.horizontal > stack.background list.view row.activatable:last-child, +box.horizontal > stack.background list.frame row.activatable:last-child, +hdyleaflet frame.view list row.activatable:last-child, +leaflet frame.view list row.activatable:last-child, +box.horizontal > stack.background frame.view list row.activatable:last-child, +hdyleaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:last-child, +hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child, +leaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:last-child, +leaflet overlay scrolledwindow > viewport list row.activatable:last-child, +box.horizontal + > stack.background + stack.background + scrolledwindow + > viewport + list + row.activatable:last-child, +box.horizontal + > stack.background + overlay + scrolledwindow + > viewport + list + row.activatable:last-child, +hdyleaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:last-child, +leaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:last-child, +box.horizontal + > stack.background + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:last-child, +list.tweak-group list row.activatable:last-child, +.tweak-group-startup row.activatable:last-child, +list.content:not(.conversation-listbox) > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +window.background.csd stack stack stack frame > list row.activatable:only-child, +window.background.csd > stack > list row.activatable:only-child, +preferencesgroup list row.activatable:only-child, +.geary-accounts-editor-pane list row.activatable:only-child, +window.background.csd.unified + > deck + > deck + > deck + list + row.activatable:only-child, +hdyleaflet list.view row.activatable:only-child, +hdyleaflet list.frame row.activatable:only-child, +leaflet list.view row.activatable:only-child, +leaflet list.frame row.activatable:only-child, +box.horizontal > stack.background list.view row.activatable:only-child, +box.horizontal > stack.background list.frame row.activatable:only-child, +hdyleaflet frame.view list row.activatable:only-child, +leaflet frame.view list row.activatable:only-child, +box.horizontal > stack.background frame.view list row.activatable:only-child, +hdyleaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:only-child, +hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child, +leaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:only-child, +leaflet overlay scrolledwindow > viewport list row.activatable:only-child, +box.horizontal + > stack.background + stack.background + scrolledwindow + > viewport + list + row.activatable:only-child, +box.horizontal + > stack.background + overlay + scrolledwindow + > viewport + list + row.activatable:only-child, +hdyleaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:only-child, +leaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:only-child, +box.horizontal + > stack.background + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:only-child, +list.tweak-group list row.activatable:only-child, +.tweak-group-startup row.activatable:only-child, +list.content:not(.conversation-listbox) > row:only-child { + border-radius: 6px; +} + +window.background.csd stack stack stack frame > list row.activatable:focus, +window.background.csd > stack > list row.activatable:focus, +preferencesgroup list row.activatable:focus, +.geary-accounts-editor-pane list row.activatable:focus, +window.background.csd.unified > deck > deck > deck list row.activatable:focus, +hdyleaflet list.view row.activatable:focus, +hdyleaflet list.frame row.activatable:focus, +leaflet list.view row.activatable:focus, +leaflet list.frame row.activatable:focus, +box.horizontal > stack.background list.view row.activatable:focus, +box.horizontal > stack.background list.frame row.activatable:focus, +hdyleaflet frame.view list row.activatable:focus, +leaflet frame.view list row.activatable:focus, +box.horizontal > stack.background frame.view list row.activatable:focus, +hdyleaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:focus, +hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus, +leaflet stack.background scrolledwindow > viewport list row.activatable:focus, +leaflet overlay scrolledwindow > viewport list row.activatable:focus, +box.horizontal + > stack.background + stack.background + scrolledwindow + > viewport + list + row.activatable:focus, +box.horizontal + > stack.background + overlay + scrolledwindow + > viewport + list + row.activatable:focus, +hdyleaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:focus, +leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus, +box.horizontal + > stack.background + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:focus, +list.tweak-group list row.activatable:focus, +.tweak-group-startup row.activatable:focus, +list.content:not(.conversation-listbox) > row:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +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, +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable, +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable, +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable, +list.navigation-sidebar > row { + border-radius: 6px; + margin: 1px 3px; +} + +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > list + > row.activatable:selected, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > box.vertical + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected, +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected, +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected, +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected, +list.navigation-sidebar > row:selected { + background-color: #292d3e; +} + +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > list + > row.activatable:selected, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > box.vertical + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected, +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected, +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected, +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected, +list.navigation-sidebar > row:selected, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > list + > row.activatable:selected + image, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected + image, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > box.vertical + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected + image, +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected + image, +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected + image, +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected + image, +list.navigation-sidebar > row:selected image, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > list + > row.activatable:selected + label, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected + label, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > box.vertical + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected + label, +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected + label, +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected + label, +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected + label, +list.navigation-sidebar > row:selected label { + color: #84ffff; + font-weight: 500; +} + +.csd .tweak-categories { + border-bottom-left-radius: 12px; +} + +.csd.maximized .tweak-categories, +.csd.tiled .tweak-categories { + border-bottom-left-radius: 0; +} + +.tweak { + padding: 3px; +} + +.tweak.title:hover { + box-shadow: none; +} + +.tweak-group-#eeffff, +.tweak-#eeffff, +.tweak-#eeffff:hover { + background-image: image(#0f111a); +} + +.tweak-startup, +.tweak-startup:hover { + background-image: image(#0f111a); +} + +.tweak-group-startup { + background-image: image(#0f111a); +} + +.tweak-group-startup row.tweak-startup { + border-radius: 6px; + background-color: transparent; + background-image: none; +} + +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.titlebar > .titlebar.tweak-titlebar-left + separator, +leaflet.titlebar > .titlebar.tweak-titlebar-right + separator, +hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator, +hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator { + background-color: inherit; + background-image: image(rgba(238, 255, 255, 0.12)); +} + +/************************ + * 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 + > 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: #0f111a; + 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 > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #0f111a; + border-bottom-left-radius: 12px; +} + +window.background.csd + > leaflet + > box.vertical + > scrolledwindow.view + > viewport.frame + > stack, +window.background.csd + > hdyleaflet + > box.vertical + > scrolledwindow.view + > viewport.frame + > stack, +window.background.csd + > box.horizontal + > box.vertical + > scrolledwindow.view + > viewport.frame + > stack { + background-color: transparent; +} + +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 { + background-color: transparent; +} + +window.background.csd + > leaflet + > box.vertical + > scrolledwindow.view + > viewport.frame + > stack + list + row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd + > hdyleaflet + > box.vertical + > scrolledwindow.view + > viewport.frame + > stack + list + row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd + > box.horizontal + > box.vertical + > scrolledwindow.view + > viewport.frame + > stack + list + row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window.background.csd.maximized + > headerbar.titlebar + > leaflet + > headerbar:first-child:not(:only-child), +window.background.csd.maximized + > headerbar.titlebar + > hdyleaflet + > headerbar:first-child:not(:only-child), +window.background.csd.tiled + > headerbar.titlebar + > leaflet + > headerbar:first-child:not(:only-child), +window.background.csd.tiled + > headerbar.titlebar + > hdyleaflet + > headerbar:first-child:not(:only-child) { + border-top-left-radius: 0; +} + +window.background.csd.maximized + > headerbar.titlebar + > leaflet + > headerbar:last-child:not(:only-child), +window.background.csd.maximized + > headerbar.titlebar + > hdyleaflet + > headerbar:last-child:not(:only-child), +window.background.csd.tiled + > headerbar.titlebar + > leaflet + > headerbar:last-child:not(:only-child), +window.background.csd.tiled + > headerbar.titlebar + > hdyleaflet + > headerbar:last-child:not(:only-child) { + border-top-right-radius: 0; +} + +window.background.csd.maximized + > headerbar.titlebar + > leaflet + > headerbar:first-child:only-child, +window.background.csd.maximized + > headerbar.titlebar + > leaflet + > headerbar:last-child:only-child, +window.background.csd.maximized + > headerbar.titlebar + > hdyleaflet + > headerbar:first-child:only-child, +window.background.csd.maximized + > headerbar.titlebar + > hdyleaflet + > headerbar:last-child:only-child, +window.background.csd.tiled + > headerbar.titlebar + > leaflet + > headerbar:first-child:only-child, +window.background.csd.tiled + > headerbar.titlebar + > leaflet + > headerbar:last-child:only-child, +window.background.csd.tiled + > headerbar.titlebar + > hdyleaflet + > headerbar:first-child:only-child, +window.background.csd.tiled + > headerbar.titlebar + > hdyleaflet + > headerbar:last-child:only-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +window.background.csd.maximized > stack:not(.titlebar) > stack.background, +window.background.csd.tiled > stack:not(.titlebar) > stack.background { + border-radius: 0; +} + +window.background.csd.maximized + > leaflet + > stack.background + > widget + > box.vertical + > box.vertical + > scrolledwindow + > viewport.frame, +window.background.csd.maximized + > hdyleaflet + > stack.background + > widget + > box.vertical + > box.vertical + > scrolledwindow + > viewport.frame, +window.background.csd.maximized + > box.horizontal + > stack.background + > widget + > box.vertical + > box.vertical + > scrolledwindow + > viewport.frame, +window.background.csd.tiled + > leaflet + > stack.background + > widget + > box.vertical + > box.vertical + > scrolledwindow + > viewport.frame, +window.background.csd.tiled + > hdyleaflet + > stack.background + > widget + > box.vertical + > box.vertical + > scrolledwindow + > viewport.frame, +window.background.csd.tiled + > box.horizontal + > stack.background + > widget + > box.vertical + > box.vertical + > scrolledwindow + > viewport.frame { + border-bottom-right-radius: 0; +} + +window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, +window.background.csd.maximized + > hdyleaflet + > box.vertical + > scrolledwindow.view, +window.background.csd.maximized + > box.horizontal + > box.vertical + > scrolledwindow.view, +window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, +window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd.tiled + > box.horizontal + > box.vertical + > scrolledwindow.view { + border-bottom-left-radius: 0; +} + +dialog.background.csd + > box.vertical.dialog-vbox + > notebook + > stack + > box.horizontal + > notebook + > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd.maximized + > box.vertical.dialog-vbox + > notebook + > stack + > box.horizontal + > notebook + > stack, +dialog.background.csd.tiled + > box.vertical.dialog-vbox + > notebook + > stack + > box.horizontal + > notebook + > stack { + border-radius: 0; +} + +hdyleaflet frame > border, +leaflet frame > border, +box.horizontal > stack.background frame > border { + border: none; +} + +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group), +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group), +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) { + padding: 3px; +} + +hdyleaflet frame.view list, +leaflet frame.view list, +box.horizontal > stack.background frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, +leaflet frame.view list > separator, +box.horizontal > stack.background frame.view list > separator { + background: none; + min-height: 0; +} + +/************************ + * Gnome system monitor * + ************************/ +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #0f111a; + 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: rgba(238, 255, 255, 0.04); + padding: 3px; + margin: 3px; + border-radius: 9px; +} + +tabbox > tab button { + min-height: 24px; + min-width: 24px; + border-radius: 9999px; + border: none; + padding: 0; +} + +/***************** + * 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.background + > box.vertical + > toolbar.primary-toolbar + > toolitem + > .linked + > button.image-button.raised, +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: 6px; + margin: 0; +} + +.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; + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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 + > toolitem + > .linked + > button.image-button.raised + > widget + > box + > image { + padding: 0; +} + +/********** + * Polari * + **********/ +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +stack.view.polari-entry-area { + background-color: #0f111a; + border-top: 1px solid rgba(238, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#0f111a); +} + +/*********** + * Builder * + ***********/ +layouttabbar { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +layouttabbar > box > button { + margin: 2px 0; +} + +layouttab { + margin: 0 8px; + border-style: none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 -2px #e2e9e9; + background-color: #0f111a; +} + +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(0, 0, 0, 0.2); + -pnldockbin-handle-size: 1; +} + +entry.search-missing { + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); +} + +window.workbench treeview.image { + color: rgba(238, 255, 255, 0.7); +} + +popover.popover-selector list { + padding: 6px; +} + +popover.popover-selector list row { + border-radius: 6px; +} + +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: 6px; +} + +omnibar:not(:hover):not(:active) entry { + color: rgba(238, 255, 255, 0.7); +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +entry.preferences-search { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + box-shadow: none; + background-color: #0f111a; +} + +preferences stacksidebar.sidebar list { + background-color: #232637; +} + +preferences stacksidebar.sidebar:dir(ltr) list, +preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; +} + +preferences > box > box:dir(ltr) { + border-right: 1px solid rgba(238, 255, 255, 0.12); +} + +preferences > box > box:dir(rtl) { + border-left: 1px solid rgba(238, 255, 255, 0.12); +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(238, 255, 255, 0.12); + border-radius: 0; +} + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 6px; +} + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 6px; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.transfers list { + background-color: transparent; +} + +popover.transfers list row:not(:first-child) { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +popover.transfers list row > box { + padding: 10px; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.2); + -pnldockbin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.2); +} + +eggsearchbar box.search-bar { + padding: 0 8px; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +docktabstrip { + padding: 0 8px; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +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, #e2e9e9 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: rgba(238, 255, 255, 0.7); + font-weight: 500; +} + +docktab:hover { + background-color: alpha(currentColor, 0.08); + color: #eeffff; +} + +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 #e2e9e9; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + color: #eeffff; +} + +dockoverlayedge { + background-color: #0f111a; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge docktab:checked { + box-shadow: inset -2px 0 #e2e9e9; +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 #e2e9e9; +} + +pillbox { + background-color: #0f111a; + border-radius: 6px; +} + +layoutpane entry.search { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + box-shadow: none; + background-color: #0f111a; +} + +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: 10px; + padding-right: 10px; +} + +button.dzlmenubutton image { + min-width: 30px; +} + +button.dzlmenubutton image.arrow { + min-width: 27px; +} + +button.dzlmenubuttonitem { + color: #eeffff; + font-weight: normal; +} + +button.dzlmenubuttonitem:disabled { + color: rgba(238, 255, 255, 0.5); +} + +idelayoutstackheader { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +idelayoutstackheader button:checked { + color: #eeffff; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher { + padding: 8px 0; + background-color: #0f111a; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { + border-right: 1px solid rgba(238, 255, 255, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { + border-left: 1px solid rgba(238, 255, 255, 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, + rgba(226, 233, 233, 0.7) 10%, + transparent 0% + ); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { + background-color: transparent; + color: #eeffff; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { + margin-right: -1px; +} + +ideeditorutilities + > dzldockpaned + > box + > stackswitcher + button:dir(ltr):checked { + box-shadow: inset -2px 0 #e2e9e9; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities + > dzldockpaned + > box + > stackswitcher + button:dir(rtl):checked { + box-shadow: inset 2px 0 #e2e9e9; +} + +ideeditorsidebar notebook header { + background: transparent; +} + +popover.messagepopover list { + border: 1px solid rgba(238, 255, 255, 0.12); +} + +popover.messagepopover list row:not(:last-child) { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +/********** + * Photos * + **********/ +GdMainIconView.content-view { + -gdmainiconview-icon-size: 48; +} + +.documents-counter { + margin: 8px; + border-radius: 9999px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + 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: #eeffff; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: alpha(currentColor, 0.06); + color: #eeffff; +} + +button.photos-filter-preview:checked image { + color: #eeffff; +} + +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: rgba(238, 255, 255, 0.12); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: rgba(238, 255, 255, 0.12); +} + +.side-panel .view { + background-image: image(#232637); +} + +.side-panel .view:hover { + background-image: image(#363636); +} + +.side-panel .view:selected { + background-image: image(#e2e9e9); +} + +.side-panel .view:selected:hover { + background-image: image(rgba(210, 210, 210, 0.9896)); +} + +.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 rgba(238, 255, 255, 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; +} + +/******************* + * Document Viewer * + *******************/ +window.background.csd evview.view.content-view { + border-radius: 0 0 12px 12px; +} + +/******************* + * Archive Manager * + *******************/ +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #0f111a; +} + +.background.csd + > grid.horizontal + > paned.horizontal + > box.vertical + > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #0f111a; +} + +/************ + * Terminal * + ************/ +terminal-window decoration { + padding: 0 2px 3px 2px; + background-color: #0f111a; + border-radius: 12px; +} + +terminal-window.background.csd, +terminal-window.background.csd.maximized { + border-radius: 0 0 0 0; +} + +terminal-window notebook > header > box { + margin: -2px -2px -2px 1px; +} + +terminal-window notebook > header > box button { + min-height: 24px; + min-width: 24px; + padding: 3px; +} + +window.background > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background + > box.vertical + > box.horizontal + > frame + > scrolledwindow + > viewport.frame + list { + border-bottom-left-radius: 12px; +} + +window.background + > box.vertical + > box.horizontal + > stack + > widget + > notebook.frame { + border-width: 0; +} + +window.background + > box.vertical + > box.horizontal + > stack + > widget + > notebook.frame + > stack { + border-bottom-right-radius: 12px; +} + +.tilix-background, +.tilix-background vte-terminal { + border-radius: 0 0 12px 12px; +} + +/********* + * 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: -6px; +} + +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: -6px; +} + +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(0, 0, 0, 0.2); +} + +list.categories { + background-image: image(#232637); +} + +/********* + * Boxes * + *********/ +.transparent-bg + stack overlay > label { + min-height: 24px; + padding: 0 4px; + border-radius: 6px; + background-color: #232637; + color: #eeffff; +} + +/************** + * Calculator * + **************/ +button.title label { + min-height: 36px; +} + +/********* + * 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: #eeffff; + background-color: #0f111a; + box-shadow: none; + border-bottom: 1px solid rgba(0, 0, 0, 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: #0f111a; +} + +.geary-main-window.unified + > deck + > overlay + > .geary-main-layout + > leaflet + > headerbar, +.geary-main-window.unified + > deck + > overlay + > .geary-main-layout + > leaflet + > leaflet + > headerbar { + box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12); +} + +.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: #0f111a; + box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12); + 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: #0f111a; +} + +.geary-main-window.unified + > deck + > overlay + > .geary-main-layout + > leaflet + > leaflet + > box.vertical + + separator.sidebar { + min-width: 1px; + background-color: rgba(238, 255, 255, 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: 6px; + 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: 6px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.geary-main-window.unified separator.geary-sidebar-pane-separator { + min-width: 1px; + background-color: rgba(238, 255, 255, 0.12); +} + +.geary-main-window.unified + geary-conversation-viewer#conversation_viewer + list.background.conversation-listbox.content + > row.activatable { + border: 1px solid rgba(238, 255, 255, 0.12); + border-bottom-width: 0; + background-color: #0f111a; +} + +.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 > headerbar.titlebar { + box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12); +} + +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: #0f111a; +} + +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: 6px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 6px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 6px; +} + +window.background.csd.unified headerbar { + box-shadow: none; +} + +window.background.csd.unified > decoration-overlay { + box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.2); +} + +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; +} + +/********* + * Tilix * + *********/ +overlay > revealer.left > scrolledwindow.frame, +overlay > revealer.right > scrolledwindow.frame { + border-style: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), + 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); +} + +overlay > revealer.left > scrolledwindow.frame { + margin-right: 32px; +} + +overlay > revealer.right > scrolledwindow.frame { + margin-left: 32px; +} + +.terminix-session-sidebar, +.tilix-session-sidebar { + background-image: image(#292d3e); +} + +.terminal-titlebar button { + border-radius: 0; +} + +button.image-button.session-new-button { + min-width: 32px; +} + +notebook.tilix-background tab > box > stack { + margin: -6px; +} + +button.flat.tilix-small-button { + min-height: 20px; + min-width: 16px; +} + +window > notebook > stack { + margin: 0 3px 3px 3px; +} + +window > notebook { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} + +/************** + * Terminator * + **************/ +.terminator-terminal-window paned > separator { + background-color: #0f111a; +} + +.terminator-terminal-window notebook.frame { + border-style: none; +} + +/************* + * Ubitquity * + *************/ +#live_installer .menubar progressbar trough { + border-radius: 4px; + background-color: rgba(238, 255, 255, 0.12); +} + +/*********** + * 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: 6px; +} + +/************ + * Chromium * + ************/ +window.background.chromium { + background-color: #292d3e; +} + +window.background.chromium decoration { + background-clip: padding-box; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), + 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); +} + +window.background.chromium entry, +window.background.chromium > button { + border: 1px solid #444167; +} + +window.background.chromium > button { + color: #e2e9e9; +} + +window.background.chromium > button:disabled { + color: rgba(238, 255, 255, 0.3); +} + +window.background.chromium menubar, +window.background.chromium headerbar { + color: rgba(238, 255, 255, 0.7); +} + +window.background.chromium headerbar button:active { + background-color: alpha(currentColor, 0.12); +} + +window.background.chromium spinner { + color: #e2e9e9; +} + +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +window.background.chromium treeview.view button { + border: 1px solid #444167; + background-color: #0f111a; +} + +window.background.chromium menu { + border-color: #515772; +} + +window.background.chromium menu menuitem { + border-radius: 0; +} + +tooltip.background.chromium { + background-color: #191919; +} + +/*********** + * Firefox * + ***********/ +#MozillaGtkWidget > widget text { + background-color: #0f111a; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +#MozillaGtkWidget > widget > separator { + color: #0f111a; +} + +#MozillaGtkWidget > widget > scrollbar { + background-clip: border-box; +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #0f111a; +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid #0f111a; + border-radius: 6px; + box-shadow: none; +} + +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(238, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > entry { + min-height: 30px; + background-color: #0f111a; +} + +#MozillaGtkWidget > widget > entry:focus { + border-color: #e2e9e9; + box-shadow: inset 0 0 0 1px #e2e9e9; +} + +#MozillaGtkWidget > widget > entry:disabled { + background-color: #232637; +} + +#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: #737aa2; +} + +#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: #828bb8; +} + +#MozillaGtkWidget + > widget + > checkbutton + > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget + > widget + > radiobutton + > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(113, 124, 180, 0.5); +} + +#MozillaGtkWidget menu { + border: none; +} + +#MozillaGtkWidget > widget > menubar { + color: rgba(238, 255, 255, 0.7); +} + +#MozillaGtkWidget > widget > menubar:hover { + color: #eeffff; +} + +#MozillaGtkWidget > widget > menubar:disabled { + color: rgba(238, 255, 255, 0.3); +} + +#MozillaGtkWidget > widget > frame { + color: #444167; +} + +#MozillaGtkWidget menu > separator { + color: #444167; +} + +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(238, 255, 255, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(ltr) { + border-left: 1px solid rgba(238, 255, 255, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(rtl) { + border-right: 1px solid rgba(238, 255, 255, 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; +} + +/*********** + * Synapse * + ***********/ +/*************** + * Libreoffice * + ***************/ +window.background + > grid + > widget + > widget + > scrolledwindow + > viewport + > grid + > box + > box + > frame + > box { + background-color: #0f111a; +} + +/********* + * 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; +} + +/*********** + * GnuCash * + ***********/ +#gnc-id-main-window gnc-id-sheet-list > scrolledwindow { + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; + border: 1px solid #444167; +} + +#gnc-id-main-window treeview.view { + background-color: #0f111a; +} + +/********* + * Unity * + *********/ +UnityDecoration { + -unitydecoration-extents: 28px 0 0 0; + -unitydecoration-input-extents: 8px; + -unitydecoration-shadow-offset-x: 0; + -unitydecoration-shadow-offset-y: 3px; + -unitydecoration-active-shadow-color: rgba(0, 0, 0, 0.48); + -unitydecoration-active-shadow-radius: 18px; + -unitydecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); + -unitydecoration-inactive-shadow-radius: 6px; + -unitydecoration-glow-size: 8px; + -unitydecoration-glow-color: #e2e9e9; + -unitydecoration-title-indent: 4px; + -unitydecoration-title-fade: 32px; + -unitydecoration-title-alignment: 0; +} + +UnityDecoration .top { + padding: 0 2px; + border-style: none; + border-radius: 12px 12px 0 0; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #0f111a; + color: #eeffff; +} + +UnityDecoration .top:backdrop { + background-color: #0f111a; + color: rgba(238, 255, 255, 0.7); +} + +UnityDecoration .menuitem { + color: rgba(238, 255, 255, 0.7); +} + +UnityDecoration .menuitem:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: #eeffff; +} + +.background:not(.csd) headerbar:not(.titlebar) { + border-radius: 0; + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), + 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); +} + +.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) { + border-style: none; +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(15, 17, 26, 0.95); + color: #eeffff; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: rgba(238, 255, 255, 0.7); +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + color: rgba(238, 255, 255, 0.7); +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: #eeffff; +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + animation: spin 1s linear infinite; + color: #e2e9e9; +} + +/************** + * Mate-Panel * + **************/ +.mate-panel-menu-bar menubar, +#PanelApplet-window-menu-applet-button { + background-color: transparent; +} + +.mate-panel-menu-bar { + background-color: rgba(15, 17, 26, 0.95); + color: rgba(238, 255, 255, 0.7); + font-weight: 500; +} + +.mate-panel-menu-bar button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; +} + +PanelToplevel.horizontal > grid > button { + min-width: 24px; +} + +PanelToplevel.vertical > grid > button { + min-height: 24px; +} + +PanelSeparator { + color: rgba(238, 255, 255, 0.12); +} + +MatePanelAppletFrameDBus { + border-style: solid; + border-color: rgba(238, 255, 255, 0.12); +} + +.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { + border-width: 0 1px; +} + +.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { + border-width: 1px 0; +} + +.mate-panel-menu-bar menubar > menuitem { + color: rgba(238, 255, 255, 0.7); +} + +.mate-panel-menu-bar menubar > menuitem:hover { + color: #eeffff; +} + +.mate-panel-menu-bar menubar > menuitem:disabled { + color: rgba(238, 255, 255, 0.3); +} + +.mate-panel-menu-bar.horizontal menubar > menuitem { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical menubar > menuitem { + padding: 8px 0; +} + +.mate-panel-menu-bar menubar menu > menuitem { + min-height: 28px; + padding: 0 6px; +} + +.mate-panel-menu-bar #PanelApplet button { + -gtkwidget-window-dragging: true; +} + +.mate-panel-menu-bar #tasklist-button { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 0%, + transparent 0% + ) + 0 0 0/0 0 0px; +} + +.mate-panel-menu-bar #tasklist-button:checked { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 100%, + transparent 0% + ) + 0 0 2/0 0 2px; +} + +.mate-panel-menu-bar #tasklist-button image:dir(ltr), +.mate-panel-menu-bar #tasklist-button label:dir(rtl) { + padding-left: 4px; +} + +.mate-panel-menu-bar #tasklist-button label:dir(ltr), +.mate-panel-menu-bar #tasklist-button image:dir(rtl) { + padding-right: 4px; +} + +.mate-panel-menu-bar.vertical #tasklist-button { + min-height: 32px; +} + +.mate-panel-menu-bar.horizontal #showdesktop-button image { + min-width: 24px; + padding: 0 4px; +} + +.mate-panel-menu-bar.vertical #showdesktop-button image { + min-height: 24px; + padding: 4px 0; +} + +PanelApplet.wnck-applet .wnck-pager { + background-color: transparent; + color: #e2e9e9; +} + +PanelApplet.wnck-applet .wnck-pager:hover { + background-color: alpha(currentColor, 0.08); +} + +PanelApplet.wnck-applet .wnck-pager:active { + background-color: alpha(currentColor, 0.12); +} + +PanelApplet.wnck-applet .wnck-pager:selected { + background-color: #e2e9e9; +} + +.mate-panel-menu-bar.horizontal #clock-applet-button label { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical #clock-applet-button label { + padding: 8px 0; +} + +#MatePanelPopupWindow { + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 7px; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +#MatePanelPopupWindow frame > border { + border-style: none; +} + +#MatePanelPopupWindow calendar { + border-style: none; +} + +#MatePanelPopupWindow calendar:not(:selected) { + background-color: transparent; +} + +#MatePanelPopupWindow calendar + box { + margin-top: -5px; + padding-top: 5px; + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + +#MatePanelPopupWindow button { + padding: 4px 16px; +} + +#MatePanelPopupWindow > frame > box > box > box > widget { + color: rgba(238, 255, 255, 0.12); +} + +na-tray-applet { + -natrayapplet-icon-padding: 3px; + -natrayapplet-icon-size: 16; +} + +.mate-panel-menu-bar { + -panelmenubar-icon-visible: true; +} + +.mate-panel-applet-slider { + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 7px; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +.mate-panel-applet-slider frame > border { + border-style: none; +} + +#PanelApplet:not(:selected) > box { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +#PanelApplet:selected > box { + background-color: alpha(currentColor, 0.1); + color: #eeffff; +} + +#mate-menu { + border: 1px solid rgba(0, 0, 0, 0.2); + background-color: #292d3e; +} + +#mate-menu button { + min-height: 24px; + min-width: 24px; + padding: 4px 0; + color: #eeffff; + font-weight: normal; +} + +#mate-menu button:not(.flat) { + background-color: alpha(currentColor, 0.1); +} + +#mate-menu button image, +#mate-menu button label + label { + color: rgba(238, 255, 255, 0.7); +} + +#mate-menu entry { + margin: 0 0 4px; +} + +#mate-menu entry image { + margin: 0; +} + +#mate-menu entry + button { + margin: 0 4px 4px; + padding: 6px; +} + +.brisk-menu { + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.brisk-menu entry + box > box:dir(ltr) { + margin-right: -2px; + border-right: 1px solid rgba(238, 255, 255, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(238, 255, 255, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #e2e9e9; +} + +.brisk-menu .session-button { + padding: 12px; +} + +.brisk-menu .frame { + border-style: none; +} + +.brisk-menu .apps-list { + padding: 4px 0; + background-color: transparent; +} + +.brisk-menu .apps-list row { + padding: 0; +} + +.brisk-menu .apps-list row:hover { + box-shadow: none; +} + +.brisk-menu .apps-list button { + border-radius: 0; + color: #eeffff; + font-weight: normal; +} + +/********************* + * CAJA File manager * + *********************/ +.caja-navigation-window button.toggle.image-button { + border-radius: 6px; +} + +.caja-pathbar button { + margin: 0 -1px 0 -2px; +} + +.caja-pathbar button.slider-button { + min-width: 24px; +} + +.caja-pathbar button > widget { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + -gtkarrow-arrow-scaling: 1; +} + +.caja-side-pane notebook viewport.frame, +.caja-side-pane notebook widget .vertical { + background-color: #0f111a; +} + +.caja-side-pane notebook, +.caja-notebook { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.caja-side-pane notebook .frame, +.caja-notebook .frame { + border-style: none; +} + +.caja-canvas-item { + border-radius: 6px; +} + +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: 6px; + background-color: rgba(238, 255, 255, 0.04); + background-image: none; + color: #eeffff; +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: alpha(currentColor, 0.06); +} + +.caja-desktop.view .entry { + background-color: #0f111a; + color: #eeffff; + caret-color: currentColor; +} + +.caja-desktop.view .entry:selected { + background-color: alpha(currentColor, 0.06); +} + +.caja-navigation-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.caja-notebook frame > border { + border-style: none; +} + +#caja-extra-view-widget { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +#caja-extra-view-widget > box > box > label { + font-weight: bold; +} + +/********* + * Pluma * + *********/ +.pluma-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.pluma-window statusbar frame > border { + border-style: none; +} + +.pluma-window statusbar frame button.flat { + padding: 0 4px; + border-radius: 0; +} + +.pluma-window statusbar frame button.flat widget { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + -gtkarrow-arrow-scaling: 1; +} + +.pluma-print-preview toolbar { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat { + margin: 1px; +} + +.pluma-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.pluma-window paned.horizontal box.vertical notebook.frame { + margin-top: -1px; + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.pluma-window + paned.horizontal + box.vertical + notebook.frame + box.vertical + toolbar.horizontal { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +/********* + * Atril * + *********/ +.atril-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.atril-window paned.horizontal box.vertical notebook .frame { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +/* mate-screensaver lock dialog */ +.lock-dialog { + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 7px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +.lock-dialog frame > border { + border-style: none; +} + +.lock-dialog button:not(:disabled) { + color: #e2e9e9; +} + +/* multimedia OSD */ +MsdOsdWindow.background.osd { + border-radius: 6px; + background-color: rgba(25, 25, 25, 0.9); + color: #eeffff; +} + +MsdOsdWindow.background.osd .trough { + border-radius: 0; + background-color: rgba(238, 255, 255, 0.12); +} + +MsdOsdWindow.background.osd .progressbar { + border-radius: 0; + background-color: #e2e9e9; +} + +/****************** + * Budgie Desktop * + ******************/ +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window list.sidebar { + border-radius: 0 0 0 12px; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; +} + +.budgie-popover { + border-style: solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); + border-radius: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + background-color: #292d3e; +} + +.budgie-popover .container { + padding: 6px; +} + +.budgie-popover separator { + margin: 3px 0; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row { + padding: 0; +} + +.budgie-popover row:hover { + box-shadow: none; +} + +.budgie-popover row button { + border-radius: 0px; +} + +.budgie-popover scrolledwindow.sidebar.categories { + background-color: rgba(238, 255, 255, 0.04); +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) { + background-color: rgba(238, 255, 255, 0.04); + border-right: none; + border-bottom-left-radius: 6px; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable { + padding: 6px 8px; +} + +.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) { + padding-top: 6px; + border-top-left-radius: 6px; + border-bottom-left-radius: 0; +} + +.budgie-popover + > frame.container + > grid.horizontal + > grid.horizontal + > widget + > grid.horizontal + > stack { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.budgie-popover.bottom + > frame.container + > grid.horizontal + > grid.horizontal + > widget + > grid.horizontal + > stack { + border-top: none; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +.budgie-popover button { + border-radius: 0px; +} + +.budgie-popover button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #eeffff; + font-weight: normal; + border-radius: 0px; +} + +.budgie-popover button.flat:not(.image-button):disabled { + color: rgba(238, 255, 255, 0.5); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.budgie-menu .sidebar, +.budgie-popover.budgie-menu scrollbar, +.budgie-popover.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-popover.budgie-menu entry.search { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + font-size: 120%; +} + +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item) { + min-height: 32px; + padding: 0 8px; + border-radius: 0; +} + +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item):checked:disabled { + background-color: transparent; +} + +.budgie-popover.user-menu list, +.budgie-popover.user-menu row { + border: none; + background: none; + box-shadow: none; +} + +.budgie-popover.user-menu + > frame.container + > box.vertical + row.activatable:first-child { + margin-bottom: 3px; + outline-width: 0; + border-radius: 6px; +} + +.budgie-popover.user-menu + > frame.container + > box.vertical + row.activatable:first-child + button.indicator-item { + transition: none; + animation: none; +} + +.budgie-popover.night-light-indicator .container { + padding: 3px; +} + +.budgie-popover.night-light-indicator .view-header { + margin: 0 6px; +} + +.budgie-popover.places-menu .container { + padding: 3px; +} + +.budgie-popover.places-menu .name-button image:dir(ltr) { + margin-right: 3px; +} + +.budgie-popover.places-menu .name-button image:dir(rtl) { + margin-left: 3px; +} + +.budgie-popover.places-menu .unmount-button { + margin: 2px; + padding: 0; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 3px; + padding-top: 3px; + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(238, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), +.bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), +.bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, +.right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(238, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), +.bottom .workspace-switcher .workspace-item:dir(ltr), +.top .workspace-switcher .workspace-add-button:dir(ltr), +.bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), +.bottom .workspace-switcher .workspace-item:dir(rtl), +.top .workspace-switcher .workspace-add-button:dir(rtl), +.bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, +.right .workspace-switcher .workspace-item, +.left .workspace-switcher .workspace-add-button, +.right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: alpha(currentColor, 0.1); +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-panel button.budgie-menu-launcher { + padding: 0 0; + margin: 3px 0; + min-width: 16px; + min-height: 16px; + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel button.budgie-menu-launcher { + background: none; + box-shadow: none; +} + +.budgie-panel button.budgie-menu-launcher image { + padding: 0; + margin: 0; + border-radius: 9999px; + background-image: image(rgba(238, 255, 255, 0.12)); +} + +.budgie-panel button.budgie-menu-launcher:hover { + color: #eeffff; +} + +.budgie-panel button.budgie-menu-launcher:hover image { + background-image: image(rgba(238, 255, 255, 0.2)); +} + +.budgie-panel button.budgie-menu-launcher:active, +.budgie-panel button.budgie-menu-launcher:checked { + color: #eeffff; +} + +.budgie-panel button.budgie-menu-launcher:active image, +.budgie-panel button.budgie-menu-launcher:checked image { + background-image: image(rgba(238, 255, 255, 0.28)); +} + +.budgie-panel { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(15, 17, 26, 0.95); + color: rgba(238, 255, 255, 0.7); + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: #232637; +} + +.budgie-panel button { + color: rgba(238, 255, 255, 0.7); + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 0; +} + +.budgie-panel button:hover { + color: #eeffff; +} + +.budgie-panel button:active { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel button.budgie-menu-launcher { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel button.budgie-menu-launcher:focus { + background: none; + box-shadow: none; + border: none; + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel button.raven-trigger { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(238, 255, 255, 0.3); +} + +.budgie-panel .alert { + color: #f07178; +} + +.budgie-panel .titlebar:not(headerbar) { + min-height: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + color: #eeffff; +} + +.budgie-panel + .titlebar:not(headerbar) + button:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel + .titlebar:not(headerbar) + button:not(.suggested-action):not(.destructive-action):hover, +.budgie-panel + .titlebar:not(headerbar) + button:not(.suggested-action):not(.destructive-action):active { + color: #eeffff; +} + +.budgie-panel menubar, +.budgie-panel .menubar { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel menubar > menuitem:active, +.budgie-panel .menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:active { + color: #eeffff; +} + +.budgie-panel #tasklist-button { + padding: 0 4px; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: rgba(238, 255, 255, 0.5); +} + +.budgie-panel button.flat.launcher:not(:checked):hover, +.budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled { + color: rgba(238, 255, 255, 0.3); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked, +.top .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient( + circle closest-corner at center calc(1px), + currentColor 100%, + transparent 0% + ) + 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 100%, + transparent 0% + ) + 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel .unpinned button.flat.launcher:checked, +.left .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient( + circle closest-corner at calc(1px) center, + currentColor 100%, + transparent 0% + ) + 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel .unpinned button.flat.launcher:checked, +.right .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient( + circle closest-corner at calc(100% - 1px) center, + currentColor 100%, + transparent 0% + ) + 0 2 0 0/0 2px 0 0; +} + +.top .budgie-panel #tasklist-button, +.budgie-panel .top #tasklist-button { + border-image: radial-gradient( + circle closest-corner at center calc(1px), + currentColor 0%, + transparent 0% + ) + 0 0 0 0/0 0 0 0; +} + +.top .budgie-panel #tasklist-button:checked, +.budgie-panel .top #tasklist-button:checked { + border-image: radial-gradient( + circle closest-corner at center calc(1px), + currentColor 100%, + transparent 0% + ) + 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel #tasklist-button, +.budgie-panel .bottom #tasklist-button { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 0%, + transparent 0% + ) + 0 0 0 0/0 0 0 0; +} + +.bottom .budgie-panel #tasklist-button:checked, +.budgie-panel .bottom #tasklist-button:checked { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 100%, + transparent 0% + ) + 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel #tasklist-button, +.budgie-panel .left #tasklist-button { + border-image: radial-gradient( + circle closest-corner at calc(1px) center, + currentColor 0%, + transparent 0% + ) + 0 0 0 0/0 0 0 0; +} + +.left .budgie-panel #tasklist-button:checked, +.budgie-panel .left #tasklist-button:checked { + border-image: radial-gradient( + circle closest-corner at calc(1px) center, + currentColor 100%, + transparent 0% + ) + 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel #tasklist-button, +.budgie-panel .right #tasklist-button { + border-image: radial-gradient( + circle closest-corner at calc(100% - 1px) center, + currentColor 0%, + transparent 0% + ) + 0 0 0 0/0 0 0 0; +} + +.right .budgie-panel #tasklist-button:checked, +.budgie-panel .right #tasklist-button:checked { + border-image: radial-gradient( + circle closest-corner at calc(100% - 1px) center, + currentColor 100%, + transparent 0% + ) + 0 2 0 0/0 2px 0 0; +} + +frame.raven-frame > border { + border-style: none; +} + +.top frame.raven-frame > border { + margin-bottom: 32px; +} + +.bottom frame.raven-frame > border { + margin-top: 32px; +} + +.left frame.raven-frame > border { + margin-right: 32px; +} + +.right frame.raven-frame > border { + margin-left: 32px; +} + +.raven { + background-color: #292d3e; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), + 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven stackswitcher.linked { + margin: 6px 16px; +} + +.raven stackswitcher.linked > button:focus { + box-shadow: none; +} + +.raven .raven-header { + min-height: 36px; + padding: 3px; +} + +.raven .raven-header.top { + padding: 0; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +.raven .raven-header.top stackswitcher button { + margin: -4px 0 -5px; + padding: 0 16px; + min-height: 36px; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.raven stack .raven-header { + margin-top: -6px; +} + +.raven stack scrolledwindow .raven-header { + margin-top: -8px; +} + +.raven .raven-background { + border-style: solid none; + border-width: 1px; + border-color: rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +.raven .raven-background > overlay > widget > image { + color: rgba(238, 255, 255, 0.12); +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .powerstrip button { + margin: 2px 0 1px; + padding: 12px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven .audio-widget scale.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +.raven .audio-widget scale.marks-after label { + font-size: 90%; + padding: 0; + margin: -10px 0 0 6px; +} + +.raven .audio-widget button.flat.expander-button { + margin-top: 4px; + margin-bottom: 4px; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, +.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(238, 255, 255, 0.06); + color: #eeffff; +} + +.raven + .audio-widget + list.devices-list.sound-devices + > row.activatable:selected + label, +.raven + .audio-widget + list.devices-list.sound-devices + > row.activatable:checked + label { + color: #eeffff; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +calendar.raven-calendar { + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 6px; +} + +.raven-mpris { + background-color: #232637; + color: #eeffff; +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 12px; +} + +.budgie-notification-window, +.budgie-switcher-window, +.budgie-osd-window { + background-color: transparent; +} + +.budgie-notification .notification-title, +.budgie-switcher .notification-title { + font-size: 120%; +} + +.budgie-notification .notification-body, +.budgie-switcher .notification-body { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +.budgie-panel .lock-keys image:disabled { + color: rgba(238, 255, 255, 0.3); +} + +.drop-shadow { + margin: 5px 9px; + padding: 3px; + border-radius: 12px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +.drop-shadow .linked > button { + border-radius: 12px; +} + +.budgie-session-dialog, +.budgie-polkit-dialog, +.budgie-run-dialog { + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +.budgie-session-dialog.background.csd, +.budgie-session-dialog decoration, +.budgie-polkit-dialog.background.csd, +.budgie-polkit-dialog decoration, +.budgie-run-dialog.background.csd, +.budgie-run-dialog decoration { + border-radius: 12px 12px 12px 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title, +.budgie-run-dialog label:not(:last-child), +.budgie-run-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog .linked.horizontal > button, +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-run-dialog .linked.horizontal > button { + padding: 8px 16px; + border-top: 1px solid rgba(238, 255, 255, 0.12); + border-radius: 0; +} + +.budgie-session-dialog .linked.horizontal > button:first-child, +.budgie-polkit-dialog .linked.horizontal > button:first-child, +.budgie-run-dialog .linked.horizontal > button:first-child { + border-bottom-left-radius: 12px; +} + +.budgie-session-dialog .linked.horizontal > button:last-child, +.budgie-polkit-dialog .linked.horizontal > button:last-child, +.budgie-run-dialog .linked.horizontal > button:last-child { + border-bottom-right-radius: 12px; +} + +.budgie-polkit-dialog .message { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-polkit-dialog .failure { + color: #f07178; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 14px; + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + color: #eeffff; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +/************** + * Xfce4 Apps * + **************/ +.XfceHeading { + background-color: #0f111a; +} + +/*************** + * xfce4-panel * + ***************/ +.xfce4-panel.background { + border: none; + background-color: rgba(15, 17, 26, 0.95); + color: rgba(238, 255, 255, 0.7); + font-weight: 500; +} + +.xfce4-panel.background button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; +} + +.xfce4-panel.background .tasklist button { + border-image: image(transparent) 0 0 2/0 0 2px; +} + +.xfce4-panel.background .tasklist button:checked { + border-image: image(currentColor) 0 0 2/0 0 2px; +} + +.xfce4-panel.background .tasklist button image { + padding: 4px; +} + +wnck-pager:hover { + background-color: alpha(currentColor, 0.08); +} + +wnck-pager:active { + background-color: alpha(currentColor, 0.12); +} + +wnck-pager:selected { + background-color: #e2e9e9; +} + +XfdesktopIconView.view { + border-radius: 6px; + background-color: transparent; + color: #eeffff; +} + +XfdesktopIconView.view:active { + box-shadow: none; +} + +XfdesktopIconView.view .rubberband { + border-radius: 0; +} + +#XfceNotifyWindow buttonbox { + padding: 0; +} + +#XfceNotifyWindow label#summary { + font-weight: bold; +} + +#xfwm-tabwin { + padding: 12px; + border-radius: 6px; + -xfwmtabwinwidget-icon-size: 64px; + -xfwmtabwinwidget-preview-size: 64px; +} + +/********** + * Thunar * + **********/ +.thunar #location-toolbar { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +.thunar .standard-view.frame { + border-style: none; +} + +.thunar .sidebar .view:not(:selected) { + background-color: transparent; +} + +.thunar statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.thunar + > grid.horizontal + > paned.horizontal + > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; +} + +window.background.csd.thunar + > grid.horizontal + > paned.horizontal + > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; +} + +window.background.csd.thunar + > grid.horizontal + > paned.horizontal + > scrolledwindow.frame.sidebar.shortcuts-pane + treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +/************************ + * LightDM GTK+ Greeter * + ************************/ +#panel_window { + background-color: #0f111a; + color: #eeffff; +} + +#panel_window menubar, +#panel_window separator { + background-color: transparent; +} + +#panel_window separator { + padding: 0 4px; +} + +#panel_window separator:first-child { + padding: 0 8px; +} + +#panel_window menubar > menuitem { + color: rgba(238, 255, 255, 0.7); +} + +#panel_window menubar > menuitem:hover { + color: #eeffff; +} + +#panel_window menubar > menuitem:disabled label { + color: rgba(238, 255, 255, 0.3); +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + margin: 8px; + border-radius: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +#content_frame { + padding-bottom: 16px; +} + +#buttonbox_frame { + padding-top: 24px; +} + +#buttonbox_frame > box, +#buttonbox_frame > buttonbox { + margin: -16px; +} + +#buttonbox_frame button:not(:disabled) { + color: #e2e9e9; +} + +/******** + * Nemo * + ********/ +.nemo-window .primary-toolbar { + background-color: #0f111a; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +.nemo-window .primary-toolbar entry { + min-height: 0; + margin: 0; +} + +.nemo-window .primary-toolbar button.text-button { + padding-left: 8px; + padding-right: 8px; + color: rgba(238, 255, 255, 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: #eeffff; +} + +.nemo-window .primary-toolbar button.text-button:disabled { + color: rgba(238, 255, 255, 0.5); +} + +.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: #232637; +} + +.nemo-window .nemo-window-pane widget.entry { + border-radius: 6px; + background-color: rgba(238, 255, 255, 0.04); +} + +.places-treeview { + -nemoplacestreeview-disk-full-bg-color: #676e95; + -nemoplacestreeview-disk-full-fg-color: #e2e9e9; + -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-DeepOcean-BL/gtk-3.0/gtk.css b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/gtk.css new file mode 100644 index 0000000..34d10e0 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/gtk.css @@ -0,0 +1,11474 @@ +/* GTK NAMED COLORS -- USE RESPONSIBLY! */ + +/* widget text/foreground color */ +@define-color theme_fg_color #eeffff; +/* text color for entries, views and content in general */ +@define-color theme_text_color #eeffff; +/* widget base background color */ +@define-color theme_bg_color #0f111a; +/* text widgets and the like base background color */ +@define-color theme_base_color #0f111a; +/* base background color of selections */ +@define-color theme_selected_bg_color #e2e9e9; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #0f111a; +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(238, 255, 255, 0.5); +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #232637; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #eeffff; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #eeffff; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #0f111a; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #0f111a; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #e2e9e9; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); +/* insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5); +/* widgets main borders color */ +@define-color borders rgba(238, 255, 255, 0.12); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(238, 255, 255, 0.12); +/* these are pretty self explicative */ +@define-color warning_color #FDD633; +@define-color error_color #F28B82; +@define-color success_color #81C995; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title #eeffff; +@define-color wm_unfocused_title rgba(238, 255, 255, 0.7); +@define-color wm_highlight rgba(238, 255, 255, 0.1); +@define-color wm_bg #0f111a; +@define-color wm_unfocused_bg #0f111a; +@define-color wm_button_close_icon #0f111a; +@define-color wm_button_close_hover_bg #e2e9e9; +@define-color wm_button_close_active_bg #c7c7c7; +/* FIXME this is really an API */ +@define-color content_view_bg #0f111a; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1d1d1d; +@define-color budgie_tasklist_indicator_color #eeffff; +@define-color budgie_tasklist_indicator_color_active #eeffff; +@define-color budgie_tasklist_indicator_color_active_window #999999; +@define-color budgie_tasklist_indicator_color_attention #FDD633; +@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; + +/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */ +@define-color accent_bg_color #e2e9e9; +@define-color accent_fg_color rgba(0, 0, 0, 0.87); +@define-color accent_color #e2e9e9; +@define-color destructive_bg_color #F28B82; +@define-color destructive_fg_color rgba(0, 0, 0, 0.87); +@define-color destructive_color #F28B82; +@define-color success_bg_color #81C995; +@define-color success_fg_color rgba(0, 0, 0, 0.87); +@define-color success_color #81C995; +@define-color warning_bg_color #FDD633; +@define-color warning_fg_color rgba(0, 0, 0, 0.87); +@define-color warning_color #FDD633; +@define-color error_bg_color #F28B82; +@define-color error_fg_color rgba(0, 0, 0, 0.87); +@define-color error_color #F28B82; +@define-color window_bg_color #0f111a; +@define-color window_fg_color #eeffff; +@define-color view_bg_color #0f111a; +@define-color view_fg_color #eeffff; +@define-color headerbar_bg_color #0f111a; +@define-color headerbar_fg_color #eeffff; +@define-color headerbar_border_color rgba(238, 255, 255, 0.12); +@define-color headerbar_backdrop_color @window_bg_color; +@define-color headerbar_shade_color rgba(0, 0, 0, 0.36); +@define-color card_bg_color #0f111a; +@define-color card_fg_color #eeffff; +@define-color card_shade_color rgba(0, 0, 0, 0.36); +@define-color dialog_bg_color #0f111a; +@define-color dialog_fg_color #eeffff; +@define-color popover_bg_color #0f111a; +@define-color popover_fg_color #eeffff; +@define-color thumbnail_bg_color #0f111a; +@define-color thumbnail_fg_color #eeffff; +@define-color shade_color rgba(0, 0, 0, 0.36); +@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); + +@keyframes ripple { + to { + background-size: 1000% 1000%; + } +} + +@keyframes ripple-on-slider { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes ripple-on-headerbar { + from { + background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -gtktoolbutton-icon-spacing: 0; + -gtktextview-error-underline-color: #f07178; + -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: 6px; + -gtk-secondary-caret-color: #e2e9e9; +} + +*:focus { + outline-color: alpha(currentColor, 0.1); +} + +XfdesktopIconView.view:active, +calendar.raven-calendar:selected, +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item):checked, +box.vertical > widget > widget:selected, +calendar:selected, +row:selected, +treeview.view:selected:not(.progressbar):not(.trough), +modelbutton.flat:selected, +.menuitem.button.flat:selected { + color: #eeffff; + background-color: #464b5d; +} + +.nemo-window .view selection, +.nemo-window .view:selected, +.nautilus-window notebook .view:not(treeview) selection, +.nautilus-window notebook .view:not(treeview):selected, +.nautilus-window flowboxchild:selected .icon-item-background, +flowbox flowboxchild:selected, +.background.csd .view:selected { + color: #e2e9e9; + background-color: rgba(226, 233, 233, 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, +spinbutton.vertical selection, +spinbutton:not(.vertical) selection, +entry selection, +label selection, +textview text selection:focus, +textview text selection, +widget.view:selected, +.view:selected { + color: rgba(0, 0, 0, 0.87); + background-color: #e2e9e9; +} + +.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: 6px; + border-bottom-left-radius: 6px; +} + +.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: 6px; + border-bottom-right-radius: 6px; +} + +.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: 6px; +} + +.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: 6px; + border-top-right-radius: 6px; +} + +.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: 6px; + border-bottom-right-radius: 6px; +} + +.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: 6px; +} + +/*************** + * Base States * + ***************/ +.background { + background-color: #0f111a; + color: #eeffff; +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.tiled .background.maximized, +.background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #090b10; + color: #eeffff; +} + +.gtkstyle-fallback:hover { + background-color: #232637; + color: #eeffff; +} + +.gtkstyle-fallback:active { + background-color: #090b10; + color: #eeffff; +} + +.gtkstyle-fallback:disabled { + background-color: #0f111a; + color: rgba(238, 255, 255, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.view { + background-color: #0f111a; + color: #eeffff; +} + +.view:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.view:disabled { + color: rgba(238, 255, 255, 0.5); +} + +.view:selected:hover { + box-shadow: none; +} + +window.background.csd > stack.view { + border-radius: 0 0 12px 12px; +} + +textview text { + background-color: #0f111a; +} + +textview border { + background-color: #232637; + color: rgba(238, 255, 255, 0.7); +} + +iconview:hover, +iconview:selected { + border-radius: 6px; +} + +.rubberband, +rubberband, +XfdesktopIconView.view .rubberband, +.content-view rubberband, +.content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view .rubberband, +.content-view treeview.view rubberband, +.content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view .rubberband, +treeview.view .content-view rubberband, +treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +.content-view .rubberband, +treeview.view rubberband, +treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .rubberband, +treeview.view .content-view rubberband, +treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view .rubberband, +.content-view treeview.view rubberband, +.content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view .rubberband, +.content-view treeview.view rubberband, +.content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view .rubberband, +treeview.view .content-view rubberband, +treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +treeview.view .content-view .rubberband, +.content-view treeview.view .rubberband, +treeview.view flowbox rubberband, +treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +treeview.view .content-view flowbox rubberband, +treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +treeview.view .content-view flowbox treeview.view rubberband, +treeview.view + .content-view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + .content-view + flowbox + treeview.view + .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +treeview.view flowbox .content-view .rubberband, +.content-view treeview.view flowbox .rubberband, +flowbox treeview.view rubberband, +flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox .content-view treeview.view rubberband, +flowbox .content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +flowbox .content-view treeview.view flowbox rubberband, +flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +flowbox treeview.view .content-view .rubberband, +.content-view flowbox treeview.view .rubberband, +flowbox rubberband, +flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .rubberband, +flowbox .content-view rubberband, +flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view .rubberband, +.content-view flowbox rubberband, +.content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox .rubberband, +flowbox .content-view treeview.view rubberband, +flowbox .content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +treeview.view .content-view flowbox rubberband, +treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +flowbox .content-view .rubberband, +.content-view flowbox .rubberband, +flowbox treeview.view rubberband, +flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox .content-view treeview.view rubberband, +flowbox .content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +flowbox .content-view treeview.view flowbox rubberband, +flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +flowbox treeview.view .content-view .rubberband, +.content-view flowbox treeview.view .rubberband, +treeview.view flowbox rubberband, +treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +treeview.view .content-view flowbox rubberband, +treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +treeview.view .content-view flowbox treeview.view rubberband, +treeview.view + .content-view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + .content-view + flowbox + treeview.view + .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +treeview.view flowbox .content-view .rubberband, +.content-view treeview.view flowbox .rubberband, +treeview.view flowbox rubberband, +treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +treeview.view .content-view flowbox rubberband, +treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view flowbox .rubberband, +.content-view treeview.view flowbox rubberband, +.content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view treeview.view flowbox .rubberband, +treeview.view flowbox .content-view rubberband, +treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view flowbox .content-view .rubberband, +treeview.view .content-view flowbox treeview.view rubberband, +treeview.view + .content-view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + .content-view + flowbox + treeview.view + .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +treeview.view flowbox .content-view .rubberband, +.content-view treeview.view flowbox .rubberband, +flowbox treeview.view rubberband, +flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox .content-view treeview.view rubberband, +flowbox .content-view treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +flowbox .content-view treeview.view flowbox rubberband, +flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +.content-view flowbox treeview.view rubberband, +.content-view flowbox treeview.view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view .rubberband, +flowbox treeview.view .content-view rubberband, +flowbox treeview.view .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view .content-view .rubberband, +.content-view treeview.view flowbox treeview.view rubberband, +.content-view + treeview.view + flowbox + treeview.view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + .content-view + treeview.view + flowbox + treeview.view + .rubberband, +treeview.view flowbox treeview.view .content-view rubberband, +treeview.view + flowbox + treeview.view + .content-view + XfdesktopIconView.view + .rubberband, +XfdesktopIconView.view + treeview.view + flowbox + treeview.view + .content-view + .rubberband, +.content-view flowbox treeview.view flowbox rubberband, +.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, +flowbox treeview.view flowbox .content-view rubberband, +flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, +XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband, +flowbox treeview.view .content-view .rubberband, +.content-view flowbox treeview.view .rubberband { + border: 1px solid #e2e9e9; + background-color: rgba(226, 233, 233, 0.3); +} + +flowbox flowboxchild { + padding: 4px; + border-radius: 6px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: rgba(238, 255, 255, 0.7); +} + +label:disabled { + color: rgba(238, 255, 255, 0.5); +} + +headerbar label:disabled, +tab label:disabled, +button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 6px; + background-color: rgba(25, 25, 25, 0.9); + color: #eeffff; +} + +.dim-label { + color: rgba(238, 255, 255, 0.7); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(238, 255, 255, 0.5); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: #eeffff; +} + +/********************* + * 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 * + ****************/ +spinbutton.vertical, +spinbutton:not(.vertical), +entry { + min-height: 36px; + padding: 0 8px; + border-radius: 6px; + 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: rgba(238, 255, 255, 0.08); + color: #eeffff; +} + +spinbutton.vertical:focus, +spinbutton:focus:not(.vertical), +entry:focus { + background-color: rgba(238, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #e2e9e9; +} + +spinbutton.vertical:drop(active), +spinbutton:drop(active):not(.vertical), +entry:drop(active) { + background-color: alpha(currentColor, 0.08); + 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: rgba(238, 255, 255, 0.08); + color: rgba(238, 255, 255, 0.5); +} + +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: rgba(238, 255, 255, 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: #eeffff; +} + +spinbutton.vertical image:disabled, +spinbutton:not(.vertical) image:disabled, +entry image:disabled { + color: rgba(238, 255, 255, 0.5); +} + +spinbutton.vertical image.left, +spinbutton:not(.vertical) image.left, +entry image.left { + margin-left: 2px; + margin-right: 6px; +} + +spinbutton.vertical image.right, +spinbutton:not(.vertical) image.right, +entry image.right { + margin-left: 6px; + margin-right: 2px; +} + +spinbutton.vertical undershoot.left, +spinbutton:not(.vertical) undershoot.left, +entry undershoot.left { + background-color: transparent; + background-image: linear-gradient( + to top, + transparent 50%, + rgba(238, 255, 255, 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%, + rgba(238, 255, 255, 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 transparent; + background-color: rgba(238, 255, 255, 0.08); + color: #eeffff; +} + +spinbutton.error.vertical:focus, +spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: rgba(238, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #f07178; +} + +spinbutton.error.vertical:disabled, +spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 255, 255, 0.08); + color: rgba(238, 255, 255, 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 transparent; + background-color: rgba(238, 255, 255, 0.08); + color: #eeffff; +} + +spinbutton.warning.vertical:focus, +spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: rgba(238, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #ffcb6b; +} + +spinbutton.warning.vertical:disabled, +spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 255, 255, 0.08); + color: rgba(238, 255, 255, 0.5); +} + +spinbutton.vertical progress, +spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid #e2e9e9; + background-color: transparent; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #292d3e; + color: #eeffff; +} + +.gedit-search-slider .linked:not(.vertical) > entry:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #e2e9e9; +} + +.gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +.gedit-search-slider .linked:not(.vertical) > entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #232637; + color: rgba(238, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #f07178; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #232637; + color: rgba(238, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image { + color: rgba(0, 0, 0, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:hover, +.gedit-search-slider .linked:not(.vertical) > entry.error image:active { + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #ffcb6b; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #ffcb6b; +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #232637; + color: rgba(238, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image { + color: rgba(0, 0, 0, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, +.gedit-search-slider .linked:not(.vertical) > entry.warning image:active { + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +treeview entry.flat, +treeview entry { + background-color: #0f111a; +} + +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: rgba(238, 255, 255, 0.12); + color: #eeffff; +} + +.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: rgba(238, 255, 255, 0.7); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient( + radial, + center center, + 0, + center center, + 0.001, + to(#e2e9e9), + to(transparent) + ); + } + to { + background-image: -gtk-gradient( + radial, + center center, + 0, + center center, + 0.5, + to(#e2e9e9), + to(transparent) + ); + } +} + +.xfce4-panel.background button, +.raven-mpris button.image-button, +.mate-panel-menu-bar button, +infobar.warning > revealer > box button, +infobar.warning:backdrop > revealer > box button { + color: rgba(238, 255, 255, 0.7); +} + +.xfce4-panel.background button:focus, +.raven-mpris button.image-button:focus, +.mate-panel-menu-bar button:focus, +infobar.warning > revealer > box button:focus, +.xfce4-panel.background button:hover, +.raven-mpris button.image-button:hover, +.mate-panel-menu-bar button:hover, +infobar.warning > revealer > box button:hover, +.xfce4-panel.background button:active, +.raven-mpris button.image-button:active, +.mate-panel-menu-bar button:active, +infobar.warning > revealer > box button:active, +.xfce4-panel.background button:checked, +.raven-mpris button.image-button:checked, +.mate-panel-menu-bar button:checked, +infobar.warning > revealer > box button:checked { + color: #eeffff; +} + +.xfce4-panel.background button:disabled, +.raven-mpris button.image-button:disabled, +.mate-panel-menu-bar button:disabled, +infobar.warning > revealer > box button:disabled { + color: rgba(238, 255, 255, 0.3); +} + +.xfce4-panel.background button:checked:disabled, +.raven-mpris button.image-button:checked:disabled, +.mate-panel-menu-bar button:checked:disabled, +infobar.warning > revealer > box button:checked:disabled { + color: rgba(238, 255, 255, 0.5); +} + +actionbar + > revealer + > box + .linked + > button:not(.suggested-action):not(.destructive-action), +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: rgba(238, 255, 255, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: #eeffff; +} + +actionbar + > revealer + > box + .linked + > button:focus:not(.suggested-action):not(.destructive-action), +button:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +actionbar + > revealer + > box + .linked + > button:hover:not(.suggested-action):not(.destructive-action), +button:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +actionbar + > revealer + > box + .linked + > button:active:not(.suggested-action):not(.destructive-action), +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(currentColor, 0.12) 10%, + transparent 0% + ); + background-size: 0% 0%; +} + +actionbar + > revealer + > box + .linked + > button:disabled:not(.suggested-action):not(.destructive-action), +button:disabled { + box-shadow: none; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +actionbar + > revealer + > box + .linked + > button:checked:not(.suggested-action):not(.destructive-action), +button:checked { + box-shadow: none; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +actionbar + > revealer + > box + .linked + > button:checked:hover:not(.suggested-action):not(.destructive-action), +button:checked:hover { + box-shadow: inset 0 0 0 9999px transparent; +} + +actionbar + > revealer + > box + .linked + > button:checked:disabled:not(.suggested-action):not(.destructive-action), +button:checked:disabled { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 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.background + > box.vertical + > toolbar.primary-toolbar + > toolitem + button.flat.scale, +window.background + > box.vertical + > toolbar.primary-toolbar + > toolitem + > .linked + > button.image-button.raised, +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, +check, +radio, +button.close, +button.circular, +.inline-toolbar button:not(.text-button), +button.image-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.background + > box.vertical + > toolbar.primary-toolbar + > toolitem + button.flat.scale + label, +window.background + > box.vertical + > toolbar.primary-toolbar + > toolitem + > .linked + > button.image-button.raised + 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, +check label, +radio label, +button.close label, +button.circular label, +.inline-toolbar button:not(.text-button) label, +button.image-button label { + padding: 0; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, +.gedit-search-slider .linked > button, +.gedit-document-panel row button.flat, +.nautilus-window .floating-bar button, +placessidebar.sidebar row button.sidebar-button, +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: 6px 10px; + border-radius: 6px; + font-weight: 500; +} + +button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.budgie-session-dialog .linked.horizontal > button, +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-run-dialog .linked.horizontal > button, +.drop-shadow button, +.budgie-panel button, +.budgie-popover row button, +.budgie-settings-window buttonbox.inline-toolbar button, +#mate-menu button, +#MatePanelPopupWindow button, +popover.messagepopover .popover-action-area button, +tabbox > tab button, +.gedit-search-slider .linked > button, +placessidebar.sidebar row button.sidebar-button, +calendar.button, +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item) + button.circular, +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable + button.circular, +treeview.view header button button.circular, +row.activatable button.circular, +check, +radio, +scrollbar button, +notebook > header > tabs > arrow, +spinbutton.vertical button, +spinbutton:not(.vertical) button, +modelbutton.flat, +.menuitem.button.flat, +.nemo-window .toolbar button, +#buttonbox_frame button, +.xfce4-panel.background button, +.raven stackswitcher.linked > button, +.lock-dialog button, +.mate-panel-menu-bar button, +window.background.csd.geary-main-window + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button, +window#GearyMainWindow.background.csd + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button, +layouttabbar button, +filechooser #pathbarbox > stack > box > button, +messagedialog.csd .dialog-action-box button, +.app-notification button, +actionbar + > revealer + > box + button:not(.suggested-action):not(.destructive-action), +popover.background.menu button, +popover.background button.model, +.caja-pathbar button, +.path-bar.linked:not(.vertical) > button, +.nemo-window .primary-toolbar button:not(.text-button), +headerbar button:not(.suggested-action):not(.destructive-action), +toolbar button, +combobox > .linked:not(.vertical) > button:not(:only-child), +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: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(238, 255, 255, 0.7); +} + +.budgie-session-dialog .linked.horizontal > button:focus, +.budgie-polkit-dialog .linked.horizontal > button:focus, +.budgie-run-dialog .linked.horizontal > button:focus, +.drop-shadow button:focus, +.budgie-panel button:focus, +.budgie-popover row button:focus, +.budgie-settings-window buttonbox.inline-toolbar button:focus, +#mate-menu button:focus, +#MatePanelPopupWindow button:focus, +popover.messagepopover .popover-action-area button:focus, +tabbox > tab button:focus, +.gedit-search-slider .linked > button:focus, +placessidebar.sidebar row button.sidebar-button:focus, +calendar.button:focus, +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item) + button.circular:focus, +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable + button.circular:focus, +treeview.view header button button.circular:focus, +row.activatable button.circular:focus, +check:focus, +radio:focus, +scrollbar button:focus, +notebook > header > tabs > arrow:focus, +spinbutton.vertical button:focus, +spinbutton:not(.vertical) button:focus, +modelbutton.flat:focus, +.menuitem.button.flat:focus, +.nemo-window .toolbar button:focus, +#buttonbox_frame button:focus, +.xfce4-panel.background button:focus, +.raven stackswitcher.linked > button:focus, +.lock-dialog button:focus, +.mate-panel-menu-bar button:focus, +window.background.csd.geary-main-window + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:focus, +window#GearyMainWindow.background.csd + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:focus, +layouttabbar button:focus, +filechooser #pathbarbox > stack > box > button:focus, +messagedialog.csd .dialog-action-box button:focus, +.app-notification button:focus, +actionbar + > revealer + > box + button:focus:not(.suggested-action):not(.destructive-action), +popover.background.menu button:focus, +popover.background button.model:focus, +.caja-pathbar button:focus, +.path-bar.linked:not(.vertical) > button:focus, +.nemo-window .primary-toolbar button:focus:not(.text-button), +headerbar button:focus:not(.suggested-action):not(.destructive-action), +toolbar button:focus, +combobox > .linked:not(.vertical) > button:focus:not(:only-child), +button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eeffff; +} + +.budgie-session-dialog .linked.horizontal > button:hover, +.budgie-polkit-dialog .linked.horizontal > button:hover, +.budgie-run-dialog .linked.horizontal > button:hover, +.drop-shadow button:hover, +.budgie-panel button:hover, +.budgie-popover row button:hover, +.budgie-settings-window buttonbox.inline-toolbar button:hover, +#mate-menu button:hover, +#MatePanelPopupWindow button:hover, +popover.messagepopover .popover-action-area button:hover, +tabbox > tab button:hover, +.gedit-search-slider .linked > button:hover, +placessidebar.sidebar row button.sidebar-button:hover, +calendar.button:hover, +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item) + button.circular:hover, +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable + button.circular:hover, +treeview.view header button button.circular:hover, +row.activatable button.circular:hover, +check:hover, +radio:hover, +scrollbar button:hover, +notebook > header > tabs > arrow:hover, +spinbutton.vertical button:hover, +spinbutton:not(.vertical) button:hover, +modelbutton.flat:hover, +.menuitem.button.flat:hover, +.nemo-window .toolbar button:hover, +#buttonbox_frame button:hover, +.xfce4-panel.background button:hover, +.raven stackswitcher.linked > button:hover, +.lock-dialog button:hover, +.mate-panel-menu-bar button:hover, +window.background.csd.geary-main-window + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:hover, +window#GearyMainWindow.background.csd + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:hover, +layouttabbar button:hover, +filechooser #pathbarbox > stack > box > button:hover, +messagedialog.csd .dialog-action-box button:hover, +.app-notification button:hover, +actionbar + > revealer + > box + button:hover:not(.suggested-action):not(.destructive-action), +popover.background.menu button:hover, +popover.background button.model:hover, +.caja-pathbar button:hover, +.path-bar.linked:not(.vertical) > button:hover, +.nemo-window .primary-toolbar button:hover:not(.text-button), +headerbar button:hover:not(.suggested-action):not(.destructive-action), +toolbar button:hover, +combobox > .linked:not(.vertical) > button:hover:not(:only-child), +button.flat:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: #eeffff; +} + +.budgie-session-dialog .linked.horizontal > button:active, +.budgie-polkit-dialog .linked.horizontal > button:active, +.budgie-run-dialog .linked.horizontal > button:active, +.drop-shadow button:active, +.budgie-panel button:active, +.budgie-popover row button:active, +.budgie-settings-window buttonbox.inline-toolbar button:active, +#mate-menu button:active, +#MatePanelPopupWindow button:active, +popover.messagepopover .popover-action-area button:active, +tabbox > tab button:active, +.gedit-search-slider .linked > button:active, +placessidebar.sidebar row button.sidebar-button:active, +calendar.button:active, +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item) + button.circular:active, +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable + button.circular:active, +treeview.view header button button.circular:active, +row.activatable button.circular:active, +check:active, +radio:active, +scrollbar button:active, +notebook > header > tabs > arrow:active, +spinbutton.vertical button:active, +spinbutton:not(.vertical) button:active, +modelbutton.flat:active, +.menuitem.button.flat:active, +.nemo-window .toolbar button:active, +#buttonbox_frame button:active, +.xfce4-panel.background button:active, +.raven stackswitcher.linked > button:active, +.lock-dialog button:active, +.mate-panel-menu-bar button:active, +window.background.csd.geary-main-window + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:active, +window#GearyMainWindow.background.csd + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:active, +layouttabbar button:active, +filechooser #pathbarbox > stack > box > button:active, +messagedialog.csd .dialog-action-box button:active, +.app-notification button:active, +actionbar + > revealer + > box + button:active:not(.suggested-action):not(.destructive-action), +popover.background.menu button:active, +popover.background button.model:active, +.caja-pathbar button:active, +.path-bar.linked:not(.vertical) > button:active, +.nemo-window .primary-toolbar button:active:not(.text-button), +headerbar button:active:not(.suggested-action):not(.destructive-action), +toolbar button:active, +combobox > .linked:not(.vertical) > button:active:not(:only-child), +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; + 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%; + color: #eeffff; +} + +.budgie-session-dialog .linked.horizontal > button:disabled, +.budgie-polkit-dialog .linked.horizontal > button:disabled, +.budgie-run-dialog .linked.horizontal > button:disabled, +.drop-shadow button:disabled, +.budgie-panel button:disabled, +.budgie-popover row button:disabled, +.budgie-settings-window buttonbox.inline-toolbar button:disabled, +#mate-menu button:disabled, +#MatePanelPopupWindow button:disabled, +popover.messagepopover .popover-action-area button:disabled, +tabbox > tab button:disabled, +.gedit-search-slider .linked > button:disabled, +placessidebar.sidebar row button.sidebar-button:disabled, +calendar.button:disabled, +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item) + button.circular:disabled, +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable + button.circular:disabled, +treeview.view header button button.circular:disabled, +row.activatable button.circular:disabled, +check:disabled, +radio:disabled, +scrollbar button:disabled, +notebook > header > tabs > arrow:disabled, +spinbutton.vertical button:disabled, +spinbutton:not(.vertical) button:disabled, +modelbutton.flat:disabled, +.menuitem.button.flat:disabled, +.nemo-window .toolbar button:disabled, +#buttonbox_frame button:disabled, +.xfce4-panel.background button:disabled, +.raven stackswitcher.linked > button:disabled, +.lock-dialog button:disabled, +.mate-panel-menu-bar button:disabled, +window.background.csd.geary-main-window + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:disabled, +window#GearyMainWindow.background.csd + stack#conversation_viewer + .geary-expanded + > .geary-composer-embed + headerbar + button:disabled, +layouttabbar button:disabled, +filechooser #pathbarbox > stack > box > button:disabled, +messagedialog.csd .dialog-action-box button:disabled, +.app-notification button:disabled, +actionbar + > revealer + > box + button:disabled:not(.suggested-action):not(.destructive-action), +popover.background.menu button:disabled, +popover.background button.model:disabled, +.caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled, +.nemo-window .primary-toolbar button:disabled:not(.text-button), +headerbar button:disabled:not(.suggested-action):not(.destructive-action), +toolbar button:disabled, +combobox > .linked:not(.vertical) > button:disabled:not(:only-child), +button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(238, 255, 255, 0.3); +} + +.nemo-window .toolbar button:checked, +#buttonbox_frame button:checked, +.xfce4-panel.background button:checked, +.raven stackswitcher.linked > 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.csd .dialog-action-box button:checked, +.app-notification button:checked, +actionbar + > revealer + > box + button:checked:not(.suggested-action):not(.destructive-action), +popover.background.menu button:checked, +popover.background button.model:checked, +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, +.nemo-window .primary-toolbar button:checked:not(.text-button), +headerbar button:checked:not(.suggested-action):not(.destructive-action), +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: #eeffff; +} + +.nemo-window .toolbar button:checked:disabled, +#buttonbox_frame button:checked:disabled, +.xfce4-panel.background button:checked:disabled, +.raven stackswitcher.linked > 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.csd .dialog-action-box button:checked:disabled, +.app-notification button:checked:disabled, +actionbar + > revealer + > box + button:checked:disabled:not(.suggested-action):not(.destructive-action), +popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, +.caja-pathbar button:checked:disabled, +.path-bar.linked:not(.vertical) > button:checked:disabled, +.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), +headerbar + button:checked:disabled:not(.suggested-action):not(.destructive-action), +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: rgba(238, 255, 255, 0.5); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + +button.image-button { + min-width: 24px; + padding: 6px; +} + +button.image-button.destructive-action { + border-radius: 6px; +} + +button.text-button.image-button { + min-width: 24px; + padding: 6px; + border-radius: 6px; +} + +button.text-button.image-button label:first-child { + margin-left: 10px; +} + +button.text-button.image-button label:last-child { + margin-right: 10px; +} + +button.text-button.image-button.flat label:first-child { + margin-left: 6px; +} + +button.text-button.image-button.flat label:last-child { + margin-right: 6px; +} + +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: 6px; +} + +.linked:not(.vertical) + > button.flat.image-button:not(:only-child):not(.text-button), +.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) { + border-radius: 9999px; +} + +.linked:not(.vertical) > button.flat:focus, +.linked.vertical > button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 12px 16px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +button.osd:hover { + background-color: rgba(154, 165, 206, 0.9); + color: rgba(0, 0, 0, 0.87); +} + +button.osd:active { + background-color: rgba(154, 165, 206, 0.7); + color: rgba(0, 0, 0, 0.87); +} + +button.osd.image-button, +button.osd.circular { + padding: 12px; +} + +button.osd.image-button > image, +button.osd.circular > image { + padding: 0; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 2px 2.4px -1px rgba(226, 233, 233, 0.2), + 0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12); +} + +button.suggested-action:checked { + background-color: rgba(226, 233, 233, 0.5); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 3px 3px -3px rgba(226, 233, 233, 0.3), + 0 2px 3px -1px rgba(226, 233, 233, 0.24), + 0 2px 5px 0 rgba(226, 233, 233, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #e2e9e9; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(238, 255, 255, 0.3); +} + +button.suggested-action.flat:checked { + background-color: rgba(226, 233, 233, 0.3); +} + +button.destructive-action { + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 2px 2.4px -1px rgba(242, 139, 130, 0.2), + 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12); +} + +button.destructive-action:checked { + background-color: rgba(182, 105, 98, 0.961); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 3px 3px -3px rgba(242, 139, 130, 0.3), + 0 2px 3px -1px rgba(242, 139, 130, 0.24), + 0 2px 5px 0 rgba(242, 139, 130, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #f07178; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(238, 255, 255, 0.3); +} + +button.destructive-action.flat:checked { + background-color: rgba(242, 139, 130, 0.3); +} + +.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: 24px; + padding: 6px; +} + +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; +} + +modelbutton.flat, +.menuitem.button.flat { + min-height: 28px; + padding: 0 8px; + border-radius: 6px; + color: #eeffff; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +/********* + * Links * + *********/ +*:link { + color: #2196f3; +} + +*:visited { + color: #ce93d8; +} + +button.link:link, +button.link:link:focus, +button.link:link:hover, +button.link:link:active { + color: #2196f3; +} + +button.link:visited, +button.link:visited:focus, +button.link:visited:hover, +button.link:visited:active { + color: #ce93d8; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; +} + +spinbutton:not(.vertical) entry { + min-width: 32px; + 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: rgba(238, 255, 255, 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: rgba(238, 255, 255, 0.5); +} + +spinbutton.vertical entry { + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + min-height: 36px; + min-width: 42px; + 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: rgba(238, 255, 255, 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: -2px; +} + +combobox button.combo cellview:dir(rtl) { + margin-right: -2px; +} + +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: 6px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -36px; + padding-right: 36px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -36px; + padding-left: 36px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 6px; + padding: 4px; + border-radius: 6px; +} + +.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: 6px; + 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: rgba(238, 255, 255, 0.08); + color: #eeffff; +} + +button.combo:only-child:focus { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 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: rgba(238, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #e2e9e9; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 255, 255, 0.08); + color: rgba(238, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -gtkwidget-window-dragging: true; + padding: 2px; + background-color: #0f111a; +} + +.osd toolbar { + background-color: transparent; +} + +frame.documents-dropdown, +.app-notification, +toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +frame.documents-dropdown:backdrop, +.app-notification:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), + 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); +} + +frame.left.documents-dropdown, +.left.app-notification, +frame.right.documents-dropdown, +.right.app-notification, +frame.top.documents-dropdown, +.top.app-notification, +frame.bottom.documents-dropdown, +.bottom.app-notification, +toolbar.osd.left, +toolbar.osd.right, +toolbar.osd.top, +toolbar.osd.bottom { + border-radius: 0; +} + +frame.bottom.documents-dropdown, +.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: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; +} + +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; +} + +.inline-toolbar { + padding: 6px; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(238, 255, 255, 0.12); + background-color: #232637; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(238, 255, 255, 0.12); + background-color: #0f111a; + background-clip: border-box; +} + +searchbar > revealer > box { + margin: -6px; +} + +/*************** + * Header bars * + ***************/ +.nemo-window .primary-toolbar button:not(.text-button), +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.7); +} + +.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button), +headerbar + .linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; +} + +.nemo-window .primary-toolbar button:focus:not(.text-button), +headerbar button:focus:not(.suggested-action):not(.destructive-action), +.nemo-window .primary-toolbar button:hover:not(.text-button), +headerbar button:hover:not(.suggested-action):not(.destructive-action), +.nemo-window .primary-toolbar button:active:not(.text-button), +headerbar button:active:not(.suggested-action):not(.destructive-action), +.nemo-window .primary-toolbar button:checked:not(.text-button), +headerbar button:checked:not(.suggested-action):not(.destructive-action) { + color: #eeffff; +} + +.nemo-window .primary-toolbar button:disabled:not(.text-button), +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.3); +} + +.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), +headerbar + button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(238, 255, 255, 0.5); +} + +.nemo-window .primary-toolbar button:backdrop:not(.text-button), +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.5); +} + +.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), +headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), +.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), +headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), +.nemo-window .primary-toolbar button:backdrop:active:not(.text-button), +headerbar + button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.7); +} + +.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), +headerbar + button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.3); +} + +.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), +headerbar + button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.7); +} + +.nemo-window + .primary-toolbar + button:backdrop:checked:disabled:not(.text-button), +headerbar + button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.3); +} + +.nemo-window .primary-toolbar entry, +.titlebar entry { + background-color: rgba(238, 255, 255, 0.04); + color: #eeffff; +} + +.nemo-window .primary-toolbar entry:disabled, +.titlebar entry:disabled { + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +.nemo-window .primary-toolbar entry image, +.titlebar entry image { + color: rgba(238, 255, 255, 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: #eeffff; +} + +.nemo-window .primary-toolbar entry image:disabled, +.titlebar entry image:disabled { + color: rgba(238, 255, 255, 0.5); +} + +.titlebar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), + color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #0f111a; + color: #eeffff; + border-radius: 12px 12px 0 0; +} + +.titlebar:disabled { + color: rgba(238, 255, 255, 0.5); +} + +.titlebar:backdrop { + background-color: #0f111a; + color: rgba(238, 255, 255, 0.7); +} + +.titlebar:backdrop:disabled { + color: rgba(238, 255, 255, 0.3); +} + +.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: rgba(238, 255, 255, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(238, 255, 255, 0.5); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar headerbar + separator { + background-color: rgba(238, 255, 255, 0.12); +} + +.titlebar .linked:not(.vertical) > entry { + border-radius: 6px; + margin-left: 3px; + margin-right: 3px; +} + +.titlebar button.suggested-action:disabled, +.titlebar button.destructive-action:disabled { + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +.titlebar + stackswitcher.linked:not(.vertical) + > button.text-button:not(.suggested-action):not(.destructive-action):active { + box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08); + background-image: radial-gradient( + circle, + rgba(238, 255, 255, 0.08) 10%, + transparent 0% + ); +} + +.titlebar + stackswitcher.linked:not(.vertical) + > button.text-button:not(.suggested-action):not(.destructive-action):checked { + background-color: #e2e9e9; + color: #0f111a; +} + +.titlebar + .path-bar + button.text-button:not(.suggested-action):not(.destructive-action) { + min-width: 0; + padding-left: 6px; + padding-right: 6px; +} + +.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); + box-shadow: inset 0 1px rgba(238, 255, 255, 0); + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.titlebar.selection-mode:backdrop { + color: rgba(0, 0, 0, 0.6); +} + +.titlebar.selection-mode .subtitle:link { + color: rgba(0, 0, 0, 0.87); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action) { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 0%, + transparent 0% + ) + 0 0 0/0 0 0px; + color: rgba(0, 0, 0, 0.87); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(0, 0, 0, 0.38); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):checked { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 100%, + transparent 0% + ) + 0 0 2/0 0 2px; + color: rgba(0, 0, 0, 0.87); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(0, 0, 0, 0.6); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(0, 0, 0, 0.6); +} + +.titlebar.selection-mode + button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.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'); +} + +.titlebar .selection-mode { + box-shadow: inset 0 1px rgba(238, 255, 255, 0); + background-color: #e2e9e9; +} + +.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: 10px 20px; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + border-radius: 12px 12px 0 0; +} + +.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; +} + +.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { + background-size: 1000% 1000%; +} + +.solid-csd .titlebar:dir(rtl), +.solid-csd .titlebar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +headerbar { + min-height: 48px; + padding: 1px 20px; +} + +headerbar:not(.titlebar) { + box-shadow: none; +} + +box.vertical headerbar { + background-color: #0f111a; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0; +} + +headerbar entry, +headerbar spinbutton, +headerbar button { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar button, +headerbar button.image-button { + border-radius: 6px; +} + +headerbar separator.titlebutton { + margin-top: 12px; + margin-bottom: 12px; + background-color: transparent; +} + +headerbar switch { + margin-top: 12px; + margin-bottom: 12px; +} + +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 + button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + margin: 5px 2px; + min-width: 120px; + padding: 0; + background-image: none; + 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):active { + box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08); + background-image: radial-gradient( + circle, + rgba(238, 255, 255, 0.08) 10%, + transparent 0% + ); +} + +headerbar.windowhandle + viewswitcher + button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { + background-color: #292d3e; + color: #84ffff; + font-weight: 500; +} + +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 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: 6px; + padding-right: 6px; + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + #e2e9e9 0%, + transparent 0% + ) + 0 0 0/0 0 0px; + border-radius: 6px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + #e2e9e9 100%, + transparent 0% + ) + 0 0 2/0 0 2px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, +.path-bar.linked:not(.vertical) > button:checked:disabled { + background-color: transparent; +} + +.caja-pathbar button label:not(:only-child):first-child, +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { + margin-left: 0; +} + +.caja-pathbar button label:not(:only-child):last-child, +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { + margin-right: 0; +} + +.caja-pathbar button.text-button, +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + +.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: rgba(238, 255, 255, 0.3); + border-top-color: rgba(238, 255, 255, 0.12); + min-height: 36px; +} + +* { + -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; +} + +window.background.csd + treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { + background-color: transparent; +} + +treeview.view:selected:not(.progressbar):not(.trough) { + background-image: image(alpha(currentColor, 0.1)); +} + +treeview.view:hover, +treeview.view:selected { + border-radius: 0; +} + +treeview.view.separator { + min-height: 6px; + color: rgba(238, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + -gtk-icon-transform: rotate(-90deg); + color: rgba(238, 255, 255, 0.7); +} + +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: #eeffff; +} + +treeview.view.expander:disabled { + color: rgba(238, 255, 255, 0.3); +} + +treeview.view.progressbar { + border: none; + box-shadow: none; + background-color: #e2e9e9; + background-image: none; + border-radius: 9999px; + color: rgba(0, 0, 0, 0.87); +} + +treeview.view.progressbar:selected:hover { + box-shadow: none; +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: rgba(238, 255, 255, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected:hover { + box-shadow: none; +} + +treeview.view header button { + padding: 2px 6px; + border: none; + border-radius: 6px; +} + +treeview.view header button:not(:focus):not(:hover):not(:active) { + color: rgba(238, 255, 255, 0.7); +} + +treeview.view header button, +treeview.view header button:disabled { + background-color: #0f111a; +} + +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(238, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #0f111a; + background-clip: border-box; + color: #e2e9e9; +} + +treeview.view acceleditor > label { + background-color: #e2e9e9; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -gtkwidget-window-dragging: true; + padding: 0; + background-color: #0f111a; + color: #eeffff; +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #0f111a; + color: rgba(238, 255, 255, 0.7); +} + +.csd menubar, +.csd .menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(238, 255, 255, 0.7); + border-radius: 6px; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + background-color: alpha(currentColor, 0.1); + color: #eeffff; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(238, 255, 255, 0.3); +} + +menubar > menuitem label:disabled, +.menubar > menuitem label:disabled { + color: inherit; +} + +.background.popup { + background-color: transparent; +} + +menu, +.menu, +.context-menu { + margin: 6px; + padding: 6px; + background-color: #292d3e; + background-clip: border-box; + border-radius: 12px; + border: 1px solid #444267; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); +} + +.csd menu, +.csd .menu, +.csd .context-menu { + border: none; +} + +menu menuitem, +.menu menuitem, +.context-menu menuitem { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: #eeffff; + font: initial; + font-weight: 500; + text-shadow: none; + border-radius: 6px; +} + +menu menuitem:hover, +.menu menuitem:hover, +.context-menu menuitem:hover { + transition: none; + background-color: #3b3f51; + color: #84ffff; + font-weight: 500; +} + +menu menuitem:hover accelerator, +.menu menuitem:hover accelerator, +.context-menu menuitem:hover accelerator { + color: #84ffff; + font-weight: 500; +} + +menu menuitem:hover:disabled accelerator, +.menu menuitem:hover:disabled accelerator, +.context-menu menuitem:hover:disabled accelerator { + color: #84ffff; + font-weight: 500; +} + +menu menuitem:disabled, +.menu menuitem:disabled, +.context-menu menuitem:disabled { + color: rgba(238, 255, 255, 0.5); +} + +menu menuitem accelerator, +.menu menuitem accelerator, +.context-menu menuitem accelerator { + color: rgba(238, 255, 255, 0.7); +} + +menu menuitem:disabled accelerator, +.menu menuitem:disabled accelerator, +.context-menu menuitem:disabled accelerator { + color: rgba(238, 255, 255, 0.3); +} + +menu menuitem arrow, +.menu menuitem arrow, +.context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; +} + +menu menuitem arrow:dir(ltr), +.menu menuitem arrow:dir(ltr), +.context-menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: 8px; +} + +menu menuitem arrow:dir(rtl), +.menu menuitem arrow:dir(rtl), +.context-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), +.menu menuitem label:dir(rtl), +.menu menuitem label:dir(ltr), +.context-menu menuitem label:dir(rtl), +.context-menu menuitem label:dir(ltr) { + color: inherit; +} + +menu .view:selected, +.menu .view:selected, +.context-menu .view:selected { + background-color: #464b5d; +} + +menu > arrow, +.menu > arrow, +.context-menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #292d3e; + color: rgba(238, 255, 255, 0.7); +} + +menu > arrow.top, +.menu > arrow.top, +.context-menu > arrow.top { + margin-top: 0; + border-radius: 6px; + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); +} + +menu > arrow.bottom, +.menu > arrow.bottom, +.context-menu > arrow.bottom { + margin-top: 8px; + margin-bottom: -12px; + border-radius: 6px; + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); +} + +menu > arrow:hover, +.menu > arrow:hover, +.context-menu > arrow:hover { + background-image: image(alpha(currentColor, 0.08)); + color: #eeffff; +} + +menu > arrow:disabled, +.menu > arrow:disabled, +.context-menu > arrow:disabled { + border-color: transparent; + background-color: transparent; + color: transparent; +} + +menu separator, +.menu separator, +.context-menu separator { + margin: 4px 0; +} + +/************ + * Popovers * + ************/ +popover.background { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + background-color: #292d3e; + border-radius: 12px; +} + +popover.background, +.csd popover.background { + border: 1px solid rgba(238, 255, 255, 0.2); + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75); + background-clip: border-box; +} + +popover.background:backdrop, +.csd popover.background:backdrop { + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +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 list, +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #292d3e; +} + +popover.background.combo viewport.frame > list { + background-color: transparent; +} + +popover.background.combo viewport.frame > list > row { + padding: 6px 12px; +} + +popover.background.combo viewport.frame > list > row:first-child { + border-radius: 12px 12px 0 0; +} + +popover.background.combo viewport.frame > list > row:last-child { + border-radius: 0 0 12px 12px; +} + +popover.background .linked > button:not(.radio) { + border-radius: 6px; +} + +popover.background .linked > button:not(.radio):first-child { + border-radius: 6px; +} + +popover.background .linked > button:not(.radio):last-child { + border-radius: 6px; +} + +popover.background .linked > button:not(.radio):only-child { + border-radius: 6px; +} + +popover.background.menu button, +popover.background button.model { + min-height: 32px; + padding: 0 8px; + border-radius: 6px; +} + +popover.background separator { + margin: 4px 0; +} + +popover.background list separator { + margin: 0; +} + +/************* + * 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: rgba(238, 255, 255, 0.7); + font-weight: 500; + border-radius: 6px; +} + +tabbox > tab:hover, +notebook > header tab:hover { + background-color: rgba(238, 255, 255, 0.04); + color: #eeffff; +} + +tabbox > tab:disabled, +notebook > header tab:disabled { + color: rgba(238, 255, 255, 0.3); +} + +tabbox > tab:checked, +notebook > header tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #232637; + color: #84ffff; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +tabbox > tab:checked:disabled, +notebook > header tab:checked:disabled { + color: rgba(238, 255, 255, 0.5); +} + +frame > paned > notebook > header, +notebook.frame > header { + background-color: rgba(238, 255, 255, 0.04); +} + +notebook, +notebook.frame { + background-color: #0f111a; + border-radius: 12px; +} + +notebook.frame frame > border { + border: none; + border-radius: 6px; +} + +notebook.frame frame > list row.activatable { + border-radius: 6px; +} + +notebook > header { + border: none; + background-color: transparent; + padding: 3px; + margin: 3px; + border-radius: 9px; +} + +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: 6px; +} + +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: rgba(238, 255, 255, 0.12); + color: #eeffff; +} + +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 tab button.close-button { + min-width: 24px; + min-height: 24px; +} + +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.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.reorderable-page, +notebook > header.right tabs tab.reorderable-page { + border-style: solid; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 6px; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #0f111a; +} + +* { + -gtkscrollbar-has-backward-stepper: false; + -gtkscrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: transparent; +} + +scrollbar.bottom { + border-bottom: transparent; +} + +scrollbar.left { + border-bottom: transparent; +} + +scrollbar.right { + border-bottom: transparent; +} + +scrollbar slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 4px; + min-height: 4px; + border: 2px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: rgba(238, 255, 255, 0.2); +} + +scrollbar slider:hover { + background-color: rgba(238, 255, 255, 0.3); +} + +scrollbar slider:active { + background-color: rgba(238, 255, 255, 0.3); +} + +scrollbar slider:disabled { + background-color: rgba(238, 255, 255, 0.2); +} + +scrollbar.fine-tune slider { + min-width: 2px; + min-height: 2px; +} + +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: 2px; + min-height: 2px; + margin: 2px; + border: 1px solid rgba(44, 44, 44, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 2px; + border: 1px solid rgba(44, 44, 44, 0.3); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: transparent; +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + min-width: 24px; +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { + min-width: 8px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + min-height: 24px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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, +scrollbar.vertical button.down:hover, +scrollbar.vertical button.up, +scrollbar.vertical button.up:hover, +scrollbar.horizontal button.down, +scrollbar.horizontal button.down:hover, +scrollbar.horizontal button.up, +scrollbar.horizontal button.up:hover { + background-color: transparent; + color: transparent; +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + border: 2px solid rgba(238, 255, 255, 0.7); + border-radius: 9999px; + background-color: transparent; + background-clip: border-box; + font-size: 0; +} + +switch:checked { + background-color: #e2e9e9; + border-color: #e2e9e9; +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; + -gtk-icon-transform: scale(0); +} + +switch slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + margin: 2px; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: rgba(238, 255, 255, 0.7); + border: none; +} + +switch:focus slider, +switch:hover slider, +switch:focus:hover slider { + box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12); +} + +switch:checked slider { + background-color: #0f111a; + color: #0f111a; +} + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + min-height: 40px; + min-width: 40px; + margin: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + background-image: none; +} + +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + -gtk-icon-source: -gtk-scaled( + url('assets/selectionmode-checkbox-unchecked-dark.png'), + url('assets/selectionmode-checkbox-unchecked-dark@2.png') + ); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + -gtk-icon-source: -gtk-scaled( + url('assets/selectionmode-checkbox-checked-dark.png'), + url('assets/selectionmode-checkbox-checked-dark@2.png') + ); +} + +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; +} + +check, +radio { + min-height: 24px; + min-width: 24px; + margin: -8px; + padding: 8px; +} + +check:checked, +check:indeterminate, +radio:checked, +radio:indeterminate { + color: #e2e9e9; +} + +check:checked:disabled, +check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(238, 255, 255, 0.3); +} + +check:not(:hover):focus, +radio:not(:hover):focus { + box-shadow: inset 0 0 0 9999px transparent; +} + +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:not(:checked):not(:indeterminate):not(:disabled), +popover + modelbutton.flat + radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(238, 255, 255, 0.7); +} + +popover modelbutton.flat check.left:dir(rtl), +popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -12px; + margin-right: -4px; +} + +popover modelbutton.flat check.right:dir(ltr), +popover modelbutton.flat radio.right:dir(ltr) { + margin-left: -4px; + margin-right: -12px; +} + +menu menuitem check, +menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), +menu menuitem radio:dir(ltr) { + margin-right: 8px; +} + +menu menuitem check:dir(rtl), +menu menuitem radio:dir(rtl) { + margin-left: 8px; +} + +menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), +menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(238, 255, 255, 0.7); +} + +menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover, +menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover { + color: inherit; +} + +menu menuitem check, +menu menuitem check:hover, +menu menuitem check:disabled, +menu menuitem radio, +menu menuitem radio:hover, +menu menuitem radio:disabled { + box-shadow: none; + color: inherit; +} + +check { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/checkbox-unchecked-symbolic.svg') + ); +} + +check:checked { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/checkbox-checked-symbolic.svg') + ); +} + +check:indeterminate { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/checkbox-mixed-symbolic.svg') + ); +} + +radio { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/radio-unchecked-symbolic.svg') + ); +} + +radio:checked { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/radio-checked-symbolic.svg') + ); +} + +radio:indeterminate { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/radio-mixed-symbolic.svg') + ); +} + +#MozillaGtkWidget > widget > checkbutton > check, +menu menuitem check { + min-height: 16px; + min-width: 16px; + border-radius: 6px; + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/small-checkbox-unchecked-symbolic.svg') + ); +} + +#MozillaGtkWidget > widget > checkbutton > check:checked, +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/small-checkbox-checked-symbolic.svg') + ); +} + +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/small-checkbox-mixed-symbolic.svg') + ); +} + +#MozillaGtkWidget > widget > radiobutton > radio, +menu menuitem radio { + min-height: 16px; + min-width: 16px; + border-image: none; + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/small-radio-unchecked-symbolic.svg') + ); +} + +#MozillaGtkWidget > widget > radiobutton > radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/small-radio-checked-symbolic.svg') + ); +} + +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/small-radio-mixed-symbolic.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); +} + +check:not(:checked), +radio:not(:checked) { + 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), -gtk-icon-transform 0; +} + +check:not(:checked):active, +radio:not(:checked):active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, + background-image 0, -gtk-icon-transform 0; +} + +menu menuitem check:not(:checked), +menu menuitem radio:not(:checked) { + transition: none; +} + +treeview.view check, +treeview.view radio { + padding: 0; + color: rgba(238, 255, 255, 0.7); +} + +treeview.view check:hover, +treeview.view check:active, +treeview.view radio:hover, +treeview.view radio:active { + color: #eeffff; +} + +treeview.view check:disabled, +treeview.view radio:disabled { + color: rgba(238, 255, 255, 0.3); +} + +treeview.view check:checked, +treeview.view check:indeterminate, +treeview.view radio:checked, +treeview.view radio:indeterminate { + color: #e2e9e9; +} + +treeview.view check:checked:disabled, +treeview.view check:indeterminate:disabled, +treeview.view radio:checked:disabled, +treeview.view radio:indeterminate:disabled { + color: rgba(238, 255, 255, 0.3); +} + +treeview.view check:hover, +treeview.view check:selected, +treeview.view radio:hover, +treeview.view radio:selected { + box-shadow: none; + background-color: transparent; +} + +treeview.view radio:checked { + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/radio-checked-symbolic.svg') + ); + border-image: none; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 17px 12px; +} + +scale.vertical { + padding: 12px 17px; +} + +scale slider { + min-height: 18px; + min-width: 18px; + margin: -8px; +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 16px; + padding-bottom: 16px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 16px; + padding-right: 16px; +} + +scale.fine-tune slider { + margin: -7px; +} + +scale trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(238, 255, 255, 0.3); +} + +scale trough:disabled { + background-color: rgba(238, 255, 255, 0.12); +} + +scale highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#e2e9e9); +} + +scale highlight:disabled { + background-color: #0f111a; + background-image: image(rgba(238, 255, 255, 0.3)); +} + +scale fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(238, 255, 255, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #e2e9e9; + background-color: #0f111a; + box-shadow: inset 0 0 0 2px #e2e9e9; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3); +} + +scale marks, +scale value { + color: rgba(238, 255, 255, 0.7); +} + +scale indicator { + background-color: rgba(238, 255, 255, 0.3); + color: transparent; +} + +scale.horizontal marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale.horizontal.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { + margin-right: 6px; + margin-left: -14px; +} + +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-before:not(.marks-after) slider, +scale.horizontal.marks-before:not(.marks-after) slider:hover, +scale.horizontal.marks-before:not(.marks-after) slider:active, +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-before-slider-dark.png'), + url('assets/scale-horz-marks-before-slider-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-before-slider-disabled-dark.png'), + url('assets/scale-horz-marks-before-slider-disabled-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-before-slider-dark.png'), + url('assets/scale-horz-marks-before-slider-dark@2.png') + ), + radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-after:not(.marks-before) slider, +scale.horizontal.marks-after:not(.marks-before) slider:hover, +scale.horizontal.marks-after:not(.marks-before) slider:active, +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-after-slider-dark.png'), + url('assets/scale-horz-marks-after-slider-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-after-slider-disabled-dark.png'), + url('assets/scale-horz-marks-after-slider-disabled-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-after-slider-dark.png'), + url('assets/scale-horz-marks-after-slider-dark@2.png') + ), + radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-before:not(.marks-after) slider, +scale.vertical.marks-before:not(.marks-after) slider:hover, +scale.vertical.marks-before:not(.marks-after) slider:active, +scale.vertical.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-before-slider-dark.png'), + url('assets/scale-vert-marks-before-slider-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-before-slider-disabled-dark.png'), + url('assets/scale-vert-marks-before-slider-disabled-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-before-slider-dark.png'), + url('assets/scale-vert-marks-before-slider-dark@2.png') + ), + radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-after:not(.marks-before) slider, +scale.vertical.marks-after:not(.marks-before) slider:hover, +scale.vertical.marks-after:not(.marks-before) slider:active, +scale.vertical.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-after-slider-dark.png'), + url('assets/scale-vert-marks-after-slider-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-after-slider-disabled-dark.png'), + url('assets/scale-vert-marks-after-slider-disabled-dark@2.png') + ), + radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-after-slider-dark.png'), + url('assets/scale-vert-marks-after-slider-dark@2.png') + ), + radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +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: rgba(238, 255, 255, 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: 6px; + background-color: rgba(238, 255, 255, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #e2e9e9; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #e2e9e9; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 36px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 36px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 6px; +} + +levelbar block.low { + background-color: #ffcb6b; +} + +levelbar block.high, +levelbar block:not(.empty) { + background-color: #e2e9e9; +} + +levelbar block.full { + background-color: #81c995; +} + +levelbar block.empty { + background-color: rgba(238, 255, 255, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; + color: #eeffff; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, +.frame { + margin: 0; + padding: 0; + border: 1px solid rgba(238, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; +} + +frame > border.view, +.frame.view { + border-radius: 6px; +} + +frame > border.flat, +.frame.flat { + border-style: none; +} + +frame.flat > border, +statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; + background-clip: border-box; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 12px 12px; +} + +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.75, + to(rgba(226, 233, 233, 0.24)), + to(transparent) + ); + 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.75, + to(rgba(226, 233, 233, 0.24)), + to(transparent) + ); + 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.75, + to(rgba(226, 233, 233, 0.24)), + to(transparent) + ); + 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.75, + to(rgba(226, 233, 233, 0.24)), + to(transparent) + ); + 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: rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(238, 255, 255, 0.12); +} + +preferences stacksidebar.sidebar list separator, +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + separator, +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + separator, +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + separator, +.tweak-categories 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 * + *********/ +list { + border-color: rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +list row { + padding: 3px; +} + +list.navigation-sidebar { + padding: 3px; +} + +.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item), +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, +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); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +.budgie-popover.budgie-menu + button.flat:focus:not(.image-button):not(.indicator-item), +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable:focus, +treeview.view header button:focus, +row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.budgie-popover.budgie-menu + button.flat:hover:not(.image-button):not(.indicator-item), +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable:hover, +treeview.view header button:hover, +row.activatable:hover { + 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); +} + +.budgie-popover.budgie-menu + button.has-open-popup.flat:not(.image-button):not(.indicator-item), +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.has-open-popup.activatable, +treeview.view header button.has-open-popup, +.budgie-popover.budgie-menu + button.flat:active:not(.image-button):not(.indicator-item), +.budgie-popover + scrolledwindow.sidebar:not(.categories) + list + > row.activatable:active, +treeview.view header button:active, +row.activatable.has-open-popup, +row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, + background-image 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%; +} + +row:selected { + color: inherit; +} + +row:selected image, +row:selected label { + color: #eeffff; +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(238, 255, 255, 0.5); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; +} + +.app-notification button.text-button:not(:disabled) { + color: #e2e9e9; +} + +.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: rgba(238, 255, 255, 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: #eeffff; +} + +expander title > arrow:disabled { + color: rgba(238, 255, 255, 0.3); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 3px 6px; + border: 1px solid rgba(238, 255, 255, 0.12); + color: #eeffff; +} + +calendar:disabled { + color: rgba(238, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 6px; +} + +calendar.header { + border-style: none none solid; + border-color: rgba(238, 255, 255, 0.12); + border-radius: 0; +} + +calendar.button { + border-radius: 6px; +} + +calendar.highlight { + color: rgba(238, 255, 255, 0.7); + font-weight: 500; +} + +calendar:indeterminate { + color: rgba(238, 255, 255, 0.3); +} + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: #292d3e; +} + +messagedialog .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; + color: #eeffff; +} + +messagedialog .titlebar:backdrop { + background-color: #292d3e; + color: rgba(238, 255, 255, 0.7); +} + +messagedialog checkbutton.text-button { + padding: 2px 12px 2px 24px; +} + +messagedialog checkbutton.text-button > check { + margin-left: 0; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +messagedialog.csd .dialog-action-box { + margin-top: -6px; +} + +messagedialog.csd .dialog-action-box button, +messagedialog.csd .dialog-action-box button:first-child, +messagedialog.csd .dialog-action-box button:last-child { + border-radius: 6px; +} + +messagedialog.csd .dialog-action-box button:not(:last-child) { + margin-right: 6px; +} + +messagedialog.csd .dialog-action-box button:not(:disabled) { + color: #e2e9e9; +} + +messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) { + color: #e2e9e9; +} + +messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { + color: #f07178; +} + +.csd filechooser { + background-color: #0f111a; + border-radius: 0 0 12px 12px; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +filechooser stack.view { + background-color: transparent; + padding: 0; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 0; +} + +filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +filechooser stack.view > placesview { + background-color: transparent; +} + +filechooser stack.view > placesview > actionbar, +filechooser stack.view > placesview > actionbar > revealer > box { + background-color: transparent; +} + +filechooser stack.view frame > border { + border: none; +} + +.csd filechooser placessidebar { + background: none; + border-bottom-left-radius: 12px; +} + +filechooser actionbar, +filechooser actionbar > revealer > box { + background-color: transparent; +} + +filechooser revealer box button label { + padding-left: 10px; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; +} + +stacksidebar.sidebar:dir(ltr) list, +stacksidebar.sidebar.left list, +stacksidebar.sidebar.left:dir(rtl) list, +.sidebar:not(separator):dir(ltr), +.sidebar.left:not(separator) { + border-right: 1px solid rgba(238, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, +stacksidebar.sidebar.right list, +.sidebar:not(separator):dir(rtl), +.sidebar.right:not(separator) { + border-left: 1px solid rgba(238, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, +paned .sidebar.right, +paned .sidebar.left:dir(rtl), +paned .sidebar:dir(rtl), +paned .sidebar:dir(ltr), +paned .sidebar { + border-style: none; +} + +stacksidebar.sidebar list { + padding: 3px; + background-color: #0f111a; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 3px; + border-radius: 6px; +} + +stacksidebar.sidebar row:selected { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, +stacksidebar.sidebar row:selected image { + color: rgba(0, 0, 0, 0.87); +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(238, 255, 255, 0.12); +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(238, 255, 255, 0.7); +} + +row image.sidebar-icon:disabled { + color: rgba(238, 255, 255, 0.3); +} + +placessidebar.sidebar > viewport.frame { + border-style: none; +} + +placessidebar.sidebar list { + padding: 6px; +} + +placessidebar.sidebar row { + min-height: 32px; + margin: 0; + padding: 0; + border-radius: 6px; +} + +placessidebar.sidebar row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar.sidebar row:selected { + background-color: #e2e9e9; + font-weight: 500; +} + +placessidebar.sidebar row:selected, +placessidebar.sidebar row:selected image.sidebar-icon, +placessidebar.sidebar row:selected button.sidebar-button { + color: rgba(0, 0, 0, 0.87); +} + +placessidebar.sidebar row:disabled { + color: rgba(238, 255, 255, 0.5); +} + +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: #e2e9e9; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #e2e9e9; +} + +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); +} + +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: transparent; + background-image: image(rgba(238, 255, 255, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #0f111a; + background-image: image(rgba(238, 255, 255, 0.12)), + image(rgba(238, 255, 255, 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: #0f111a; +} + +infobar.info > revealer > box button, +infobar.info > revealer > box button.text-button:not(:disabled), +infobar.info:hover > revealer > box button, +infobar.info:hover > revealer > box button.text-button:not(:disabled), +infobar.info:backdrop > revealer > box button, +infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { + color: #e2e9e9; +} + +infobar.action > revealer > box, +infobar.action:backdrop > revealer > box, +infobar.question > revealer > box, +infobar.question:backdrop > revealer > box { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + border-radius: 12px 12px 0 0; +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.action > revealer > box *:link, +infobar.action:backdrop > revealer > box *:link, +infobar.question > revealer > box *:link, +infobar.question:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.action:hover > revealer > box, +infobar.question:hover > revealer > box { + background-color: #eeffff; + border-radius: 12px 12px 0 0; +} + +infobar.warning > revealer > box, +infobar.warning:backdrop > revealer > box { + background-color: #ffcb6b; + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.warning > revealer > box *:link, +infobar.warning:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #fdd11a; +} + +infobar.error > revealer > box, +infobar.error:backdrop > revealer > box { + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.error > revealer > box *:link, +infobar.error:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.error:hover > revealer > box { + background-color: #f0766b; +} + +/************ + * Tooltips * + ************/ +tooltip * { + background-color: transparent; + color: #eeffff; +} + +tooltip { + border-radius: 3px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: #eeffff; +} + +tooltip.background.csd { + border-radius: 6px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip > box { + margin: -6px; + min-height: 24px; + padding: 4px 8px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +colorswatch.top overlay { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +colorswatch.bottom { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.left, +colorswatch:first-child:not(.top) { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +colorswatch.left overlay, +colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +colorswatch.right, +colorswatch:last-child:not(.bottom) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.right overlay, +colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.dark { + color: #eeffff; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch overlay { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px #e2e9e9; +} + +colorswatch#add-color-button { + border-radius: 6px 6px 0 0; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(238, 255, 255, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(238, 255, 255, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(238, 255, 255, 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; +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), + 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f111a; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; + margin: 8px; +} + +.csd decoration { + border: 1px solid rgba(238, 255, 255, 0.2); + background-color: #0f111a; + background-clip: border-box; +} + +decoration:backdrop { + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; +} + +.maximized decoration, +.fullscreen decoration, +.tiled decoration, +.tiled-top decoration, +.tiled-right decoration, +.tiled-bottom decoration, +.tiled-left decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; +} + +.ssd decoration { + border: none; + border-radius: 12px 12px 0 0; + background-color: #0f111a; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.metacity decoration { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: none; +} + +.csd.popup decoration { + border-radius: 12px; + border: 1px solid rgba(238, 255, 255, 0.2); + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: none; + border: none; +} + +messagedialog.csd decoration { + border-radius: 12px; + border: 1px solid rgba(238, 255, 255, 0.2); + background-color: #232637; + background-clip: border-box; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: #0f111a; + border: 1px solid rgba(238, 255, 255, 0.2); +} + +.solid-csd decoration:backdrop { + background-color: #0f111a; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + min-height: 12px; + min-width: 12px; + padding: 0; + margin: 0 2px; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize, +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize, +button.titlebutton:not(.suggested-action):not(.destructive-action).close { + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize, +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active, +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover, +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active { + background-color: #ffcb6b; + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover, +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active { + background-color: shade(#ffcb6b, 0.5); + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize, +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active, +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover, +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active { + background-color: #c3e88d; + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active { + background-color: shade(#c3e88d, 0.5); + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).close, +button.titlebutton:not(.suggested-action):not(.destructive-action).close:active, +button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover, +button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active { + background-color: #f07178; + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover, +button.titlebutton:not(.suggested-action):not(.destructive-action).close:active { + background-color: shade(#f07178, 0.5); + color: transparent; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop, +button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop, +button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop { + background-color: #464b5d; + color: transparent; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #e2e9e9; + -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 rgba(238, 255, 255, 0.12); + border-radius: 7px; + box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12); + background-color: #292d3e; + color: #eeffff; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #e2e9e9; +} + +stackswitcher { + min-height: 0; + border-radius: 9999px; + padding: 2px; + margin: 6px 0; + background-color: alpha(currentColor, 0.05); + border: 1px solid #232637; +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + border-radius: 9999px; + background-color: transparent; + min-height: 20px; + padding: 5px 10px; +} + +stackswitcher.linked:not(.vertical) + > button.text-button:not(.suggested-action):not(.destructive-action) { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):active { + box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08); + background-image: radial-gradient( + circle, + alpha(#e2e9e9, 0.08) 10%, + transparent 0% + ); +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):checked { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 36px; + min-height: 36px; + padding: 0; +} + +/************* + * App Icons * + *************/ +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker entry { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +button.emoji-section { + margin: 4px; +} + +button.emoji-section:checked { + color: #e2e9e9; +} + +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: 6px; +} + +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.unified headerbar { + box-shadow: none; +} + +.nautilus-window.background.csd { + background-color: #0f111a; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd headerbar { + padding-left: 12px; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); +} + +.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 { + background-color: transparent; + color: rgba(238, 255, 255, 0.7); +} + +.nautilus-window.background.csd placessidebar > viewport.frame { + background-color: #0f111a; + color: #e2e9e9; + margin: 0 0 6px 6px; + border-radius: 0 12px 12px 0; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list { + background: none; + padding: 0 0 0 4px; +} + +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable { + border-radius: 6px; +} + +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable + image.sidebar-icon, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable + label.sidebar-label, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable + button.sidebar-button { + color: #e2e9e9; +} + +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:hover { + background-color: #232637; + color: #e2e9e9; +} + +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:selected { + background-color: #232637; + font-weight: 700; + border-left: 3px solid #f07178; +} + +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:selected, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:selected + image.sidebar-icon, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:selected + label.sidebar-label, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:selected + button.sidebar-button { + color: #84ffff; +} + +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:disabled, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:disabled + image.sidebar-icon, +.nautilus-window.background.csd + placessidebar + > viewport.frame + > list + > row.activatable:disabled + label.sidebar-label { + color: rgba(238, 255, 255, 0.3); +} + +.nautilus-window.background.csd placessidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window.background.csd paned > separator { + background: none; +} + +.nautilus-window.background.csd paned > separator.wide { + min-width: 0; + min-height: 0; + background: none; +} + +.nautilus-window.background.csd .nautilus-list-view { + background-color: transparent; + border-radius: 12px; +} + +.nautilus-window.background.csd notebook { + background: none; +} + +.nautilus-window.background.csd notebook > stack { + background-color: #232637; + border-radius: 12px; + border: 1px solid rgba(65, 72, 104, 0.2); + margin: 0 6px 6px; +} + +.nautilus-window.background.csd + notebook + scrolledwindow + > .view:not(:selected):not(:hover):not(:checked) { + background-color: transparent; +} + +.nautilus-window.background.csd notebook scrolledwindow .view:selected { + background-color: rgba(238, 255, 255, 0.2); +} + +.nautilus-window.background.csd + notebook + placesview + > stack + > frame + > scrolledwindow + > viewport + > list { + background-color: transparent; +} + +.nautilus-window.background.csd notebook placesview > actionbar { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd + notebook + placesview + > actionbar + > revealer + > box { + background-color: transparent; +} + +.nautilus-window.maximized, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 6px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(0, 0, 0, 0.87); +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: rgba(238, 255, 255, 0.7); +} + +.nemo-desktop.nemo-canvas-item, +.caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: #eeffff; +} + +@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: 6px; +} + +.path-bar-box button { + margin: 0; +} + +.path-bar-box.width-maximized { + background-color: rgba(238, 255, 255, 0.04); +} + +.path-bar-box.background.frame { + border-style: none; + background-color: rgba(238, 255, 255, 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: 12px; + padding-right: 12px; + 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.text-button:not(.suggested-action):not(.destructive-action) { + min-width: 0; +} + +.path-bar-box + .linked.nautilus-path-bar + button.text-button.image-button:not(.suggested-action):not(.destructive-action) + 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) { + color: #84ffff; + background-color: #232637; +} + +.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 { + color: #84ffff; + background-color: #232637; +} + +.windowhandle .linked.nautilus-path-bar { + background-color: #232637; + border-radius: 6px; + 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.current-dir:not(.suggested-action):not(.destructive-action) { + color: #84ffff; +} + +.windowhandle + .linked.nautilus-path-bar + button.current-dir:not(.suggested-action):not(.destructive-action):hover, +.windowhandle + .linked.nautilus-path-bar + button.current-dir:not(.suggested-action):not(.destructive-action):active { + background: none; + box-shadow: none; +} + +.disk-space-display.unknown { + background-color: rgba(238, 255, 255, 0.3); + color: rgba(238, 255, 255, 0.3); +} + +.disk-space-display.used { + background-color: #e2e9e9; + color: #e2e9e9; +} + +.disk-space-display.free { + background-color: rgba(238, 255, 255, 0.12); + color: rgba(238, 255, 255, 0.12); +} + +.search-information { + padding: 2px; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; + color: #eeffff; +} + +.conflict-row:not(:selected) { + background-color: #6b5f2e; +} + +.nautilus-window flowboxchild .icon-item-background { + padding: 4px; + border-radius: 6px; +} + +.nautilus-window flowboxchild:selected { + background-color: transparent; +} + +.nautilus-window notebook .view:not(treeview) { + 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 rgba(238, 255, 255, 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: rgba(238, 255, 255, 0.7); +} + +.nautilus-window paned > separator { + background-color: #232637; +} + +/********* + * 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: rgba(238, 255, 255, 0.7); + font-size: smaller; +} + +.open-document-selector-match { + background-color: #ffcb6b; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-document-panel { + background-color: #232637; +} + +.gedit-document-panel row button.flat { + margin-top: 8px; + margin-bottom: 8px; +} + +.gedit-document-panel-group-row:not(:first-child) { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(238, 255, 255, 0.12); + border-radius: 0 0 12px 12px; +} + +.gedit-search-slider { + margin: 4px 4px 8px; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 6px; +} + +.gedit-search-slider + .linked:not(.vertical) + > entry + .gedit-search-entry-occurrences-tag { + all: unset; + color: rgba(238, 255, 255, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) { + margin-right: -66px; + padding-right: 66px; +} + +.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) { + margin-left: -66px; + padding-left: 66px; +} + +.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: #292d3e; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button { + color: rgba(0, 0, 0, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.gedit-search-slider .linked > button { + border: solid 6px transparent; + border-radius: 9999px; +} + +.gedit-search-slider .linked > button:last-child:dir(ltr), +.gedit-search-slider .linked > button:not(:first-child):dir(rtl) { + margin-left: -3px; +} + +.gedit-search-slider .linked > button:first-child:dir(rtl), +.gedit-search-slider .linked > button:not(:last-child):dir(ltr) { + margin-right: -3px; +} + +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 * + **********/ +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 frame.view, +leaflet frame.view, +box.horizontal > stack.background frame.view, +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, +.tweak-group-startup, +list.content:not(.conversation-listbox) { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(238, 255, 255, 0.12); +} + +window.background.csd + stack + stack + stack + frame + > list + row.activatable:first-child, +window.background.csd > stack > list row.activatable:first-child, +preferencesgroup list row.activatable:first-child, +.geary-accounts-editor-pane list row.activatable:first-child, +window.background.csd.unified + > deck + > deck + > deck + list + row.activatable:first-child, +hdyleaflet list.view row.activatable:first-child, +hdyleaflet list.frame row.activatable:first-child, +leaflet list.view row.activatable:first-child, +leaflet list.frame row.activatable:first-child, +box.horizontal > stack.background list.view row.activatable:first-child, +box.horizontal > stack.background list.frame row.activatable:first-child, +hdyleaflet frame.view list row.activatable:first-child, +leaflet frame.view list row.activatable:first-child, +box.horizontal > stack.background frame.view list row.activatable:first-child, +hdyleaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:first-child, +hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child, +leaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:first-child, +leaflet overlay scrolledwindow > viewport list row.activatable:first-child, +box.horizontal + > stack.background + stack.background + scrolledwindow + > viewport + list + row.activatable:first-child, +box.horizontal + > stack.background + overlay + scrolledwindow + > viewport + list + row.activatable:first-child, +hdyleaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:first-child, +leaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:first-child, +box.horizontal + > stack.background + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:first-child, +list.tweak-group list row.activatable:first-child, +.tweak-group-startup row.activatable:first-child, +list.content:not(.conversation-listbox) > row:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +window.background.csd stack stack stack frame > list row.activatable:last-child, +window.background.csd > stack > list row.activatable:last-child, +preferencesgroup list row.activatable:last-child, +.geary-accounts-editor-pane list row.activatable:last-child, +window.background.csd.unified + > deck + > deck + > deck + list + row.activatable:last-child, +hdyleaflet list.view row.activatable:last-child, +hdyleaflet list.frame row.activatable:last-child, +leaflet list.view row.activatable:last-child, +leaflet list.frame row.activatable:last-child, +box.horizontal > stack.background list.view row.activatable:last-child, +box.horizontal > stack.background list.frame row.activatable:last-child, +hdyleaflet frame.view list row.activatable:last-child, +leaflet frame.view list row.activatable:last-child, +box.horizontal > stack.background frame.view list row.activatable:last-child, +hdyleaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:last-child, +hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child, +leaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:last-child, +leaflet overlay scrolledwindow > viewport list row.activatable:last-child, +box.horizontal + > stack.background + stack.background + scrolledwindow + > viewport + list + row.activatable:last-child, +box.horizontal + > stack.background + overlay + scrolledwindow + > viewport + list + row.activatable:last-child, +hdyleaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:last-child, +leaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:last-child, +box.horizontal + > stack.background + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:last-child, +list.tweak-group list row.activatable:last-child, +.tweak-group-startup row.activatable:last-child, +list.content:not(.conversation-listbox) > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +window.background.csd stack stack stack frame > list row.activatable:only-child, +window.background.csd > stack > list row.activatable:only-child, +preferencesgroup list row.activatable:only-child, +.geary-accounts-editor-pane list row.activatable:only-child, +window.background.csd.unified + > deck + > deck + > deck + list + row.activatable:only-child, +hdyleaflet list.view row.activatable:only-child, +hdyleaflet list.frame row.activatable:only-child, +leaflet list.view row.activatable:only-child, +leaflet list.frame row.activatable:only-child, +box.horizontal > stack.background list.view row.activatable:only-child, +box.horizontal > stack.background list.frame row.activatable:only-child, +hdyleaflet frame.view list row.activatable:only-child, +leaflet frame.view list row.activatable:only-child, +box.horizontal > stack.background frame.view list row.activatable:only-child, +hdyleaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:only-child, +hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child, +leaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:only-child, +leaflet overlay scrolledwindow > viewport list row.activatable:only-child, +box.horizontal + > stack.background + stack.background + scrolledwindow + > viewport + list + row.activatable:only-child, +box.horizontal + > stack.background + overlay + scrolledwindow + > viewport + list + row.activatable:only-child, +hdyleaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:only-child, +leaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:only-child, +box.horizontal + > stack.background + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:only-child, +list.tweak-group list row.activatable:only-child, +.tweak-group-startup row.activatable:only-child, +list.content:not(.conversation-listbox) > row:only-child { + border-radius: 6px; +} + +window.background.csd stack stack stack frame > list row.activatable:focus, +window.background.csd > stack > list row.activatable:focus, +preferencesgroup list row.activatable:focus, +.geary-accounts-editor-pane list row.activatable:focus, +window.background.csd.unified > deck > deck > deck list row.activatable:focus, +hdyleaflet list.view row.activatable:focus, +hdyleaflet list.frame row.activatable:focus, +leaflet list.view row.activatable:focus, +leaflet list.frame row.activatable:focus, +box.horizontal > stack.background list.view row.activatable:focus, +box.horizontal > stack.background list.frame row.activatable:focus, +hdyleaflet frame.view list row.activatable:focus, +leaflet frame.view list row.activatable:focus, +box.horizontal > stack.background frame.view list row.activatable:focus, +hdyleaflet + stack.background + scrolledwindow + > viewport + list + row.activatable:focus, +hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus, +leaflet stack.background scrolledwindow > viewport list row.activatable:focus, +leaflet overlay scrolledwindow > viewport list row.activatable:focus, +box.horizontal + > stack.background + stack.background + scrolledwindow + > viewport + list + row.activatable:focus, +box.horizontal + > stack.background + overlay + scrolledwindow + > viewport + list + row.activatable:focus, +hdyleaflet + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:focus, +leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus, +box.horizontal + > stack.background + frame:not(.view) + list:not(.contacts-contact-list) + row.activatable:focus, +list.tweak-group list row.activatable:focus, +.tweak-group-startup row.activatable:focus, +list.content:not(.conversation-listbox) > row:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +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, +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable, +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable, +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable, +list.navigation-sidebar > row { + border-radius: 6px; + margin: 1px 3px; +} + +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > list + > row.activatable:selected, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > box.vertical + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected, +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected, +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected, +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected, +list.navigation-sidebar > row:selected { + background-color: #292d3e; +} + +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > list + > row.activatable:selected, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > box.vertical + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected, +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected, +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected, +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected, +list.navigation-sidebar > row:selected, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > list + > row.activatable:selected + image, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected + image, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > box.vertical + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected + image, +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected + image, +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected + image, +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected + image, +list.navigation-sidebar > row:selected image, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > list + > row.activatable:selected + label, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected + label, +window.background.csd + > box.vertical + > overlay + > stack + > box.vertical + > box.horizontal + > revealer + > stack + > box.vertical + > stack + > scrolledwindow + > viewport.frame + > list + > row.activatable:selected + label, +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected + label, +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected + label, +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) + row.activatable:selected + label, +list.navigation-sidebar > row:selected label { + color: #84ffff; + font-weight: 500; +} + +.csd .tweak-categories { + border-bottom-left-radius: 12px; +} + +.csd.maximized .tweak-categories, +.csd.tiled .tweak-categories { + border-bottom-left-radius: 0; +} + +.tweak { + padding: 3px; +} + +.tweak.title:hover { + box-shadow: none; +} + +.tweak-group-#eeffff, +.tweak-#eeffff, +.tweak-#eeffff:hover { + background-image: image(#0f111a); +} + +.tweak-startup, +.tweak-startup:hover { + background-image: image(#0f111a); +} + +.tweak-group-startup { + background-image: image(#0f111a); +} + +.tweak-group-startup row.tweak-startup { + border-radius: 6px; + background-color: transparent; + background-image: none; +} + +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.titlebar > .titlebar.tweak-titlebar-left + separator, +leaflet.titlebar > .titlebar.tweak-titlebar-right + separator, +hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator, +hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator { + background-color: inherit; + background-image: image(rgba(238, 255, 255, 0.12)); +} + +/************************ + * 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 + > 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: #0f111a; + 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 > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #0f111a; + border-bottom-left-radius: 12px; +} + +window.background.csd + > leaflet + > box.vertical + > scrolledwindow.view + > viewport.frame + > stack, +window.background.csd + > hdyleaflet + > box.vertical + > scrolledwindow.view + > viewport.frame + > stack, +window.background.csd + > box.horizontal + > box.vertical + > scrolledwindow.view + > viewport.frame + > stack { + background-color: transparent; +} + +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 { + background-color: transparent; +} + +window.background.csd + > leaflet + > box.vertical + > scrolledwindow.view + > viewport.frame + > stack + list + row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd + > hdyleaflet + > box.vertical + > scrolledwindow.view + > viewport.frame + > stack + list + row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd + > box.horizontal + > box.vertical + > scrolledwindow.view + > viewport.frame + > stack + list + row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window.background.csd.maximized + > headerbar.titlebar + > leaflet + > headerbar:first-child:not(:only-child), +window.background.csd.maximized + > headerbar.titlebar + > hdyleaflet + > headerbar:first-child:not(:only-child), +window.background.csd.tiled + > headerbar.titlebar + > leaflet + > headerbar:first-child:not(:only-child), +window.background.csd.tiled + > headerbar.titlebar + > hdyleaflet + > headerbar:first-child:not(:only-child) { + border-top-left-radius: 0; +} + +window.background.csd.maximized + > headerbar.titlebar + > leaflet + > headerbar:last-child:not(:only-child), +window.background.csd.maximized + > headerbar.titlebar + > hdyleaflet + > headerbar:last-child:not(:only-child), +window.background.csd.tiled + > headerbar.titlebar + > leaflet + > headerbar:last-child:not(:only-child), +window.background.csd.tiled + > headerbar.titlebar + > hdyleaflet + > headerbar:last-child:not(:only-child) { + border-top-right-radius: 0; +} + +window.background.csd.maximized + > headerbar.titlebar + > leaflet + > headerbar:first-child:only-child, +window.background.csd.maximized + > headerbar.titlebar + > leaflet + > headerbar:last-child:only-child, +window.background.csd.maximized + > headerbar.titlebar + > hdyleaflet + > headerbar:first-child:only-child, +window.background.csd.maximized + > headerbar.titlebar + > hdyleaflet + > headerbar:last-child:only-child, +window.background.csd.tiled + > headerbar.titlebar + > leaflet + > headerbar:first-child:only-child, +window.background.csd.tiled + > headerbar.titlebar + > leaflet + > headerbar:last-child:only-child, +window.background.csd.tiled + > headerbar.titlebar + > hdyleaflet + > headerbar:first-child:only-child, +window.background.csd.tiled + > headerbar.titlebar + > hdyleaflet + > headerbar:last-child:only-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +window.background.csd.maximized > stack:not(.titlebar) > stack.background, +window.background.csd.tiled > stack:not(.titlebar) > stack.background { + border-radius: 0; +} + +window.background.csd.maximized + > leaflet + > stack.background + > widget + > box.vertical + > box.vertical + > scrolledwindow + > viewport.frame, +window.background.csd.maximized + > hdyleaflet + > stack.background + > widget + > box.vertical + > box.vertical + > scrolledwindow + > viewport.frame, +window.background.csd.maximized + > box.horizontal + > stack.background + > widget + > box.vertical + > box.vertical + > scrolledwindow + > viewport.frame, +window.background.csd.tiled + > leaflet + > stack.background + > widget + > box.vertical + > box.vertical + > scrolledwindow + > viewport.frame, +window.background.csd.tiled + > hdyleaflet + > stack.background + > widget + > box.vertical + > box.vertical + > scrolledwindow + > viewport.frame, +window.background.csd.tiled + > box.horizontal + > stack.background + > widget + > box.vertical + > box.vertical + > scrolledwindow + > viewport.frame { + border-bottom-right-radius: 0; +} + +window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, +window.background.csd.maximized + > hdyleaflet + > box.vertical + > scrolledwindow.view, +window.background.csd.maximized + > box.horizontal + > box.vertical + > scrolledwindow.view, +window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, +window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd.tiled + > box.horizontal + > box.vertical + > scrolledwindow.view { + border-bottom-left-radius: 0; +} + +dialog.background.csd + > box.vertical.dialog-vbox + > notebook + > stack + > box.horizontal + > notebook + > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd.maximized + > box.vertical.dialog-vbox + > notebook + > stack + > box.horizontal + > notebook + > stack, +dialog.background.csd.tiled + > box.vertical.dialog-vbox + > notebook + > stack + > box.horizontal + > notebook + > stack { + border-radius: 0; +} + +hdyleaflet frame > border, +leaflet frame > border, +box.horizontal > stack.background frame > border { + border: none; +} + +hdyleaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group), +leaflet + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group), +box.horizontal + > stack.background + > box.vertical + > scrolledwindow + > viewport.frame + list:not(.view):not(.tweak-group) { + padding: 3px; +} + +hdyleaflet frame.view list, +leaflet frame.view list, +box.horizontal > stack.background frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, +leaflet frame.view list > separator, +box.horizontal > stack.background frame.view list > separator { + background: none; + min-height: 0; +} + +/************************ + * Gnome system monitor * + ************************/ +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #0f111a; + 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: rgba(238, 255, 255, 0.04); + padding: 3px; + margin: 3px; + border-radius: 9px; +} + +tabbox > tab button { + min-height: 24px; + min-width: 24px; + border-radius: 9999px; + border: none; + padding: 0; +} + +/***************** + * 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.background + > box.vertical + > toolbar.primary-toolbar + > toolitem + > .linked + > button.image-button.raised, +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: 6px; + margin: 0; +} + +.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; + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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 + > toolitem + > .linked + > button.image-button.raised + > widget + > box + > image { + padding: 0; +} + +/********** + * Polari * + **********/ +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +stack.view.polari-entry-area { + background-color: #0f111a; + border-top: 1px solid rgba(238, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#0f111a); +} + +/*********** + * Builder * + ***********/ +layouttabbar { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +layouttabbar > box > button { + margin: 2px 0; +} + +layouttab { + margin: 0 8px; + border-style: none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 -2px #e2e9e9; + background-color: #0f111a; +} + +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(0, 0, 0, 0.2); + -pnldockbin-handle-size: 1; +} + +entry.search-missing { + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); +} + +window.workbench treeview.image { + color: rgba(238, 255, 255, 0.7); +} + +popover.popover-selector list { + padding: 6px; +} + +popover.popover-selector list row { + border-radius: 6px; +} + +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: 6px; +} + +omnibar:not(:hover):not(:active) entry { + color: rgba(238, 255, 255, 0.7); +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +entry.preferences-search { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + box-shadow: none; + background-color: #0f111a; +} + +preferences stacksidebar.sidebar list { + background-color: #232637; +} + +preferences stacksidebar.sidebar:dir(ltr) list, +preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; +} + +preferences > box > box:dir(ltr) { + border-right: 1px solid rgba(238, 255, 255, 0.12); +} + +preferences > box > box:dir(rtl) { + border-left: 1px solid rgba(238, 255, 255, 0.12); +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(238, 255, 255, 0.12); + border-radius: 0; +} + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 6px; +} + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 6px; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.transfers list { + background-color: transparent; +} + +popover.transfers list row:not(:first-child) { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +popover.transfers list row > box { + padding: 10px; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.2); + -pnldockbin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.2); +} + +eggsearchbar box.search-bar { + padding: 0 8px; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +docktabstrip { + padding: 0 8px; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +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, #e2e9e9 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: rgba(238, 255, 255, 0.7); + font-weight: 500; +} + +docktab:hover { + background-color: alpha(currentColor, 0.08); + color: #eeffff; +} + +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 #e2e9e9; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + color: #eeffff; +} + +dockoverlayedge { + background-color: #0f111a; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge docktab:checked { + box-shadow: inset -2px 0 #e2e9e9; +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 #e2e9e9; +} + +pillbox { + background-color: #0f111a; + border-radius: 6px; +} + +layoutpane entry.search { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + box-shadow: none; + background-color: #0f111a; +} + +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: 10px; + padding-right: 10px; +} + +button.dzlmenubutton image { + min-width: 30px; +} + +button.dzlmenubutton image.arrow { + min-width: 27px; +} + +button.dzlmenubuttonitem { + color: #eeffff; + font-weight: normal; +} + +button.dzlmenubuttonitem:disabled { + color: rgba(238, 255, 255, 0.5); +} + +idelayoutstackheader { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +idelayoutstackheader button:checked { + color: #eeffff; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher { + padding: 8px 0; + background-color: #0f111a; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { + border-right: 1px solid rgba(238, 255, 255, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { + border-left: 1px solid rgba(238, 255, 255, 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, + rgba(226, 233, 233, 0.7) 10%, + transparent 0% + ); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { + background-color: transparent; + color: #eeffff; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { + margin-right: -1px; +} + +ideeditorutilities + > dzldockpaned + > box + > stackswitcher + button:dir(ltr):checked { + box-shadow: inset -2px 0 #e2e9e9; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities + > dzldockpaned + > box + > stackswitcher + button:dir(rtl):checked { + box-shadow: inset 2px 0 #e2e9e9; +} + +ideeditorsidebar notebook header { + background: transparent; +} + +popover.messagepopover list { + border: 1px solid rgba(238, 255, 255, 0.12); +} + +popover.messagepopover list row:not(:last-child) { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +/********** + * Photos * + **********/ +GdMainIconView.content-view { + -gdmainiconview-icon-size: 48; +} + +.documents-counter { + margin: 8px; + border-radius: 9999px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + 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: #eeffff; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: alpha(currentColor, 0.06); + color: #eeffff; +} + +button.photos-filter-preview:checked image { + color: #eeffff; +} + +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: rgba(238, 255, 255, 0.12); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: rgba(238, 255, 255, 0.12); +} + +.side-panel .view { + background-image: image(#232637); +} + +.side-panel .view:hover { + background-image: image(#363636); +} + +.side-panel .view:selected { + background-image: image(#e2e9e9); +} + +.side-panel .view:selected:hover { + background-image: image(rgba(210, 210, 210, 0.9896)); +} + +.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 rgba(238, 255, 255, 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; +} + +/******************* + * Document Viewer * + *******************/ +window.background.csd evview.view.content-view { + border-radius: 0 0 12px 12px; +} + +/******************* + * Archive Manager * + *******************/ +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #0f111a; +} + +.background.csd + > grid.horizontal + > paned.horizontal + > box.vertical + > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #0f111a; +} + +/************ + * Terminal * + ************/ +terminal-window decoration { + padding: 0 2px 3px 2px; + background-color: #0f111a; + border-radius: 12px; +} + +terminal-window.background.csd, +terminal-window.background.csd.maximized { + border-radius: 0 0 0 0; +} + +terminal-window notebook > header > box { + margin: -2px -2px -2px 1px; +} + +terminal-window notebook > header > box button { + min-height: 24px; + min-width: 24px; + padding: 3px; +} + +window.background > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background + > box.vertical + > box.horizontal + > frame + > scrolledwindow + > viewport.frame + list { + border-bottom-left-radius: 12px; +} + +window.background + > box.vertical + > box.horizontal + > stack + > widget + > notebook.frame { + border-width: 0; +} + +window.background + > box.vertical + > box.horizontal + > stack + > widget + > notebook.frame + > stack { + border-bottom-right-radius: 12px; +} + +.tilix-background, +.tilix-background vte-terminal { + border-radius: 0 0 12px 12px; +} + +/********* + * 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: -6px; +} + +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: -6px; +} + +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(0, 0, 0, 0.2); +} + +list.categories { + background-image: image(#232637); +} + +/********* + * Boxes * + *********/ +.transparent-bg + stack overlay > label { + min-height: 24px; + padding: 0 4px; + border-radius: 6px; + background-color: #232637; + color: #eeffff; +} + +/************** + * Calculator * + **************/ +button.title label { + min-height: 36px; +} + +/********* + * 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: #eeffff; + background-color: #0f111a; + box-shadow: none; + border-bottom: 1px solid rgba(0, 0, 0, 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: #0f111a; +} + +.geary-main-window.unified + > deck + > overlay + > .geary-main-layout + > leaflet + > headerbar, +.geary-main-window.unified + > deck + > overlay + > .geary-main-layout + > leaflet + > leaflet + > headerbar { + box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12); +} + +.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: #0f111a; + box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12); + 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: #0f111a; +} + +.geary-main-window.unified + > deck + > overlay + > .geary-main-layout + > leaflet + > leaflet + > box.vertical + + separator.sidebar { + min-width: 1px; + background-color: rgba(238, 255, 255, 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: 6px; + 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: 6px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.geary-main-window.unified separator.geary-sidebar-pane-separator { + min-width: 1px; + background-color: rgba(238, 255, 255, 0.12); +} + +.geary-main-window.unified + geary-conversation-viewer#conversation_viewer + list.background.conversation-listbox.content + > row.activatable { + border: 1px solid rgba(238, 255, 255, 0.12); + border-bottom-width: 0; + background-color: #0f111a; +} + +.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 > headerbar.titlebar { + box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12); +} + +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: #0f111a; +} + +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: 6px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 6px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 6px; +} + +window.background.csd.unified headerbar { + box-shadow: none; +} + +window.background.csd.unified > decoration-overlay { + box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.2); +} + +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; +} + +/********* + * Tilix * + *********/ +overlay > revealer.left > scrolledwindow.frame, +overlay > revealer.right > scrolledwindow.frame { + border-style: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), + 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); +} + +overlay > revealer.left > scrolledwindow.frame { + margin-right: 32px; +} + +overlay > revealer.right > scrolledwindow.frame { + margin-left: 32px; +} + +.terminix-session-sidebar, +.tilix-session-sidebar { + background-image: image(#292d3e); +} + +.terminal-titlebar button { + border-radius: 0; +} + +button.image-button.session-new-button { + min-width: 32px; +} + +notebook.tilix-background tab > box > stack { + margin: -6px; +} + +button.flat.tilix-small-button { + min-height: 20px; + min-width: 16px; +} + +window > notebook > stack { + margin: 0 3px 3px 3px; +} + +window > notebook { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} + +/************** + * Terminator * + **************/ +.terminator-terminal-window paned > separator { + background-color: #0f111a; +} + +.terminator-terminal-window notebook.frame { + border-style: none; +} + +/************* + * Ubitquity * + *************/ +#live_installer .menubar progressbar trough { + border-radius: 4px; + background-color: rgba(238, 255, 255, 0.12); +} + +/*********** + * 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: 6px; +} + +/************ + * Chromium * + ************/ +window.background.chromium { + background-color: #292d3e; +} + +window.background.chromium decoration { + background-clip: padding-box; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), + 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); +} + +window.background.chromium entry, +window.background.chromium > button { + border: 1px solid #444267; +} + +window.background.chromium > button { + color: #e2e9e9; +} + +window.background.chromium > button:disabled { + color: rgba(238, 255, 255, 0.3); +} + +window.background.chromium menubar, +window.background.chromium headerbar { + color: rgba(238, 255, 255, 0.7); +} + +window.background.chromium headerbar button:active { + background-color: alpha(currentColor, 0.12); +} + +window.background.chromium spinner { + color: #e2e9e9; +} + +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +window.background.chromium treeview.view button { + border: 1px solid #444267; + background-color: #0f111a; +} + +window.background.chromium menu { + border-color: #515772; +} + +window.background.chromium menu menuitem { + border-radius: 0; +} + +tooltip.background.chromium { + background-color: #191919; +} + +/*********** + * Firefox * + ***********/ +#MozillaGtkWidget > widget text { + background-color: #0f111a; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +#MozillaGtkWidget > widget > separator { + color: #0f111a; +} + +#MozillaGtkWidget > widget > scrollbar { + background-clip: border-box; +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #0f111a; +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid #0f111a; + border-radius: 6px; + box-shadow: none; +} + +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(238, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > entry { + min-height: 30px; + background-color: #0f111a; +} + +#MozillaGtkWidget > widget > entry:focus { + border-color: #e2e9e9; + box-shadow: inset 0 0 0 1px #e2e9e9; +} + +#MozillaGtkWidget > widget > entry:disabled { + background-color: #232637; +} + +#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: #737aa2; +} + +#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: #828bb8; +} + +#MozillaGtkWidget + > widget + > checkbutton + > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget + > widget + > radiobutton + > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(113, 124, 180, 0.5); +} + +#MozillaGtkWidget menu { + border: none; +} + +#MozillaGtkWidget > widget > menubar { + color: rgba(238, 255, 255, 0.7); +} + +#MozillaGtkWidget > widget > menubar:hover { + color: #eeffff; +} + +#MozillaGtkWidget > widget > menubar:disabled { + color: rgba(238, 255, 255, 0.3); +} + +#MozillaGtkWidget > widget > frame { + color: #444267; +} + +#MozillaGtkWidget menu > separator { + color: #444267; +} + +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(238, 255, 255, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(ltr) { + border-left: 1px solid rgba(238, 255, 255, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(rtl) { + border-right: 1px solid rgba(238, 255, 255, 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; +} + +/*********** + * Synapse * + ***********/ +/*************** + * Libreoffice * + ***************/ +window.background + > grid + > widget + > widget + > scrolledwindow + > viewport + > grid + > box + > box + > frame + > box { + background-color: #0f111a; +} + +/********* + * 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; +} + +/*********** + * GnuCash * + ***********/ +#gnc-id-main-window gnc-id-sheet-list > scrolledwindow { + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; + border: 1px solid #444267; +} + +#gnc-id-main-window treeview.view { + background-color: #0f111a; +} + +/********* + * Unity * + *********/ +UnityDecoration { + -unitydecoration-extents: 28px 0 0 0; + -unitydecoration-input-extents: 8px; + -unitydecoration-shadow-offset-x: 0; + -unitydecoration-shadow-offset-y: 3px; + -unitydecoration-active-shadow-color: rgba(0, 0, 0, 0.48); + -unitydecoration-active-shadow-radius: 18px; + -unitydecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); + -unitydecoration-inactive-shadow-radius: 6px; + -unitydecoration-glow-size: 8px; + -unitydecoration-glow-color: #e2e9e9; + -unitydecoration-title-indent: 4px; + -unitydecoration-title-fade: 32px; + -unitydecoration-title-alignment: 0; +} + +UnityDecoration .top { + padding: 0 2px; + border-style: none; + border-radius: 12px 12px 0 0; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #0f111a; + color: #eeffff; +} + +UnityDecoration .top:backdrop { + background-color: #0f111a; + color: rgba(238, 255, 255, 0.7); +} + +UnityDecoration .menuitem { + color: rgba(238, 255, 255, 0.7); +} + +UnityDecoration .menuitem:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: #eeffff; +} + +.background:not(.csd) headerbar:not(.titlebar) { + border-radius: 0; + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), + 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); +} + +.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) { + border-style: none; +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(15, 17, 26, 0.95); + color: #eeffff; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: rgba(238, 255, 255, 0.7); +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + color: rgba(238, 255, 255, 0.7); +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: #eeffff; +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + animation: spin 1s linear infinite; + color: #e2e9e9; +} + +/************** + * Mate-Panel * + **************/ +.mate-panel-menu-bar menubar, +#PanelApplet-window-menu-applet-button { + background-color: transparent; +} + +.mate-panel-menu-bar { + background-color: rgba(15, 17, 26, 0.95); + color: rgba(238, 255, 255, 0.7); + font-weight: 500; +} + +.mate-panel-menu-bar button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; +} + +PanelToplevel.horizontal > grid > button { + min-width: 24px; +} + +PanelToplevel.vertical > grid > button { + min-height: 24px; +} + +PanelSeparator { + color: rgba(238, 255, 255, 0.12); +} + +MatePanelAppletFrameDBus { + border-style: solid; + border-color: rgba(238, 255, 255, 0.12); +} + +.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { + border-width: 0 1px; +} + +.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { + border-width: 1px 0; +} + +.mate-panel-menu-bar menubar > menuitem { + color: rgba(238, 255, 255, 0.7); +} + +.mate-panel-menu-bar menubar > menuitem:hover { + color: #eeffff; +} + +.mate-panel-menu-bar menubar > menuitem:disabled { + color: rgba(238, 255, 255, 0.3); +} + +.mate-panel-menu-bar.horizontal menubar > menuitem { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical menubar > menuitem { + padding: 8px 0; +} + +.mate-panel-menu-bar menubar menu > menuitem { + min-height: 28px; + padding: 0 6px; +} + +.mate-panel-menu-bar #PanelApplet button { + -gtkwidget-window-dragging: true; +} + +.mate-panel-menu-bar #tasklist-button { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 0%, + transparent 0% + ) + 0 0 0/0 0 0px; +} + +.mate-panel-menu-bar #tasklist-button:checked { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 100%, + transparent 0% + ) + 0 0 2/0 0 2px; +} + +.mate-panel-menu-bar #tasklist-button image:dir(ltr), +.mate-panel-menu-bar #tasklist-button label:dir(rtl) { + padding-left: 4px; +} + +.mate-panel-menu-bar #tasklist-button label:dir(ltr), +.mate-panel-menu-bar #tasklist-button image:dir(rtl) { + padding-right: 4px; +} + +.mate-panel-menu-bar.vertical #tasklist-button { + min-height: 32px; +} + +.mate-panel-menu-bar.horizontal #showdesktop-button image { + min-width: 24px; + padding: 0 4px; +} + +.mate-panel-menu-bar.vertical #showdesktop-button image { + min-height: 24px; + padding: 4px 0; +} + +PanelApplet.wnck-applet .wnck-pager { + background-color: transparent; + color: #e2e9e9; +} + +PanelApplet.wnck-applet .wnck-pager:hover { + background-color: alpha(currentColor, 0.08); +} + +PanelApplet.wnck-applet .wnck-pager:active { + background-color: alpha(currentColor, 0.12); +} + +PanelApplet.wnck-applet .wnck-pager:selected { + background-color: #e2e9e9; +} + +.mate-panel-menu-bar.horizontal #clock-applet-button label { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical #clock-applet-button label { + padding: 8px 0; +} + +#MatePanelPopupWindow { + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 7px; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +#MatePanelPopupWindow frame > border { + border-style: none; +} + +#MatePanelPopupWindow calendar { + border-style: none; +} + +#MatePanelPopupWindow calendar:not(:selected) { + background-color: transparent; +} + +#MatePanelPopupWindow calendar + box { + margin-top: -5px; + padding-top: 5px; + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + +#MatePanelPopupWindow button { + padding: 4px 16px; +} + +#MatePanelPopupWindow > frame > box > box > box > widget { + color: rgba(238, 255, 255, 0.12); +} + +na-tray-applet { + -natrayapplet-icon-padding: 3px; + -natrayapplet-icon-size: 16; +} + +.mate-panel-menu-bar { + -panelmenubar-icon-visible: true; +} + +.mate-panel-applet-slider { + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 7px; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +.mate-panel-applet-slider frame > border { + border-style: none; +} + +#PanelApplet:not(:selected) > box { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +#PanelApplet:selected > box { + background-color: alpha(currentColor, 0.1); + color: #eeffff; +} + +#mate-menu { + border: 1px solid rgba(0, 0, 0, 0.2); + background-color: #292d3e; +} + +#mate-menu button { + min-height: 24px; + min-width: 24px; + padding: 4px 0; + color: #eeffff; + font-weight: normal; +} + +#mate-menu button:not(.flat) { + background-color: alpha(currentColor, 0.1); +} + +#mate-menu button image, +#mate-menu button label + label { + color: rgba(238, 255, 255, 0.7); +} + +#mate-menu entry { + margin: 0 0 4px; +} + +#mate-menu entry image { + margin: 0; +} + +#mate-menu entry + button { + margin: 0 4px 4px; + padding: 6px; +} + +.brisk-menu { + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.brisk-menu entry + box > box:dir(ltr) { + margin-right: -2px; + border-right: 1px solid rgba(238, 255, 255, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(238, 255, 255, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #e2e9e9; +} + +.brisk-menu .session-button { + padding: 12px; +} + +.brisk-menu .frame { + border-style: none; +} + +.brisk-menu .apps-list { + padding: 4px 0; + background-color: transparent; +} + +.brisk-menu .apps-list row { + padding: 0; +} + +.brisk-menu .apps-list row:hover { + box-shadow: none; +} + +.brisk-menu .apps-list button { + border-radius: 0; + color: #eeffff; + font-weight: normal; +} + +/********************* + * CAJA File manager * + *********************/ +.caja-navigation-window button.toggle.image-button { + border-radius: 6px; +} + +.caja-pathbar button { + margin: 0 -1px 0 -2px; +} + +.caja-pathbar button.slider-button { + min-width: 24px; +} + +.caja-pathbar button > widget { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + -gtkarrow-arrow-scaling: 1; +} + +.caja-side-pane notebook viewport.frame, +.caja-side-pane notebook widget .vertical { + background-color: #0f111a; +} + +.caja-side-pane notebook, +.caja-notebook { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.caja-side-pane notebook .frame, +.caja-notebook .frame { + border-style: none; +} + +.caja-canvas-item { + border-radius: 6px; +} + +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: 6px; + background-color: rgba(238, 255, 255, 0.04); + background-image: none; + color: #eeffff; +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: alpha(currentColor, 0.06); +} + +.caja-desktop.view .entry { + background-color: #0f111a; + color: #eeffff; + caret-color: currentColor; +} + +.caja-desktop.view .entry:selected { + background-color: alpha(currentColor, 0.06); +} + +.caja-navigation-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.caja-notebook frame > border { + border-style: none; +} + +#caja-extra-view-widget { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +#caja-extra-view-widget > box > box > label { + font-weight: bold; +} + +/********* + * Pluma * + *********/ +.pluma-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.pluma-window statusbar frame > border { + border-style: none; +} + +.pluma-window statusbar frame button.flat { + padding: 0 4px; + border-radius: 0; +} + +.pluma-window statusbar frame button.flat widget { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + -gtkarrow-arrow-scaling: 1; +} + +.pluma-print-preview toolbar { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat { + margin: 1px; +} + +.pluma-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.pluma-window paned.horizontal box.vertical notebook.frame { + margin-top: -1px; + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.pluma-window + paned.horizontal + box.vertical + notebook.frame + box.vertical + toolbar.horizontal { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +/********* + * Atril * + *********/ +.atril-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.atril-window paned.horizontal box.vertical notebook .frame { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +/* mate-screensaver lock dialog */ +.lock-dialog { + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 7px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +.lock-dialog frame > border { + border-style: none; +} + +.lock-dialog button:not(:disabled) { + color: #e2e9e9; +} + +/* multimedia OSD */ +MsdOsdWindow.background.osd { + border-radius: 6px; + background-color: rgba(25, 25, 25, 0.9); + color: #eeffff; +} + +MsdOsdWindow.background.osd .trough { + border-radius: 0; + background-color: rgba(238, 255, 255, 0.12); +} + +MsdOsdWindow.background.osd .progressbar { + border-radius: 0; + background-color: #e2e9e9; +} + +/****************** + * Budgie Desktop * + ******************/ +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window list.sidebar { + border-radius: 0 0 0 12px; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; +} + +.budgie-popover { + border-style: solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); + border-radius: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + background-color: #292d3e; +} + +.budgie-popover .container { + padding: 6px; +} + +.budgie-popover separator { + margin: 3px 0; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row { + padding: 0; +} + +.budgie-popover row:hover { + box-shadow: none; +} + +.budgie-popover row button { + border-radius: 0px; +} + +.budgie-popover scrolledwindow.sidebar.categories { + background-color: rgba(238, 255, 255, 0.04); +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) { + background-color: rgba(238, 255, 255, 0.04); + border-right: none; + border-bottom-left-radius: 6px; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable { + padding: 6px 8px; +} + +.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) { + padding-top: 6px; + border-top-left-radius: 6px; + border-bottom-left-radius: 0; +} + +.budgie-popover + > frame.container + > grid.horizontal + > grid.horizontal + > widget + > grid.horizontal + > stack { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.budgie-popover.bottom + > frame.container + > grid.horizontal + > grid.horizontal + > widget + > grid.horizontal + > stack { + border-top: none; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +.budgie-popover button { + border-radius: 0px; +} + +.budgie-popover button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #eeffff; + font-weight: normal; + border-radius: 0px; +} + +.budgie-popover button.flat:not(.image-button):disabled { + color: rgba(238, 255, 255, 0.5); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.budgie-menu .sidebar, +.budgie-popover.budgie-menu scrollbar, +.budgie-popover.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-popover.budgie-menu entry.search { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + font-size: 120%; +} + +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item) { + min-height: 32px; + padding: 0 8px; + border-radius: 0; +} + +.budgie-popover.budgie-menu + button.flat:not(.image-button):not(.indicator-item):checked:disabled { + background-color: transparent; +} + +.budgie-popover.user-menu list, +.budgie-popover.user-menu row { + border: none; + background: none; + box-shadow: none; +} + +.budgie-popover.user-menu + > frame.container + > box.vertical + row.activatable:first-child { + margin-bottom: 3px; + outline-width: 0; + border-radius: 6px; +} + +.budgie-popover.user-menu + > frame.container + > box.vertical + row.activatable:first-child + button.indicator-item { + transition: none; + animation: none; +} + +.budgie-popover.night-light-indicator .container { + padding: 3px; +} + +.budgie-popover.night-light-indicator .view-header { + margin: 0 6px; +} + +.budgie-popover.places-menu .container { + padding: 3px; +} + +.budgie-popover.places-menu .name-button image:dir(ltr) { + margin-right: 3px; +} + +.budgie-popover.places-menu .name-button image:dir(rtl) { + margin-left: 3px; +} + +.budgie-popover.places-menu .unmount-button { + margin: 2px; + padding: 0; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 3px; + padding-top: 3px; + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(238, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), +.bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), +.bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, +.right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(238, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), +.bottom .workspace-switcher .workspace-item:dir(ltr), +.top .workspace-switcher .workspace-add-button:dir(ltr), +.bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), +.bottom .workspace-switcher .workspace-item:dir(rtl), +.top .workspace-switcher .workspace-add-button:dir(rtl), +.bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, +.right .workspace-switcher .workspace-item, +.left .workspace-switcher .workspace-add-button, +.right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: alpha(currentColor, 0.1); +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-panel button.budgie-menu-launcher { + padding: 0 0; + margin: 3px 0; + min-width: 16px; + min-height: 16px; + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel button.budgie-menu-launcher { + background: none; + box-shadow: none; +} + +.budgie-panel button.budgie-menu-launcher image { + padding: 0; + margin: 0; + border-radius: 9999px; + background-image: image(rgba(238, 255, 255, 0.12)); +} + +.budgie-panel button.budgie-menu-launcher:hover { + color: #eeffff; +} + +.budgie-panel button.budgie-menu-launcher:hover image { + background-image: image(rgba(238, 255, 255, 0.2)); +} + +.budgie-panel button.budgie-menu-launcher:active, +.budgie-panel button.budgie-menu-launcher:checked { + color: #eeffff; +} + +.budgie-panel button.budgie-menu-launcher:active image, +.budgie-panel button.budgie-menu-launcher:checked image { + background-image: image(rgba(238, 255, 255, 0.28)); +} + +.budgie-panel { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(15, 17, 26, 0.95); + color: rgba(238, 255, 255, 0.7); + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: #232637; +} + +.budgie-panel button { + color: rgba(238, 255, 255, 0.7); + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 0; +} + +.budgie-panel button:hover { + color: #eeffff; +} + +.budgie-panel button:active { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel button.budgie-menu-launcher { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel button.budgie-menu-launcher:focus { + background: none; + box-shadow: none; + border: none; + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel button.raven-trigger { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(238, 255, 255, 0.3); +} + +.budgie-panel .alert { + color: #f07178; +} + +.budgie-panel .titlebar:not(headerbar) { + min-height: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + color: #eeffff; +} + +.budgie-panel + .titlebar:not(headerbar) + button:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel + .titlebar:not(headerbar) + button:not(.suggested-action):not(.destructive-action):hover, +.budgie-panel + .titlebar:not(headerbar) + button:not(.suggested-action):not(.destructive-action):active { + color: #eeffff; +} + +.budgie-panel menubar, +.budgie-panel .menubar { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel menubar > menuitem:active, +.budgie-panel .menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:active { + color: #eeffff; +} + +.budgie-panel #tasklist-button { + padding: 0 4px; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: rgba(238, 255, 255, 0.5); +} + +.budgie-panel button.flat.launcher:not(:checked):hover, +.budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled { + color: rgba(238, 255, 255, 0.3); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked, +.top .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient( + circle closest-corner at center calc(1px), + currentColor 100%, + transparent 0% + ) + 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 100%, + transparent 0% + ) + 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel .unpinned button.flat.launcher:checked, +.left .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient( + circle closest-corner at calc(1px) center, + currentColor 100%, + transparent 0% + ) + 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel .unpinned button.flat.launcher:checked, +.right .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient( + circle closest-corner at calc(100% - 1px) center, + currentColor 100%, + transparent 0% + ) + 0 2 0 0/0 2px 0 0; +} + +.top .budgie-panel #tasklist-button, +.budgie-panel .top #tasklist-button { + border-image: radial-gradient( + circle closest-corner at center calc(1px), + currentColor 0%, + transparent 0% + ) + 0 0 0 0/0 0 0 0; +} + +.top .budgie-panel #tasklist-button:checked, +.budgie-panel .top #tasklist-button:checked { + border-image: radial-gradient( + circle closest-corner at center calc(1px), + currentColor 100%, + transparent 0% + ) + 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel #tasklist-button, +.budgie-panel .bottom #tasklist-button { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 0%, + transparent 0% + ) + 0 0 0 0/0 0 0 0; +} + +.bottom .budgie-panel #tasklist-button:checked, +.budgie-panel .bottom #tasklist-button:checked { + border-image: radial-gradient( + circle closest-corner at center calc(100% - 1px), + currentColor 100%, + transparent 0% + ) + 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel #tasklist-button, +.budgie-panel .left #tasklist-button { + border-image: radial-gradient( + circle closest-corner at calc(1px) center, + currentColor 0%, + transparent 0% + ) + 0 0 0 0/0 0 0 0; +} + +.left .budgie-panel #tasklist-button:checked, +.budgie-panel .left #tasklist-button:checked { + border-image: radial-gradient( + circle closest-corner at calc(1px) center, + currentColor 100%, + transparent 0% + ) + 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel #tasklist-button, +.budgie-panel .right #tasklist-button { + border-image: radial-gradient( + circle closest-corner at calc(100% - 1px) center, + currentColor 0%, + transparent 0% + ) + 0 0 0 0/0 0 0 0; +} + +.right .budgie-panel #tasklist-button:checked, +.budgie-panel .right #tasklist-button:checked { + border-image: radial-gradient( + circle closest-corner at calc(100% - 1px) center, + currentColor 100%, + transparent 0% + ) + 0 2 0 0/0 2px 0 0; +} + +frame.raven-frame > border { + border-style: none; +} + +.top frame.raven-frame > border { + margin-bottom: 32px; +} + +.bottom frame.raven-frame > border { + margin-top: 32px; +} + +.left frame.raven-frame > border { + margin-right: 32px; +} + +.right frame.raven-frame > border { + margin-left: 32px; +} + +.raven { + background-color: #292d3e; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), + 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven stackswitcher.linked { + margin: 6px 16px; +} + +.raven stackswitcher.linked > button:focus { + box-shadow: none; +} + +.raven .raven-header { + min-height: 36px; + padding: 3px; +} + +.raven .raven-header.top { + padding: 0; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +.raven .raven-header.top stackswitcher button { + margin: -4px 0 -5px; + padding: 0 16px; + min-height: 36px; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.raven stack .raven-header { + margin-top: -6px; +} + +.raven stack scrolledwindow .raven-header { + margin-top: -8px; +} + +.raven .raven-background { + border-style: solid none; + border-width: 1px; + border-color: rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +.raven .raven-background > overlay > widget > image { + color: rgba(238, 255, 255, 0.12); +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .powerstrip button { + margin: 2px 0 1px; + padding: 12px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven .audio-widget scale.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +.raven .audio-widget scale.marks-after label { + font-size: 90%; + padding: 0; + margin: -10px 0 0 6px; +} + +.raven .audio-widget button.flat.expander-button { + margin-top: 4px; + margin-bottom: 4px; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, +.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(238, 255, 255, 0.06); + color: #eeffff; +} + +.raven + .audio-widget + list.devices-list.sound-devices + > row.activatable:selected + label, +.raven + .audio-widget + list.devices-list.sound-devices + > row.activatable:checked + label { + color: #eeffff; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +calendar.raven-calendar { + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 6px; +} + +.raven-mpris { + background-color: #232637; + color: #eeffff; +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 12px; +} + +.budgie-notification-window, +.budgie-switcher-window, +.budgie-osd-window { + background-color: transparent; +} + +.budgie-notification .notification-title, +.budgie-switcher .notification-title { + font-size: 120%; +} + +.budgie-notification .notification-body, +.budgie-switcher .notification-body { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +.budgie-panel .lock-keys image:disabled { + color: rgba(238, 255, 255, 0.3); +} + +.drop-shadow { + margin: 5px 9px; + padding: 3px; + border-radius: 12px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +.drop-shadow .linked > button { + border-radius: 12px; +} + +.budgie-session-dialog, +.budgie-polkit-dialog, +.budgie-run-dialog { + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +.budgie-session-dialog.background.csd, +.budgie-session-dialog decoration, +.budgie-polkit-dialog.background.csd, +.budgie-polkit-dialog decoration, +.budgie-run-dialog.background.csd, +.budgie-run-dialog decoration { + border-radius: 12px 12px 12px 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title, +.budgie-run-dialog label:not(:last-child), +.budgie-run-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog .linked.horizontal > button, +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-run-dialog .linked.horizontal > button { + padding: 8px 16px; + border-top: 1px solid rgba(238, 255, 255, 0.12); + border-radius: 0; +} + +.budgie-session-dialog .linked.horizontal > button:first-child, +.budgie-polkit-dialog .linked.horizontal > button:first-child, +.budgie-run-dialog .linked.horizontal > button:first-child { + border-bottom-left-radius: 12px; +} + +.budgie-session-dialog .linked.horizontal > button:last-child, +.budgie-polkit-dialog .linked.horizontal > button:last-child, +.budgie-run-dialog .linked.horizontal > button:last-child { + border-bottom-right-radius: 12px; +} + +.budgie-polkit-dialog .message { + color: rgba(238, 255, 255, 0.7); +} + +.budgie-polkit-dialog .failure { + color: #f07178; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 14px; + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + color: #eeffff; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +/************** + * Xfce4 Apps * + **************/ +.XfceHeading { + background-color: #0f111a; +} + +/*************** + * xfce4-panel * + ***************/ +.xfce4-panel.background { + border: none; + background-color: rgba(15, 17, 26, 0.95); + color: rgba(238, 255, 255, 0.7); + font-weight: 500; +} + +.xfce4-panel.background button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; +} + +.xfce4-panel.background .tasklist button { + border-image: image(transparent) 0 0 2/0 0 2px; +} + +.xfce4-panel.background .tasklist button:checked { + border-image: image(currentColor) 0 0 2/0 0 2px; +} + +.xfce4-panel.background .tasklist button image { + padding: 4px; +} + +wnck-pager:hover { + background-color: alpha(currentColor, 0.08); +} + +wnck-pager:active { + background-color: alpha(currentColor, 0.12); +} + +wnck-pager:selected { + background-color: #e2e9e9; +} + +XfdesktopIconView.view { + border-radius: 6px; + background-color: transparent; + color: #eeffff; +} + +XfdesktopIconView.view:active { + box-shadow: none; +} + +XfdesktopIconView.view .rubberband { + border-radius: 0; +} + +#XfceNotifyWindow buttonbox { + padding: 0; +} + +#XfceNotifyWindow label#summary { + font-weight: bold; +} + +#xfwm-tabwin { + padding: 12px; + border-radius: 6px; + -xfwmtabwinwidget-icon-size: 64px; + -xfwmtabwinwidget-preview-size: 64px; +} + +/********** + * Thunar * + **********/ +.thunar #location-toolbar { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +.thunar .standard-view.frame { + border-style: none; +} + +.thunar .sidebar .view:not(:selected) { + background-color: transparent; +} + +.thunar statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.thunar + > grid.horizontal + > paned.horizontal + > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; +} + +window.background.csd.thunar + > grid.horizontal + > paned.horizontal + > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; +} + +window.background.csd.thunar + > grid.horizontal + > paned.horizontal + > scrolledwindow.frame.sidebar.shortcuts-pane + treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +/************************ + * LightDM GTK+ Greeter * + ************************/ +#panel_window { + background-color: #0f111a; + color: #eeffff; +} + +#panel_window menubar, +#panel_window separator { + background-color: transparent; +} + +#panel_window separator { + padding: 0 4px; +} + +#panel_window separator:first-child { + padding: 0 8px; +} + +#panel_window menubar > menuitem { + color: rgba(238, 255, 255, 0.7); +} + +#panel_window menubar > menuitem:hover { + color: #eeffff; +} + +#panel_window menubar > menuitem:disabled label { + color: rgba(238, 255, 255, 0.3); +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + margin: 8px; + border-radius: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +#content_frame { + padding-bottom: 16px; +} + +#buttonbox_frame { + padding-top: 24px; +} + +#buttonbox_frame > box, +#buttonbox_frame > buttonbox { + margin: -16px; +} + +#buttonbox_frame button:not(:disabled) { + color: #e2e9e9; +} + +/******** + * Nemo * + ********/ +.nemo-window .primary-toolbar { + background-color: #0f111a; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +.nemo-window .primary-toolbar entry { + min-height: 0; + margin: 0; +} + +.nemo-window .primary-toolbar button.text-button { + padding-left: 8px; + padding-right: 8px; + color: rgba(238, 255, 255, 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: #eeffff; +} + +.nemo-window .primary-toolbar button.text-button:disabled { + color: rgba(238, 255, 255, 0.5); +} + +.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: #232637; +} + +.nemo-window .nemo-window-pane widget.entry { + border-radius: 6px; + background-color: rgba(238, 255, 255, 0.04); +} + +.places-treeview { + -nemoplacestreeview-disk-full-bg-color: #676e95; + -nemoplacestreeview-disk-full-fg-color: #e2e9e9; + -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-DeepOcean-BL/gtk-3.0/thumbnail.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-3.0/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..0e4358002a4bc610fc6b80a29657cf3bbd653fa4 GIT binary patch literal 1693 zcmV;O24eY%P)<h;3K|Lk000e1NJLTq004LZ001Kh1^@s6UoFn&00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1~N%RK~#7F?VEp0 z)MXsUKi|Xi&f|XBYEvMGe`o`B`J)w?DJ~%=R<l^iR>~NrgaufPMw3()jx@NI7#sc= z5W~ubuy6)yKxtBo*h*VD7ZZ@S+B!I3p2U59J`a2mj_=Ro4t8I^ukGvZdA`qcpK<T! z^Lakc4;dK6PVneV84SzD0x+?l5sb8ZSjORUc9(M%4E|%c&x>Rk-M8dpBxtCC4u<ut zcRK&>paR?GhW!PaxN3ulJh&pnZVyi;ew+*%YQxUz^zIPD9Lq^km<JlFg8>#85}sMm zP%S#pP&KpUG}7x0U<$QCNQfSEy5JfULql$G-yVS5<naZo%?d9iy$mr=t%m4jOCVxF z1g*dJ>s9Ew*#!+}&%syKUw}Udge}PsZ3?x5$z+3IXK=6&1_yc-^@-c`EF3Oz&>vom zuA80UC@h+i(1EfQVw_{yC-l;2424khTu=iTh0vQlo?%(-_ZIAjJn|Tf2FbQon+@U< zHUg$Kt(SfPr3BKJsKB9SI|<9OqIgh%e~Vj2sLsrJ8`3h<K`Ak7o&>Aa1}ztxWcLZQ zEzt>8uQ!64m^Di;*#_spjGR5-D=BHIG~CKzI&9rnSv12)|GDT<O29cW>A6Ij1aZij zOMS7$hm<Y92>jC@SD^Mn4SlN4RKkuoQziS%51$X4w<HLbX9DynE_0PbUvD2IJ)a0y z$XuAcJ9Dg_%Z7cm#SNNA7e>Lt2f|_Jt0@x((0HV5`9<KK?jCsInJx6$wJi;jw!Z>l zL@+VJyaWvs5ZGd|h<=AZiQlwQQTvYzKcYW;#Da(6&=JRkcQI>LgD<vF+=O-UbkN`c zLK@C~L+auLMHaK=_Ym#s>xVyozYb=rnU?D=){MPd_4rCCtvE`(b<cZQusC`VZyCY5 z(#oUssj9sf6|lbQOa&Y&DTKU(d+GQ4OX!FN;j-I0h`1+8k5Lb*t~))+8>5#-`(!IW z_x&+p$Afj*>6yHJ#BBK`MK)W^uw(a#0E?p*LG$?*DzXsh@kJjL(>}Yly+P}|%dZnb z@q4PvPl1IDmeR^kp{=zIZjrtya&~$S{fvFKZr=(;1;sE`qL(d|)$T-T8S&mC`WZc! zFVvz}`(g{dRfuc9UFEG8v*kArM$z#3`NuXIYNzT|>o%;V;vyIoni`v7QPg5u#=(Q) zB5lN;#bSm)K*QzQ_z9sAca`#U_tDRoB*iDl%b4XNmN4;owiJHx;C@#>d|gvNp)P@l zTz2Fb1QR3k={;|JCq0XL4JJ|;hJl>U?0hYSzC&@vmN+;Nl-S~kTDnAV14C#@BxWlh z%cMt$r}d0_7|z9<H?MqR<yadR859<)S+I;=8oOcLSb6h{3D9!B83Kv-4|TYtn9OfW zMiZYnDl`g%n+#Ix*RIYkMYhJ<<nv;z%PTklN^SW?V4M?cNwUK|I49%$iIjbE96qb9 zpox-oTqy17zD2~h&}9{7%HHMu@8&~RZYE8#@H<bHe?AtL14Zkl%M;2tx7D{aKq6U& zV0aYDnE7a|Kc~pn1e?tb5H}k7QCJ*M_05ff%PKKjqK6F+J|vzf$c0<#xLmGD@6fx) z3&&T+Ihe1nFZ}yYr{FvMF~4hX<@F$LgP$*B_69xv>E$t^ZNzLTLCV&&>|~)hLIQbv zC12TJ;z}X56v-qZxw`I4SsNi-hV82@B}my4KTVorA=`Tls0lna6ywJA8`P^-Jhp1m zJ3Pse0@ueUOXVe(Vz%TU$CjwTvkgX7ohA+4A&38N>C>c^3r+MsvD9vqH@H6j@W4Su zeFAMuRAA5WFg+7i3+TPW{}0J(i(7@=B&os;38{G!!|hwCX~dh3gD(Wqmh_Ddla*fA z33dht`iQ{FZgg;979B?p*>V2GWfOu+6I|-Fet#KGljO^nO^E5RCF@qDfq1deU;_Q@ z;5r}ncs#^o?@-Uh+Z^{JvL;x(1>yGb(wfH1qFtL+IXYn3CeTnT?K&2iz;5tr%orZl z<6!LeNIT28e<Ar+BxtAzwxjpIo`pK6v%|@-?0T#K4VA!ljA%OgAHX^6_Ib%H=rTy{ na?l7qNIu2TDR<D}Bw*EDrcu<aL{6dr00000NkvXXu0mjf62ByD literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/check-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/check-symbolic.svg new file mode 100644 index 0000000..f2fc5ef --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/check-symbolic.svg @@ -0,0 +1,45 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="20" + height="20" + version="1.1" + viewBox="0 0 20 20" + id="svg17087" + sodipodi:docname="check-symbolic.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17091" /> + <sodipodi:namedview + id="namedview17089" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="true" + inkscape:zoom="19.67" + inkscape:cx="-1.6522623" + inkscape:cy="11.006609" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17087"> + <inkscape:grid + type="xygrid" + id="grid17464" + originx="0" + originy="0" /> + </sodipodi:namedview> + <path + d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z" + id="path17085" + sodipodi:nodetypes="ccccccc" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/check-symbolic@2.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/check-symbolic@2.svg new file mode 100644 index 0000000..464c67e --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/check-symbolic@2.svg @@ -0,0 +1,46 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="40" + version="1.1" + viewBox="0 0 40 40" + id="svg17087" + sodipodi:docname="check-symbolic@2.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17091" /> + <sodipodi:namedview + id="namedview17089" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="true" + inkscape:zoom="9.835" + inkscape:cx="-16.624301" + inkscape:cy="15.302491" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17087"> + <inkscape:grid + type="xygrid" + id="grid17464" + originx="0" + originy="0" /> + </sodipodi:namedview> + <path + d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z" + id="path17085" + sodipodi:nodetypes="ccccccc" + style="stroke-width:2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg new file mode 100644 index 0000000..ad58085 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> + <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..b12be3e --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> + <path d="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg new file mode 100644 index 0000000..6d97559 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"> + <path d="M0 0h12A12 12 0 1 1 0 12z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/dot-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/dot-symbolic.svg new file mode 100644 index 0000000..8cfdb62 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/dot-symbolic.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="20" + height="20" + version="1.1" + viewBox="0 0 20 20" + id="svg18041" + sodipodi:docname="dot-symbolic.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs18045" /> + <sodipodi:namedview + id="namedview18043" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="9.8333333" + inkscape:cx="-7.5254238" + inkscape:cy="12.050847" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg18041" /> + <path + d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z" + id="path18039" + sodipodi:nodetypes="sssss" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/dot-symbolic@2.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/dot-symbolic@2.svg new file mode 100644 index 0000000..7714de6 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/dot-symbolic@2.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="40" + version="1.1" + viewBox="0 0 40 40" + id="svg18041" + sodipodi:docname="dot-symbolic@2.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs18045" /> + <sodipodi:namedview + id="namedview18043" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="9.8333333" + inkscape:cx="-17.288136" + inkscape:cy="12.050847" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg18041" /> + <path + d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z" + id="path18039" + sodipodi:nodetypes="sssss" + style="stroke-width:2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/line-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/line-symbolic.svg new file mode 100644 index 0000000..ec2566e --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/line-symbolic.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="24" + height="24" + version="1.1" + viewBox="0 0 24 24" + id="svg17473" + sodipodi:docname="checkbox-mixed-symbolic.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17477" /> + <sodipodi:namedview + id="namedview17475" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="9.8333333" + inkscape:cx="2.2881356" + inkscape:cy="12.050847" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17473" /> + <path + d="m 7,11 h 10 v 2 H 7 Z" + id="path17471" + sodipodi:nodetypes="ccccc" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/line-symbolic@2.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/line-symbolic@2.svg new file mode 100644 index 0000000..06ef46e --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/line-symbolic@2.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="40" + version="1.1" + viewBox="0 0 40 40" + id="svg17473" + sodipodi:docname="line-symbolic@2.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17477" /> + <sodipodi:namedview + id="namedview17475" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="9.8333333" + inkscape:cx="-7.5254238" + inkscape:cy="12.050847" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17473" /> + <path + d="m 10,18 h 20 v 4 H 10 Z" + id="path17471" + sodipodi:nodetypes="ccccc" + style="stroke-width:2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 0000000..9da9f06 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> + <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg new file mode 100644 index 0000000..55d8916 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg new file mode 100644 index 0000000..6d97559 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/scale-slider-symbolic.svg new file mode 100644 index 0000000..4b00bc1 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/scale-slider-symbolic.svg @@ -0,0 +1,11 @@ +<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> + <defs> + <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#1A73E8" offset="1"/> + </linearGradient> + </defs> + <g id="scale-slider"> + <rect width="24" height="24" fill="none"/> + <circle cx="12" cy="12" r="6"/> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-check-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-check-symbolic.svg new file mode 100644 index 0000000..d6eb8a5 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-check-symbolic.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + viewBox="0 0 16 16" + id="svg17727" + sodipodi:docname="small-checkbox-checked-symbolic.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17731" /> + <sodipodi:namedview + id="namedview17729" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="true" + inkscape:zoom="29.5" + inkscape:cx="7.9152542" + inkscape:cy="7.8474576" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17727" /> + <path + d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z" + id="path17725" + sodipodi:nodetypes="ccccccc" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-check-symbolic@2.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-check-symbolic@2.svg new file mode 100644 index 0000000..2450902 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-check-symbolic@2.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="32" + height="32" + version="1.1" + viewBox="0 0 32 32" + id="svg17727" + sodipodi:docname="small-check-symbolic@2.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17731" /> + <sodipodi:namedview + id="namedview17729" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="true" + inkscape:zoom="14.75" + inkscape:cx="7.0847458" + inkscape:cy="10.271186" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17727" /> + <path + d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z" + id="path17725" + sodipodi:nodetypes="ccccccc" + style="stroke-width:2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..a2ba981 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..1e1a895 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm-4 7h8v2h-8v-2z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg new file mode 100644 index 0000000..f870381 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> + <path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-dot-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-dot-symbolic.svg new file mode 100644 index 0000000..9944490 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-dot-symbolic.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + viewBox="0 0 16 16" + id="svg18170" + sodipodi:docname="small-radio-checked-symbolic.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs18174" /> + <sodipodi:namedview + id="namedview18172" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="14.75" + inkscape:cx="1.5254237" + inkscape:cy="8.0338983" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg18170" /> + <path + d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z" + id="path18168" + sodipodi:nodetypes="sssss" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg new file mode 100644 index 0000000..0d11382 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="32" + height="32" + version="1.1" + viewBox="0 0 32 32" + id="svg18170" + sodipodi:docname="small-dot-symbolic@2.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs18174" /> + <sodipodi:namedview + id="namedview18172" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="14.75" + inkscape:cx="-5.0169492" + inkscape:cy="8.0338983" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg18170" /> + <path + d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z" + id="path18168" + sodipodi:nodetypes="sssss" + style="stroke-width:2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-line-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-line-symbolic.svg new file mode 100644 index 0000000..221ae3a --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-line-symbolic.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + viewBox="0 0 16 16" + id="svg17912" + sodipodi:docname="small-checkbox-mixed-symbolic.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17916" /> + <sodipodi:namedview + id="namedview17914" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="14.75" + inkscape:cx="1.5254237" + inkscape:cy="8.0338983" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17912" /> + <path + d="m 4,7 h 8 V 9 H 4 Z" + id="path17910" + sodipodi:nodetypes="ccccc" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-line-symbolic@2.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-line-symbolic@2.svg new file mode 100644 index 0000000..1669516 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-line-symbolic@2.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="32" + height="32" + version="1.1" + viewBox="0 0 32 32" + id="svg17912" + sodipodi:docname="small-line-symbolic@2.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17916" /> + <sodipodi:namedview + id="namedview17914" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="14.75" + inkscape:cx="-5.0169492" + inkscape:cy="8.0338983" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17912" /> + <path + d="m 8,14 h 16 v 4 H 8 Z" + id="path17910" + sodipodi:nodetypes="ccccc" + style="stroke-width:2" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..1d96d6c --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg new file mode 100644 index 0000000..4f69937 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg @@ -0,0 +1,3 @@ +<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm-4 7h8v2h-8z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg new file mode 100644 index 0000000..f870381 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> + <path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..597a4e6fca1b5d44a42c82bc8b20e72873c840ee GIT binary patch literal 588 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TtZ{@Ck7R(*OVezkmP!ix)3m zy?S-y#*KUT?%ln67f1pHf#3lQJbd^N!bN7lB*~<8bac$j%*@Trt*or9t*xD$oLpR7 zTwPuL{rv+21A~HsLPA19Lqo&D!otJDqoSgsqob!!pFU&8jF~fM&YnH{<jIq#PoF+> z=FG*57cX79bmz_;h|7VlInyA#0_Zobk|4ie24)U!9$tA>b&bZR=9c!3zWxd8HtgNE z|L~Dx$4^|i_~hA}x9>mx`1$M4Up2G11wdW<JzX3_G=leDxGr|kL8SE|=f )qS{ zOBTKTUazcdG5Nu*eSh{(oxHVeqy0Hq?Q7YsD}F0`f8;w;x@gi?>q$G_h^<=nUf;t) zN8niHx*3=KI6B|u-d}bq`_|g0svQZ7FKpuw7TGAY!EN4x&V3DxQY@h>nA%ndOxY;1 z!KG6n<Nwb22d?ja_1<oGnJtSBL-L<D$%j8N)~_<@Ik~u>&*P@t>6wPD-{*ASR7>Ca vVcyi6$9Kr|+wZD;`}$mTU3uNvs^@%i6Ev2bHJP&n=oJP}S3j3^P6<r_5S%<6 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..63a252bb3fb7d8c4ebc1782264347ba44652b23b GIT binary patch literal 936 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmQ0G|+7pyD%U&Ro5E_4e)C z_wV0-{P^*U7cXADdUfN*jYp3j-MMq;?%lgU@dpncJbd^NC<0UfWCIxxK_CMt4p#tV zK)65>!T>5p0}v@>K}?lE5o86#vvqWIbai$0^z`)g^$iRRjEsy-O-;?r%*@Tr9UL4S z9UYyVoLpR7;^N}s<Kq(&5)u;=v$L~vb93|a^E*2`dwP0$dwcu(`uh9(Crp?yapJ_u zlP51+xNz~}#Y>hfS+QcpsZ*y;pFRx?v9o8-o;!CA=&%-X%m2VYbS(+;3ua(tW9Q)H z=HZo+l~YhuQdZH_F)%Xq4G0PguWM{;@93K}dCJsj(`U>&aQNuSQ)kbezxe3!lc&#K zynOZg&D-}MKY#i5{m0Ku0?*Weu`}J%#WBR=_}j@hoq_^I9Q+kSrldGtQkW{nD-tC* zrAy(UXmXYklb4a!g0KJOFEAh7^1b(PH2=EiThEnzH+|OfU*!JRuRlJ==n2N}f42Do zGrv*Ki97oZ+~ar6Oz#SxxU~M~b9v<(QDxut-!ojuzn;A`=xuT}!-3P@dH=k)7Tnjc zs@JG{#jL`-t6q!m!{SFi0q>Y{=7lv!GsvdTYEEwGsCvls;q8H$y1N|it!Me(FkjR? z;4Nd|%j(Szmjg4HBG+@QW7@k&Oy*nThN?ySeO~N4w3{S8IP$+b;4GNKY-(G<y+`1n zUBIPgqX~kJj1_CyRTb2mR6e-z-(x)Q@`0n`ecj6$9E%R5+y3CXBj_k0A+xJ)N2uVO zvrN3(FP@k)@$eSLKdZd<8!_Z*U#{B7P;#_Fd_QyL*ZpzM(#w?_q-W*Z_%rq``zv-p zxL;~UF=yZwhM>B~P6oEYTNo}mKK3doUzNf5Cf4xSrVSr@IeYz0ZTwH1N!-$Y_19zD zTe-Wx9<RQ!&OY+SuX^t4`Ussz(!zIQ&zP&Fe6=(C!)A3usQ8e=nOnd(XYh3Ob6Mw< G&;$UXOYO`6 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..c8b17ae3abd5a90f633ee455e21e4bc298e2f9d8 GIT binary patch literal 489 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Tp!x_=LCu>HkE4*RNkce*F02 z#f!IZ-<~;h=9DQ@T3cJ2nwlCK8ft56-QC??!NASU4M-aq85tWJ8yXq{89)*O;B0*u z&;tWqFwoJ_k)9>B66hM;k|4ie21aHU9$o=KAz@K5aVcpT84Ya%LnG6IqT<rBLr0FE zIC<*yxeJ%>KY0B5-G@&Vl7cKijmte<978lF?!9nRtVuznHBly@B{wYXb3$t5wD<q3 zELo3>U4MJ}fAk5VWB)9sb8E7e*IOSqush|~kW#yDRn1g|0*)UuVqfJQmD%@lURVCt z4N75hmK#=o-S(v8z`+A@PR)mIAK><Cc1eA}xl-}a$peBD|9;}#dFQao|8K8Fo<!Cx zNxgr1%0Go<MX~SO?5A-Y@4xDOx%KcdC8>>H{5GArw0nJIwf47r9B<{-1thg+`<t@? Poy_3r>gTe~DWM4fWv$bX literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..fe61efb6e551c9b9f9233feb3ba23f1788762bb6 GIT binary patch literal 763 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprVrjJ|V6^`afBqySux!wY96O ztEs7}p`oF+wl*Ljz}wr~$H&LZ%gfo>*%1t!z`)+#9>@cd4q#wsXJ>A1ZUzRXrlvsJ z1PqM9Kpz$8>gwv~=m1GL1HuK8$l!9T#x$U3oJxZHf*BZ@m|0laIk<Uv`2>Z8MMTBK z^$ZLQjf@kLQ!}b+>*^aC8=IP2+E=Vxy>{L1J$v^(c>Lt)vkxCXefj?5*RS7y{{EYI z|IiBt2F6rR7sn8f<8P-NcRJ)C;;MehCn@2XN8rXp#*GQAEP)FD{|D+haGv4ju@=Ag z)pq^a*~_o&|F>d~lR##&S75*gnKv^pe9#t7GjsheT*mNt{n<&K8$x0xtE^_!h%euD zIPv?#RZI=%mL0p!aP@bg&GjGKxE5S4a$#uyYq8K#R$<cb4~*v?rTY3a)NE8>mhpca zx`<C=<q83d7ssbnnJS3H9bkAHae+7Cjov4RTph;vPzC+463K2WcBaB*{YDoUzv(zI z=No-s%HTFQ(9Xldpv*Mi$UuaVch9K<#sNaJ>%8)<gpOA!GB1A=@!26&<)?e<$A>n| zcRU@U<9J0Ge%s#uA1A0iYkm3MsP`uWZ&jVQo3Pc7w;}fA`aMbx$v5vaX)K#FYwjf1 zE!X54f6mNY^DFp#kLwl&A3sg^LkHJ~<T;*sb@PG$lY*}OCobmfIvW3^pm)AX%wPMK q-SuuckHfWAZ~v@4_4cLt>++q;ru;l}smlf!eGHzielF{r5}E)v{YZ)c literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e5099acff8b24e4d403e3d4e507f78da7b3c0b2f GIT binary patch literal 480 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LCuX@WpQL&MnE*w)t8 z&CRX9zkkMz8LL*UTC--&x^?R|Z{Ga;`STYr@cQ-ZU)aEJ82AeV|B%4{|Nq^?wb_C0 z&?yP>3ua(sV&>rF=Hcbz7Z4T^6;o2x($>+>$;&S+JaFjP@e?OcojG^m-u*|f-hTLW zw0$!pP~Rd?7sn8diF^BRGc_p)xLkCZvQcOA@1v(S>HPoyTgW7$`}wnvGHK<BZ~8y( zoDfv-e|GVght6_Jv2$PTide?c{(kv$x8-vb6+TalnQfQKG+$&}@5#0hr8jGDI7%pf z-1LYu)1~KD7kiS?tBj+J69pM#_o<zBmk^h)n>nHQwpUo`o>MQ_C530)7um0WVxv}E ty2$q%>kA8VKixUFwXi7l&K}b#`x$-SNTi%-5RnCiwx_F~%Q~loCIBV+*}eb( literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..1495439056f2df3c38fe760c29f91e951aab0228 GIT binary patch literal 717 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprY*oJ|V6^ni#Nn@!}OLR;*gJ zYR#H8>(;H?uwlc42M-=TeE8_mqo+@wzCi_Vk-&Q}_=XC8z`(Cxzy6|vf2iO;4p1I? z-UsMzo01^EU<O7eW>yYPE*@S!egSn&Eo~j$==j9svdXIJn%cVhhKA;)%U7;mvvb#; zJ@+3ye)9Cg$4_6rfB*UG_n*K2)=pKoVPIhN_jGX#@i_i=il_4-0|7VhXs+CO0U>u@ zH9cz5R?txT`G5auXYL@Q#xKtfzW)=ab~?r8y?wpOR)a3#rIReUviWx04_LEE>Yv^| zKg(77YJW;7f1IY|xNr8is|gl!`Q-JYD<>Y<RmU{p-ucprKXbVz+{ik@z@EH!ny0wJ zw4WRgLZ)xFU=#3v$1J1!W!Xj654x=1j^8@5g4yNJZ><IETkkNOs`)JN;*9D;ZC0m3 z_vcY(X6{(7_CbT2c|j%zSH<L3afi-B?K(a#j1PjvmMxmVuzu4A9+gK6=dY5nV$w@_ z=(6XUK*m{>x@%(c>y|ZGd%ifm_Mz*6dncaUk1qQB^zB{KTfcu_xOVU70fSqbo9h-l z>P}1jS9Mxkx6L8#!!^Z#o|!q#+xsOC-#D2s!B=y#;L&v+_qxn4RqOs_saSvB-=@9a r<j&7KD-Ko1Em-w&o_NTUw?7%bYc-rb_Wi;gP}1^r^>bP0l+XkKW_)#2 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..320fe9bb59c6b1bad76c1e2bb5de5dfada65728b GIT binary patch literal 597 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Tn$A@Ck7R(xIWD4q%|Cr>Cv0 zZEbCBXlQ6)U|?ouW@2Ju3<Jn)BO@bZE=&oO#v_HM638_*H3eE^Zf<U2Vd3QD<m&3` z>FMd^<>l?|?d$8?*x1<I+}zUA(%RbE*4B3N<jK>gPoFz??)>@l7cN}5c=6(uD_5>w zy?Xun^~aANKY8-x*|TSF-@g6u;lrm-pT2zg^8f#Tb{?xFpeMCTg8YIRm{~Zud3fa& z)YLT^n_JsEdi(k(tlO}6-~Pi#jvYU7;o{S0Z{C0W`RmW$TY5qVfV%d3x;Tbt1n-@2 zRp^j`2y651>O$>;g7Pl$U;pJ@G)z1j)4vs#zdPx}@l*L-#J;Gr?lJPWgz_Dh3vTVW zH_at~*@{<rx10~DwHW;BT2?HfaAI$Gp8Qtx_HA!O`KC!FHwtjGuBnVrJnkf0E|<4r zV?g7n!=kBTUN=5%aGcoM@Z*O}omkD<bLT$%&bxe=$yRb+{68BJK8}sc46SVcrZ!D^ zx%rLc-hla~Lc)BVVy{%$e>P0}_@n*$^?hYMpKf0^Equ=SaE+m!@QdpcfL>wnboFyt I=akR{0A8)`*#H0l literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-after-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..4449641e8332d76c0364cd865f826f53d922eef7 GIT binary patch literal 953 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pkiZVV{L716%`c+ z2M0?_OCVQIPtV-k+|ba_)YKHnH83zRGc$v*jf{+d;wC005H64eiU8FBNeBS4fdHrg z!a!yN6~M(IY-BD_B~TEqixP&rySt~Sr<a$Px3{;Ck56%NaambeMMXtbRaIA4S8s1` zUteE;fB%FD6DCfaIBC+P$&)8fojP^XrcGP6Y}vYX>-O#2ckI}4`0(K)M~)mldi2<_ zV^5wudG_qt^XJcBym;~Q<;zc>K7IcD`OB9tU%!6+@#DwOpFe;7`t|$w?>~S3{Qdj) z-@kwV|Nmc^(d`TjT(^=SzhDMdHg*n9E^a<4SvdtoC1n*Y9Rnj%-+;id@Vds<w)T$x ziIXNznKpgK%!7xI96fpJ?78z7A3uHe{Kd=HZ{EKD@bUAPZ{L6X{K&lZA28bbJzX3_ zJdVGeeAMZ%g9w9od2V6(a*x7H%~X$xj{@#&^*H%o-a=vN8*UwQzB83+-&HFEU(L7o za!Z|jT$-c8wpa8eTUA|qKmW4Z#q}40UpJ{3M9=;;cmCyWxB7XT<8AmFw$|2&_QuKP zMl$q>TK;TRW>|Q5#$UG_dlrK!`oBHp8kS1`7A{Y0*q36sf<0ohaAh3p3PJe_zKF_g z`^6F!X6Uly9(dHdws0@QmREJN<Zo<dEn}>oB{qeb+fcKDi!t?)%j|6@c3A|Q7bvkG zcUUgg!#KUDfUhU(AWwlldwGLD_p=6e%MK<+T?sb5Cl7c&WI6H|y!vw?HtGUb&dGyP z7nJHOUI%`X*If|8ZS?m*qsSY^eLS@@XEpxJzPo>G16yJ=cauXz^!pn|0wVukXDunc z#js*h%~T_f4HI9uGq436aY(J)s>Eb4XRS<uZ=I$R!(_du9ob3?I~aVXYNSR;{P5cO zIC$^5$6@v#3fnLK{AgWPcII6F{luz&&ktRx*FW?3`XlpwLF+p2|Mc3~d#|5Uzb?({ Vtl@<7(!j`O@O1TaS?83{1OQ1Uh3o(T literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..7966479f2fc74458ce5e10265b128a075c8176b8 GIT binary patch literal 577 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(*MEW_U+sE@85s% z;>D|1uWsD9arf@sd-v`^NTB!w7<l;bA)E_j!-TQWaAjEJ9z4*|(J?bKGdDN4va+(a zwsvxIa&d8Sb#)C02nY%a3JD1b3kwSm508q9ijIz+Hf`GU>C<P-m@#|y>^XDhoIH8* z^y$-Q&YZb)>C)xPm+#!U192zNBK6p3hCnZAlmz(&GcdETb8z$U%E_y#Ycw^tw0HFM z_OD&PZ~x(=$BtjT^z_-A4<CR0{Pp+SDFt_+p8cLKjv*SsdoLUpYBCUMeRyL7cNg!5 z#72#>joMuEzSpZwyvX8y?ceFozVDP;KCm>pOv_sJ@`Y@NkmJFxTu-0R+Hc)`^QrqE z>vK&(@%z>vl|Crvp)AHEcy12cSy_>vaRz&NYqx(oBhxJOZAvMR?aKqt5*D9bz}|gW zB$kc2$I|CQ`h`Q&4)aMh8}Z5XO^|rv-v2Z`-nOlh&E-(--+TE2Km8_^?ohwI>CNWu vC?yt^FjIk)6A#x{O`U2Q8?G(+>G-_fa&?dIKGv^+USaTb^>bP0l+XkKBTp*- literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a66b5a391bbf4bf958f09a9015090279c3dcc3b3 GIT binary patch literal 922 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nl#0G|+7pyD%U&Ro5E_4e)C z_wV0-{P^*+XU|@}dIjVH*>~>TxqJ66Q2gP;hmRgT0*XM`K=Q$Z2S5=ZfUtoIAPk^5 z5CFLl5llgd0tgA01u}r@k)=pw>*(m{>gww0>FMk18yFZE85tQH8=IP%nwgoIo0~g0 zI5;{wIypJHxVXf{#l^?RCnO{!B_(BNXXobT=H=z(=jRs`6m)cSbar<3_V)Jm_4W7n zPna-a;>3wlrc7D1Xwl-ui<c}}vU26hQ>RXyK7AS(XlKu!J$LRL(48WZu@=B^bS??< z3ua(tW9Q)H;^C8)l~YhsR?*NhFf#QE2n=axYH4k2pD=OC)M?WX9zJ&b#Hq6vE<Jku z<k|BVFJHZR`~JhnPoKYh{r3IG&;BR-C4te?;pyTS;&J@#W%uAi0TONxvkx-eIB?JP zjVO0SAWxFJ>l<F{ihuv_u`;s1V{em8zw=|=`N=7hq?guZ=9OpeJ-z=*Ocei8j_LAV zf-mpwI`JjUb=Us=TeZ&IGss)RS$^P+uV6v+p1LrR{qBDGjysqvYoD!*Y5jF;=AL^Z zcI|h<{WAAzs%g7i(EQT&k>P^kSKjCY#TN1{@eKiU8EhP09k@_7f$7)ReQB~5<}I;I ztFKCBFyB)a>QHGE<E?14cD|!*u%J=!K?s{+LIks&f>yI|f*W)6fj*wHMqb`E%)5<l zu!os!V30ZaKw`$_0|o+<4@w#=X>@!L$i{g<xo$`Q+a~#Sq0HM%A9yicKQPPJ-Y4!s ztVK<`XF`C*+P(=jd*T}>#QsvOVic-W`onTT_3Nq}nFqShSAL6UR6FIm;8iWd$?iA1 zyJA!s(_V)(n(8u5*wyX+{oA6Czx^4WNrxW1dHjOe!w}c7o116O&MygH@u;|J`u@+V w{my^)topX^;>(1Bsx9m9rYZivKmQGPgcRSAGxc2cz$j+$boFyt=akR{00=_nHvj+t literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..f398287c4f440bb415840546af0b9b36b9626c27 GIT binary patch literal 489 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Tp!x_=LCu>HkE4*RNkce*F02 z#f!IZ-<~^n?u;2TT3cJ2nwlCK8ft56-NC>O3|zs$$jHdp*x1m}5Xb<M$P9fL&;tWq zFwoJ_DLDM!7w8(@k|4ie21aHU9$o=KAz@K5aVcpT8FeiKLnG7tf|Am*@<T_CpE!B? z-1&?5A3T2j?!%|(j=1$ejmte<978nD@11a4tVuz@)zMY3FLLEw@7<Y^fBwIJYQ*d{ z?{<In`b073j>e!zEpBsm**?&kvRFfA>F3JY=pL`{esS8SdinRKpZLbO$?dC&B-7(s zpT4XIHm&KrZ>FT>_8wW`qapZO;liwf_6v@WG7m8avG+A|Ru^Rdyw=jY_0IH@Umxpt zetFA(&aZj?ZFv<FmtCuFZHrmPvA_SQ!GXH>?+o==(&c_C>pwgwsqb)ffgRAv44$rj JF6*2UngAx;(trQ} literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..cfbc21dd77e898de89c240cb8d4fb38b14019df6 GIT binary patch literal 747 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprT^|J|V6^`akKQySuxiqocL8 zwX3VEsi~=<p`o_6HZU;I+uPgM*Vo6#$IHvh2@D*;0K&Gnw+Hg<z`)$x+zbhrfPpa> z=pzALU0od=9Uut@a4wJm2b%uO9zdTsmIV0)GcYnSv#_#r@bK~p3JHsdiizv#8yFZG z8OJB5q^4KY)YjEEG&Z((EMK{5^}1bq_U?P|_{q}`A3uHm^6mSNU%&tSTd-B~9s>ho zq^FBxh{y4_Q=-G097NpO8Cadt%9h^zyKL&z$eUMBJ^25BrJO+cA;HA8*Iq4sU-|yw znTK-%Urm3s>uZJk?5MWI3;P~stVmu`Q>y%UwUp+4`}J98eyHqRk+wt9-gry&$3Hs* z|Mjx&Ynu3Y^Qt+if1;*5Ha<M9a&_o~bhpz&to{!sKjAqrx#BhhdtqG1cSdE=r_8g@ zdn)SZ9uUt<XqfGCLNuXkdj`YZl`1~g4vQ679P|Z?m9B{}m2Wa&I@GkFaih*1=0Hb- z1Iu;xFuRG^r9AW%G5Mgu&EFuVZ#$_qIw3aa^-3L??%Z64+wrD#b5a``RboypUdXgS zo9BKoJ4aT}_j{W@`iZ~LNI%l<Ew1ra$C^8I?>nZJPhDEk%q8od@14cB?UY>OPvbl9 zc#ls$S#jh3f<H3@Pw{E0Yzg($Ij{5R*yfPRHxJsAYNFTnUHx+S#0-ruvse55KR^Ge Zv`N_{UcFgeJir)Z@O1TaS?83{1OTmLMFRi; literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..2e096715d4c6522f4d30da16748e4df1fe291ef2 GIT binary patch literal 481 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LCuX@WpQL&MnE*w)t8 z&CRX5yL;-?sjF74TC--&x^?R|Z{GYI3|@f2YcTkQ0e-{4Ul{m@1pfd3Kf{OfIM5wB zB|(0{42(?79Gu)dynOru!Xlz#iYi*#I{Mi;1%-u02M!%Oe&W=bv*+*KfAs3@hfl$W z=ga`=TkPrL7@`rpwg0wQlY)TjL6<4Xk!jyAt($iAe|@};>5NI&zdgQ}ozP~;{`?I0 z^h?n@SZa>`SoA^U@$>D!lLDgFf89{BPy0&yiR`;U&pGDGC)QlCea^{bwBhnJQ_0T2 zodHVQ6dfNQV(#SS(ifi>VCEqcb7OKV>o&cd6VDkhy*?fvv}xVV@~T&Vd*n_;wB&@E s`tCd<uu-3-isiSWK#->9iQoU9^FF^Mkrvv|W(EpwPgg&ebxsLQ0QVc&H2?qr literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..41651c1576b45fae62f138398fa80eb1fcb5843a GIT binary patch literal 706 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprY*oJ|V6^njl!bc=57j%T}yd zv1-+-HEY(aTeoh*h7AuMJb3u<;Uh43`t<4R*RS88g12Ds{{8z8A3l6T1wW9$uV26Z zB7uL{z<&%NvcFvr=x&>mAirP+MkZ!f4o)6kK7Ijp4NWa=9o?w-gv6whipr|$n%cVN zmL<zqtX#8W*X})g?mv3`<ip2LpTB(j{{83gKmYde@YXOeFuHiUIEHu}e|yz4_>hA@ z+ru@Jm&A)7sbv-w4UY+&`1Ak%)69)cKJ03tayB=fzhC)E<?dXCA4|I)w^dHu5h*vT zBVs}4j3<AOn!MLm`+08WdX3N5=Kb!Bycc}t>E0tw_nbpMX}gAmd|IlpNNR%h&!8t& zcA=lH&0|`U<;?K=v6jSp#tdJ{guh3vzV2d_Fqh{l$ep^2MWw`nX^Xp*#MTCvw=1%* zT7^}gYN(dI!!(nbD`7!1`+@?71Jn8J7z!I0=37;)XZ5$L2#G$`U@d!R1%GaXu&m6= z^`?y5_DR?52xyqcruXF{2hWADw)Z=i^2fiecz><;drBjpc2Z5iZilB`dHN+^w{1>w zJ*|9U*Q~v(1M`bt3eK4Kus5&XK!)$v+^tj9El(9{^-sHZDn#t@q;<QFO`NHmq|`6( nGGoRX0ZpUHEeGrWUi`(lqNsk0`e*OCp!DSF>gTe~DWM4fETLva literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..640a66715eef6dd2d056d3061f3624481225ff9d GIT binary patch literal 586 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TtZ{@Ck7R(xIWD4h{|~Dk?xy zPft%<Tie>&+Su6G(9qD#%*@2Z1jvQ}BO@ai6GQ{0kY#})Km}+b$m-G9rlzJq^Ucl8 zEi5b?9UWa<Ts%EJy}Z1<y}f;XeH$AaTU%S(+S=ON+fSZ6dHVF}bLY;TKY#whg$oxi zUc7SU%GIk^uU)(L`0?W>Po6w`_U!H3w;w)y`1I-1moH!b|Np=Am{=CjZyF^*e!&dP zEbJWIJiK!9YU&zI%`NR6J-z*F*YDeZ_~^0Y7cV`1_U6OKA3uNn{dP*h9jIr&r;B5V zM)2MX$Ay{<L|Px-*w8JzJIOX;V>zqq=YRPsMzfAIZvFqMX7X+hMH^40d97YkH+<)- z=nOel)3@pMti7*~<vtYp-Io`Tb^5*O{zq^6H0&5t&iK4aIXB@+b&`S2CI9Ca6^<#i z@}{nBQRkJhcoUd@q3P(uKDB1Pc`|Yt#w!w!Cw6N!^IVe&^DyrCzU6iK{*1d8%#)5i z`Eqmlgr9y*u07M)Pv6o%uED~hu&+km@9&%+q3;*%T(v4}li;W0as1!(EjujBJb_+e N@O1TaS?83{1OPee?<W8N literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-horz-marks-before-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a276f65029b8786a2bf9cecb810cdfbd85dea147 GIT binary patch literal 935 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s7}0G|+7pkiZVV{L716%`c+ z2M0?_O9<E8++1H@-_+C;$Tcu9fG~`VjDTE2LqiA`NSc_K07Zb}Kn5}!C<q4-aR?W} zhKoQ9gsY^G;qLD4;o;%w>FMR=<?Ze5<Kt6QR8&@02K0YLMMY(0WoKt+Pft&8Z*N~; zUw?o9gb5QSPMkP(>eOk|rfuA~am$u1TeoiAv17-fLx+wWIdb&q(PPJsJ$drv*|TTQ zpFe-`;>D*=pFV&7{N>A+uV24@|Ni~Qj~_pO{`~dp*PlOs{{H>@@87@w|NpywQ{D*- zQ|FQ(zhDMdHg*n9E*?H<SvdtIWfcuA10z$vfWVN3rk2*W_6ZZGOr19U;NfG(Pn<e? z;nJhWPo6!0@$%K1x9>lE{Pg+D*Kgl{{Oo_SUlJHqot`d^As)xyUUm;Y6d>XDaCH-} z_Kn>gv4J@^MEjfeh97B*o%rYfT<*nucl0IF<`h2OZRbD9GjGbTrIj`}zrO1{x#~^T z3AY{U3eq1h-WH#~H}>O2dAZx7Y55ZB-&)i&zAfXZ%8C2$owCo}E8lrXv*zFD!8_Of zTC{M>JrTy~cdXgA-V<T2RLT&jI&8tPV*0O7stMLJ`6fj>tO#L<OL%(k!Z!i7TVM7S z@L8C*xHisY;=RI@&B>{v<gk^k=D<Y7JpPR94(0`_&E5;VnHd%InzIu;n7t3I=9$;X z%6o=U->8CRnW+KWol_6kBrZCL7iczfF9>FqJ+SX<_SY`?ysu|J9ln}zz><58=L3-$ zrLWpgvajK6f3L?>!m<3S=%oJdY64o*>N><4?wU-z!<aFpYU*Y74f8&Q^h-1R-Ki9i z%GluX<#nv;xkC(xm!3+R`k0}mKk4K0<rQxVBpWVrrS5zbx8>{f6+Fcz`pcei`&Mdw z_NocK|8vRprFC(2vDy9gb@%RHj(Waj;{W&l-}o+FH)#0uRnZX`#|)mXelF{r5}E+{ C*omb8 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..e061e9bf3a24f35ad41b6d07244236fbe5cab1d3 GIT binary patch literal 541 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TrDL@Ck7R(*MEW{{8!}UcI_; z<Hp^)cY$mmdGFpmAOi><fWgCu4<T%121E*tglj<)hjVpwbj-}mEG;dqtgNi9t(}~l zTwGlI{rv+21A~HsLPA19Lqo&D!otJDqoSgsqob!!pFU&8j9Ig0ojiH+^y$-Q&YZb; z@#3XRm+suT192zN<SUch+<=}@FA4GsW?*LF;Ng{1P*c}vY;JAu=<A=bZo}SvhmRaP ze(}=NXK&uVd;jy-pTD0oK7fLDk*AAeh{pNkgayhEo=gv#H2L8}C*ibb;blzBrgCa2 zg>HiC?#02py28cm>V{$}oQmqvwxtFJTMC8TPi$Cy<MnFi#&xEXdKOG>wUT)ep_rmF zw?{zeMAehICKFXAe9=ho@YvwgYjiAcO2cH;veP$1-tca)5?^tY@0DP(2)~g5m$hZo zjLgj05f&Dmn-;Jr>6-|I?v%XPJl8)cFl^TB=6Qj<3=yrWPY&B1{|j_2gQu&X%Q~lo FCIC0E40Qki literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..e9319b996f92bb4bccd4c445002ca0d020688e35 GIT binary patch literal 862 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nlp0G|+7pyD%U&Ro5E_4e)C z_wV0-{P^*+XU|@|cyZ&#jVDi@+_`h-?%lih?%e}QJ$Ufo;lqcI9z6o8fiNI~KoKAp zt^mkJ<^shbQb6qx6M$Tx0%R_PO$n)^qob><tEZ=@udi=tXlP_)WNd6~YHDg`W@c_~ zZed~J;Nals=;-9+<l^EI7Z(>FAD@trke!{Ko12@LmzSTP-_g<0+1c6C)6>`2*Wcei zVZwyTlP51+xNz~}#Y>hfS-EoMsZ*y;pFRx?tFvd%0-aiO?ZgLQ*g2I1`2{nuvaxe; za&hy@$jZqpC@LwdXz3Ujnfe9<hKAKOwzhRlm^69X^qB__A3b^M%(?RyA3uHe{Kd=H zZ{NND@bUAPZ{L6XTv#8^2aJ(OPZ!4!kK=Er91ml16mglqXwi(~FcAZGgY-fPo*9hB z8f-iM|7X|ZX)mn0<RyNuH1zuG5T*Zr0#{Wl3!i?i<I`519ed)na&*mR(X7G=;cVXx zHkiNIe0lr1q$In9wfXTZ4|J#7SzkG?FW<#*#A?kKUu}l<=DWUm8bvcjybXE1I*nmo zP?Y3KrUO;eFA1=mP&Z-joRjKSETfU3mbX?W`M~XoHy7MpE&I<`VRhy@*}o2f;Zj$E zdzrq^VqMjvsgRo*km}MH?A@%C%x<y4Y=-e1o^t#3cRqUrI~=R4eZ0(8K3hKEQtW#D zpv{ail@(G#j9qea^G)6{>2sEU?&vsSaA5IoewBTh4TlPM+I`LW?7B2jazVx9Ka<qg z=XyIV(ft-^{PWDulmA?;;)_;DPJAX=Jn`(+PF_*x!o@ar3DHxPggB;8{rJpdvPJM+ pVY&FI+kJj5yZ-7u`TvLOePT4HeDrU<g}^9d@O1TaS?83{1OS^1zVrY9 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..483f8e023158288a0efde6e068b1e11164c89865 GIT binary patch literal 447 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TtB+_=LCu>HkE4*RNkce*F02 z#fvj$%$PD|N^5ItLqkJtZLOP|o2#oUgfs>NLqkI&BO@S*2K2!|4+eC=;K7E!6M-(! zED7=pW?*Dy;o%h!6cQE{6PJ>f(b6_BGA%4FEjxVV`0<mcPM^PU>A~Z-@7{mRdm-Qe z)YR+g;uxY4ym!J$p(X<Xmq?+`g`p0vF#_fX{`}|9>YXAP^l-)d8~JKeUn=}i-WafQ zUiXbo=ZTM+CAuZWu0FgeyIOV9gr`D3&kFc5ruw#Ay~=av`WcTY&rT;N_a3^*wQuo7 z<AY^ttxj+2y^>zfUj9DL=JS?GyzN&OGq0R<cVD*u(%_RNogusHuFLKGsb9%xo-J-u T_f8-j=r9IPS3j3^P6<r_iL<|? literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..78d188932566446a58e9871d4e974facc7258d15 GIT binary patch literal 704 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprXS8J|V6^`akKQqobp>wY96O ztEs7}p`oF+wl**@(A(SF$HxaqdU<&{J3Bi%IyyNy0ZDs%dj~ME0|PTNGYbm~APEGf zrluw)CdOc(j|6meb@lZ0baZrp3^;&ufed7D`9xGE&>IdVL4LsujLa;o>>S)YynKQ} z!Xlz#;`#;#hDOHm$*E}>Rdo%GP0cOs9V=I^TD^A9-hB@qKY8}y!^cmbzkK`t<L9s6 zfBp$RbXH+tU^Mb{aSZV|{&vbur$Yt;uFir>Oee^&goG5tGaO|t&;0y9{%CXP0X5ay zOYG-9-`RP&<Qdn-XY+$rxddfS>CsZ{|D<r~&w|4Vq2F&gSvIVDx{IaM=t{BADXs>; z`jYQb{rP>j7*=fByr1dD&JN#GB^Q_ir2BrV9yoYJ=ff4&3uUgn3#QLdowV<=@`VHY zP8Pfia&dUBs%@~m%+-^bIeCw0XoB@Nt~bH02RaKAK2JDsLUlu>NkjGW1CJIqmTy;h zy|8h+%)y)Q<Krq+IC(z*)~_$&kP)xErgfof@9*WS3u6;ZU0Alv|NDCXwQBQ^v(xJw z+W)annV0cBabw-4>BWmOIkxC8zyEZ8_}M)IGmiV@Th#s8A^UZfc9L6%gBZ7wqKlfA tc{pp)K?A?Xb>5nHCoBxVv;L=W+HRKqxiyQ;{DCpS;OXk;vd$@?2>_Q%GD-jd literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..a34601c8a82052ead4a0b0ada66dd1247d768102 GIT binary patch literal 413 zcmV;O0b>4%P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10V+vE zK~zYI?UX@E12Ghaf7@bPS}>q^0)-%gi`-%E(E~{FFavXjS<IpX?p+8~Q1AdEx(Y;H z%M0`BCIf{bnT)k`(+~b#`2Y7_k_YVBH3t!AdH{w1`c5k+>r`zLFm~o4ew@73`IrD0 zN-6usm>Cf*nE9QVUy10}7&B8!4FHS)Oe2bIR4%eCJGa)ptUM6WW1i<107RFN9srRf z$*HyW*=Jr;Rn=Qj6qj8>#sGxYdfsNf7V=S+<yCCR6o4S2huDCwog4uW%>3OYz}HFW z6>W`rM9XcBsJ`UuO-2*yVEvgs{b%KkF48nT3;hKmTK?su)l2{gDdn-&`i6+^nE8vD zKZ)pGYdu#=owS*^C61gz1eaaxx;_LjKyzIa0FLn3vqOFX;Y#4FO-XWu00000NkvXX Hu0mjf@lvYJ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f5779e00f74881c078fc61a39edceb36db9c72c0 GIT binary patch literal 670 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprY*oJ|V6^ni#Nb*|HTYR;*gJ zYR#H8>(;H?uwlc42M-=TeE0|qo<4p01_s{3z<V(G@ZrNZRPX}^e*OCO7YY2s0sdnH zy{F2)0Nrg<666=mz{teR%E8IS!^_7nprNUyt)m+ipO}<fR#j75-_X$9vTXT^m8*B{ z-m~ZaqsLF*fB5+6^OtYmzyJ94`_I1@()VQ;7#I~iT^vI^j=!C9I_i*tfZOFDrCh#< zkSmY=GOegMxO+?G|K~*)FY#vv1)1-9u;%$0m7hlY1*HFJ#wl2P36`cju$=NcC~(n| z{p;d3Iqlw8>(RO)%|n}Mf&HGH_1??3yBjhDp1u{&_$FrAt^~VRj2g2AnPkp<5jx*2 z<;<iq^Pi*H7Ad;}`_>iY8E<R&mmPXxdD`LN10LDw$_(3r7bn<FW%1j>dbvkn#toLs zJscGqxY{JSer({rD#=x`UhrI4>oIq(#*Nkg|3voBw#jDr67>Av(d#?%KA5(!JQDx@ ztLA>0@%GOgiY*z;GQ0ExHZE#j{`A+)xVu5m6$RqYh(C=Fzk5qSBUw$-U*7(`nrFH1 t8590ZN6+3}{7F19=Gfk%-rv0Shs^t18jj4n`w5&}JYD@<);T3K0RY(nR=xlL literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..c594c1ef27b0ba5df85b1577cbee39c32d28c630 GIT binary patch literal 537 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TrDL@Ck7R(xIWD4q%|It!-^> zZES38U|?WoW@chy0%St~oNZ)e1ZTq}(bb@dW96EfngXq`u&{7(adCBZ_4M@g_V)Jm z^=)cuYH4X{ZEbC9Yddx7)alcw&z?Pd?%cTx7cN}9c=77ht2b`kc=F`QvuDrVzkmPX z!-tO_KYsrF`Tzg_-kyb3K+mX`1o;IsFtc#*@X9HuscSSgx3+im^-oy0Veh`fM~)r8 zc<Jf0H*ep)|M~0B-_IEzKtVgt)5S4F<9u?$0_6u!rUy-${P3ZZaN4u*Fm`5BIkl8R zH^EZg<Y4#e;$+`aLopRj#ZuX9b%PC8LdD%rY*?KUY3bP5D>tcU!LEhEGB;i+r>I=j z6%;yA_2jDT1eFP2G!i^KHaPWeI*>P|VHacB>6-<X;wxOGwUQejIkLGWmhvhKS6dr9 z`<4cZO>ubA%C<<$T)Aq)XHTtDUd6>1j8`$9bk{LC*R3)Y=u!qxS3j3^P6<r_g!RZC literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-after-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..3ac4e8e5cbc53e0e2906598bcbce814545a75abd GIT binary patch literal 890 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm20G|+7pkiZVV{L716%`c+ z2M0?_OCVQIPtV%g+T7gS)YKHnH8eCdFfcGPGlOuAjEsOHCMG5jE|3I@0F@z=KrT=L zkc0z>ERYKnhe)BRhpQxy;o;%o>FMd^<>l?|?c?K9R8&+}R#s6_QCV48RaMp1)z#bE z+uz?mVZwxo6DLlZG->kW$y29Joi=US=FOY8Y}vAP>(=etw;wrj<ml0($BrF)^5n_0 zXV0ELfBy32%a0#Fe){z3^XJcBzI^%m_3QWV-+%o0@$=`;-@kwV`Sa)R-@pI<{rms_ z|KXP}b^t@usU*lRn1Pjzor9B$n^#6wPF_J#Nm)fp$H2(cHy|)Htgf-Otz*KZ$<wCK zJb3u%$x~;}oxk|_>9glAUcP?&?)`_4pTB(j{^RGu`glHI93^|YIEHu}e>=rJn#obX z<#tEXxg-}x<!5s~GO~r75iE8|{Qv)I^F!wHvKzK950<aH^=j@s&58B@G+gI7+`l68 z_-~zmCvRnB!o+;B+N+jNe%=e+6p^cc;bnH4f#IWV*RK0AY}ht?N2OnE{5w}hiPhUL zh5IqDnZK;Z|K2%e24mi=+C+hb-v>`TFk~~hzQUw}@lmF7_m_34ZlN4EjC^FGEvp)~ zs&77M5n>&~ePCzejj}CF6Q^8SFmIK#g@H~$Dh~svcC%Kp$d0Wh8b;F^mux*aXCu#^ z3?6s;@OKqU7#}$O|NCbCJGO6gWwN`|3f)&76+O?K&bO|OrC~+$X?0QU18%qO*(fPp z;@pt@pV9N6g2NlT;Qt#|RxS#%V->Ki{5@&^yw*}xg&^y1fyN)ZU+;brsw8(V&{!$d zv3Mfy^scr&eF58St}I*YC0O{|_*BKh)j>tUSKhpzJ117^?Pt@SIVb-A6url|TU>|v U#JvzFVB|4)y85}Sb4q9e0JlVQ&;S4c literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..bd90f1dc60cbc8ad10aa6040696bd495c39a835a GIT binary patch literal 534 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Tmq!@Ck7R(*MEW_U+sE@85s% z;>D|1ukPNxd+**o2niGff(Kym5DegK2m>n#*Me0RD5#^OV`gS%X=!O?Wo2z`?c(C% z>gww6?;jKt6cQ2=8X6iN9v&4H6&)QtZQ8UMGiJ=5J$ufaIj2vbK6B>G#fuj&UAlDV z&K-ygfu^lU+SdZ~iAG6~UoZnR3p)olkDR=kx<+GjOIv$yU;o<md-v@>eDv7yOHZD^ zdH4Ru&tHH3u9{R32-Gvz)5S4F<9u?$0_6wKrcMo?B>2EdIPFnrISaFBomfhtS)qHi zak8$ja51}kpqomer+c<Dufc`wr6O)(+b>;hU}Clo<x}}uB~_5{P@~1wRzSkqD>-=m z!i8^FFicCBdO)%9sD|d7Y0*|(kBaoHyV!ddJTl|pRgg4vuP#oO%?(bN&|#p&E~eZs tr6Mr(=ZuSorcZVc^9%H9m^?3#m%-qHT7f`_XCly{44$rjF6*2UngEhC1>XPw literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8bd251166f66924d0ff87ea447aa6026bd9a9b5e GIT binary patch literal 857 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmc0G|+7pyD%U&Ro5E_4e)C z_wV0-{P^*+XU|@|cmd=-dGh4WojZ5$-UW(3eE9Iuqel=1kbLmq0fY-=0Hq)zKsJO6 z5kV7#$YPQZGcm=97tztt(bd(})6>(}*EcjYG%_+WHa0dfF)=kYH8V3aH#fJiuyAyA zbaHZXc6N@7i;ItsPe@2eN=iyjPR`EG&dtru&(H7a>FMq5?d$97@9&>5VZy|T6Q@j> zvS`tw#fuj&S+eBRsZ*y<p9Tih*|TSX4$CpNDg_3dV@Z%-Fas+aI|nBhH=m5GoPv_F zhL(YmUqE0;Lvu@OTl<8GQ>IRve&F!Y<EPJ_zi{c%<0ns_y?FWR&D(eHKYaT9<?FZa zKYq%qbt(d5Bf`_gF~sBe+bNOJj)5X=rWX{vKI>evxfr7*CZ%z9=>>&7|NpC(1k26& zw$V2BO6&JuceB?Pe~X)c^wNX*m+T(Q{kVDeyU#okrX|a*JvwXG?`^whC9|yQL&fHq z`SFJi><NCm`wzpD`RgZNy!^!1jK5*O`_u1vj3RPLpIlA8GH$rIbj5zo4`S1egz_1> z!%F{_xM+3kVdz;|Yxsdrrd0Ef`eOZ$Ob@Ppca>|5o&C&4Nok{!!HU>;mrDm)%4!97 zGN*lg-L2A?`uCTT`T@tUtm!^{a~KcC_k5{!y8C$FtHrPXuQjduQ&9NKHt0a#+H=Rv zmsZ_7wo=LR!G(1(9X?-~_A>R%So5NK(H;Bqj5-l#ofiCv;A)Im#UK!{Y-ToZL(;cr zuYNrGWERbkur*rNXKwc~h1tb3T;op%tO(-oHM{B&e*8&Xq(rrq$*0|G&%cf4%wu16 h_pepq{RjR(SS(kw+$s}Na|1>ggQu&X%Q~loCIG}O(4znV literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..c73d4f7be5f8843c5d08f135aa7f43237c9471d5 GIT binary patch literal 454 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LCu>HkE4*RNkce*F02 z#f!IZ-<~>k>WmpPT3cJ2nwlCK8r;Fa4GdgeU5&xO(9qBb41f#>8^X{B13ehf0fTc& z9zTHY&@Kt`3ua(sX5rx#5EK#?6%&_|mXXoaGB7mCFDNN3KYZl)@e`*`pF4l){)4yg z-hW&wGzAm@J)SO(AsQ3+PPi`CWFX+;9HH74Dk!}|#Ift$|NrwXMT7<7cJ^<6dWI*N zJL$07E~Ymd`EERFN<B5L`JQf7z1%~w>&x^${8-X9y<a=ne)^S(?<Z#e4Y|;tU2k+F zTt#Eqx6Z67dl$Yu_-6I~bn&<41(P#(=N{P7U1-2$##iPTbM<?m>StB09jjuw9^^Rg YYu+W{P|~oq1L!UWPgg&ebxsLQ0Q0cH?f?J) literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..68e783cbaa96e5c0e7dc7f5703a65b727c7a0ad1 GIT binary patch literal 677 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprY*oJ|V6^`ag-Fqobp>wY96O ztEs7}p`oF+w$|I*+t=6E$H&LZ%gYH29334Y410TfAlt#g!Q9;33<gYKz!(hl^z`(> zKv!26$kx%(0W#nK!UdAZ!1ieMaiG&}N`m}?85o&aSlKyvc=-f{ghfQf#Ptmf42_JF zQ&Q6_YU=768XH?ytX#cr=dL|__dR_4<im%LpFV&6_WkFt-+%rcXs*|0U|>}Dba4#v zIR19Z?Vv*r0xq5co;+{l1VRErMD{E=#(huW^Z)x#n<sIp?7kTixs?A)vH$ls=X|bb zMgIw|=rst+5N+i>-}sJwmWb7t(^qCoS~cWF#r_eqbP=1pi)lf9ow)w}M>jL&8A8oJ zmWw!i&r-CH@Z)2cl7CtLoNDuPMTgVIult1~or{<*n0!`kXIxOr{9oz(^h$n?yFZnJ z9jg2Oc68`i9ay({Uq?^lfyj85yoM98@hWV$-u+T~-*8Xn!_1`*O7|`(@?Oog`S{mk zi&xiYce)>Z@J4QO)71@n@#gm@u3i0PL&e_9U1yoC%w#WQH8oGy`Ty}m%_8mob6<@A z&Obd*m*vuooAPJh+0T>9bKg5@#!9)A*1(^q6aUD5cf4}V>n*Ea;r^rZA8;Sv(YBVa T_TUF#&@*_t`njxgN@xNAtTZV# literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..3ff2e2964b9409d7877eee5e515df8795b46bd1e GIT binary patch literal 406 zcmV;H0crk;P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10V7F7 zK~zYI?UcVt13?hRza&H=1`H^^fEJ5MclEXR9@=W5uX1oNaU55qu(uG27|0VutZv~< zFLUl_Gl9h1pUov9O@1)l@_paV&JJ*3-!v@Fv;efF8d3(p4*&wdn;3MY%J`PbrCDO! z1<-L_x1FZxEfGC2^OTuCiD;;`zEMiGB)~~Uh+Oer7>3tG^!8gomSvM52(AG1035F+ z9>?*(81qpizF;!;JnuqGiaN3^9z{{#7&EOBpOYlXebp`2PQC~cy^2A1tI6ju^Gpm* z|BILQY@6(~MJpyX9{CQIqgrQ7-)+Zq#Y8^Zs6>41`~IbE`dkyoan7~Y4@C6B%wNnr zBcf-m^`lbiOvDRU#m<+V&AM&^I6}>JePI9m0R<4=NgXU?E&u=k07*qoM6N<$f=`31 AH~;_u literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8444d3166f83b5af1849779e13d8caade3075d35 GIT binary patch literal 639 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprX|QJ|V6^njl!VY}twxD^{&q zwPwwlb?eq`*s$T@!-tQ+;OWz+uV24@g9P4!!Ta~`zafDisNmPHUw>iX9}e&z18h>y za|627q9n*Kn1PXrnU#Z+hnJ6EKtoeYTSqrOAu*|>qN=*4wyt66@|A10@7T3_&z=X5 z9>4$a@zdw8-@gC&_507iNwF(uGcYg;db&7<cpQH_<+xarfq*Ncp+~^R@Ar<z&HVr0 z$l0ZjO{hsawxHay@^a9;MN9r@uIl5teCUS5E-l6D0^67jE<O4Z*{!JUH-EF!6Bbt^ zwW(98yr0(<iM<tyoh7+$URk`%{R7YKbS`_EOx#!3U|v>wYwD@%<*`2w<bG27{#9U+ z*xf6^_xWExOqk58vYuU{QZ?jcolRclrsdwx)k|*9Yx&6;yea#{bM}Hgucw{oFZi}B zjoGTH;c>ddqiK(_eP%42ET8Su+tDq2UBb<V_u*r0H(R^9@VwUV&;M|IV>bP9?PJf1 zxA(u^*81PQPwCU*>;gOH=oF^Lvm#NSucmIExAl$0Y|p%ulWRY58`s^mown`wl=&YR Yc0MhCl50P!0+bj$UHx3vIVCg!08n~KF8}}l literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..d5a5fe1a2aa22725398de196b2bac342d17951f8 GIT binary patch literal 543 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xIWD4h{|~Dk?xy zPft%<Tie*!*wE0>%*@Qh#01EO03#zK7}FTY21+5z!qs33!gZlBOifLJR+yWcTUb~) zJ3G6$xOjScdU<(ydwVxFHnz65wzs#RI(6#w>C<P=o;`Q&-1+n8FJ8QO<;s<-SFc{b ze*N*|$4{O-dH??XhYue<e*F0P^XLEn|F5gxdk5$xjglb0U<PIub`EYHIe9g8jmGAd zw)Wn>{<Z7(?%RL(=&|FMo;-i^?){ISzyADPHK`yFsAsOHi(`n!`Q(HJ$`77Rof<w# z@PU(X+N03x49uc+Vkw1Yg}k}K-0JDZ$-caSZYqVIytUfm1{<zk7H|_Y-%{SlBrO}t z*RrE=F1L(CCP!i*Kg%?!OE<3U-eHlY(V!ZkTHujj=*2btX;Z}9?6r$e^_^`t+r`1F zAZf^}n_SH99-J_t!$65$Ou1i5MPTaB85a*tpX?sy7wFY6d0rqd!+rzZ&D$hyvH~5- N;OXk;vd$@?2>{=9#AE;f literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/scale-vert-marks-before-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a8ef20f29a6c5d4838e10441b167976973141e39 GIT binary patch literal 879 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm=0G|+7pkiZVV{L716%`c+ z2M0?_OCVQIPtP0-OifLJTmu6G2m{DAG&F>;O-xLHTq7eRAOo2V6odnaID`vS31mP> zWO2A+N*Ep<9-f|_US3|_-rhbwK4oQPKtEShR8&@0c6N65^z`)h_V)Gl_4oHrm@r}D z#EFw9Pu{d?)0Qn;wr<_JW5<qz2M-=Pbm+*DBS()OJ$CHa)2C0LJ$v^2`SXt-KYsf3 z>GS8$U%q_#`t|F#Z{NOu|Ni60kDot({{H>@&!0bk|Ni~=@8AFb|9`(`Dg_3mV@Z%- zFas+aI|nBhH=m5GoPv_FhL(YmUqE0;Lvu@OTl<8GQ>IRve&F!Y<EPJ_zi{c%<0ns_ zy?FWR&D(eHKYaT9<?FZaKYq%qbt(emC&tsoF~sBe+bPGxoE!yQ3>z4ER?HA}Ji}S+ z(CQs<u%(Mrw0Oz?`nPVD2a4q$7cS(^u3f%sdHOD$Y4v{tLwE0CuA7!tBR4&id3`zi ziOi$f`i<e++BE`J?7q{py+83n!QNTrzZg4YV^Z$P8Nb{s!SK&b^u7tdfMw-W{=G}h z7}8|9{#!O2+56<B8KXf~=x_DSK?~mSIZU4=-u&pmF6V>tQk6UVnc`~Wo=8M&%KWCR z^ht^>YU^KD70xdizq?OJ8mxG)KZ)_!*T1gw8m>NKzh`dwfq|v&!lmb&rM;IIdDqvk zQO&CPSn$j==)j`4()0D1zO3B0edFpkY8%qR^^VkiWXfeOnXxA0kKX+KH<=_h&T4h| z@k7;o{$h;-Ta3=m31)C9yFC5;_3-Dr0~yq$uN(}q&f?j$&}#FG)fwDkj}D&OB=j=s z`tCX6$L2}({#ln*_FIjK`|{s+Vsm%=zrOy3?7n7o-@V=2b%Bw_;OXk;vd$@?2>`zX Bb=d#_ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..95d4a8ad6021ad54aeef25608b5f1234505ddbbd GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprWDxpAc6d{p87$d-v|$2ZIMN z@bKY77!yj%%E~G$D{E?M1_uX+goK2KhK7fSM?^$KMn*<OMO9Q()Ya8BHa51lw$7O| zXT^#YD_5>uzkdCO4I8dry?X1`t=qS6-??)KXx8Ue*;PPW`AUNPf*EAgHCC=&w|>K$ z_a8of;$Tj{43s(H>Eak-ar*4l+d@qW0&EGU-o|(R$_%u;pZ<+Ebkeub(J?=_V|&eK zW1Yi7uEkfh*6&!pN@r%w!A>o=nZ=u~35A*Hs6JubnsUSb@PmTZYK}MA3>ldkpBSX9 z0t@3-Sjk_R!~W_VFYoh~!>;98HTSKy2S3Q>KYs3|$Pa<+<$>SQPp^zN-l%0f(dMtg zWS6;hS(^JzpY?n*IV2O1{_W%ZPOH@q&pdoHJ8_5ex(}Prl*<|{DHBRF@lo|T;kc{! l_{7;cUhfNh9!J)-$gBKaCuj7IBOmA|22WQ%mvv4FO#qhG()IuV literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..57cd4ae6409c292c30b9ce9877e4fe0f98bbcb1d GIT binary patch literal 703 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBI14-?iy0VX+d-JI|LMn6prB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt<C6d_r7-^wq0ZZ{NQC@ZrNp zj~+dK{P^Czdk??>C~_YRAY8a0G8Y$HR#w)?$jHRR#LUdh+}zy4!ot?p*4Nj!qN1X% zuCBGUwX?JH$dMz*j~_pA;>5|5Cr_O^b^7$_bLY-oyLJs|=Ea*%cYrRFEeY}qW?*C2 z*3s4L?dzW~anj_e(`M}3f8g?!s~<mo{_^MV<}&p|3=E8oo-U3d5r^O2xEXfHK!7bF zOmvFt5)JPqQJGsBOyB=6iep%~a&oF#ai96$^|Rlr<QiGd4O`6_o%c>$+x3i=<hSgY z^j(30H+`(yzAss1yt*s+=!C+je{(Gkl=?UGcd0V->Qx+YY4(=;;M&}!$$O*WKl49> z=G1M;tfzfCWR)Y*oFtM|Dn6}BlKJts?vu+oW~Mk1j!Hv?7p@H(+}U;IB)3$CTzDnu zxZ9msR*tizQsl#nPaF?Eo_+ezvA><Ib{^}UdJz|Xw(l!%h?(%Sbcb*R@O)7C@H!Mo ze^mJJ*+$29M!%esO~J`eHW%h3U-+XV&nm=hdwSbX?Y63Iy|LoWwy!-6j~1M-`?5;u zQ1P6nt2;i%997)^=D5g1%hhL7`y|fC?o+w<`HFMrw;I;4B-{L>(>%`CvwF-CFIes| zMZC!Ksl@u9*Rv03Ojs%S<;>kxv$6|LFyG7CaQ^bU*KyJv!h8iGxiil_+IxK4#TME1 v%Ga&4uKzl+*U{;o?dhMf+cWQcek$%SvGI!V9?nc)tTA}H`njxgN@xNAqxo7} literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-checked.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..8734299f914f4495e4f234140d6de96bf8846ac4 GIT binary patch literal 451 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprW(@pAc6dZEkLEVq#(p25<(1 zi$+>lSXf$G+S}WwrlzK)rRC=4R#jC^nlx$Jv}rSE&Rnoy!GQw@4jw#s=+L2~M~@yq ze*Dv?Pd|VD{Qv)dN1Xp^piO)wL4LsuGU^&D*RET?;m!LGA3t$0r(Xuj9PxB<46!(U z_Udh+CItbu1XFKgRV`)hv)}&48!_oy=;)ZA+p)dov$4+MNvYXa*1d~ZvTIdD%;Ao# zEo&qrt68n3wsCE0xn=a^yGcdeVPn=$f(&^kQz{vl=Vt8CFp1@f(qqaMZ|mcBx;}G5 z{l^W)3IAL9`K_4kp4?iZI^QNePxr~HQ!bz09M%yk{kC%Io}L-Sw~RfE7oU6k*j~6a z?y&2DpXSO1?J*BaXTP^f^q4EMCL=;CVnXwm8LuZs%iMZVpz}Gju0`HurSD3X?CP^X P|1fyE`njxgN@xNApBl0- literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..4157a485b12848fd2723e6df049fc429dcf607e9 GIT binary patch literal 707 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBI14-?iy0VX+d-JI|LMn6prB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(eHd_r7-w6?akii(P<si}#H ziLtS<k&zLEgm8gu2p1OvB92Mg+S<Cgxp{hedU<(ydwcu%`1tzz1_lQ9_4Q4fG->9{ znF|&yID7W&y?gf_J$m%`@#7~?o;-c}^!fAWFJHd=|NsB<GroI)j*~43@(X5QW7pQv z)$8r+pD=OK<f+qU?Aw3f@|CL}KYjl4=kMk+^+OB{j7^>{jv*0;-`=<#bjUz}Eul|K zgMH#6hh)}Onqh07{gpq*tzfdl@=aR$o|pA^YbI|wnYL?fnDDlkyLw?wGeV8t#23uX z)LJyj&#LXa!Xo3<-N6SZ6u$ktROZ31<p-?~PHJQmw@FxZP?i73632s6*m4g1XPiIt z;F>#|n<7_UnJ0M0YblSRkWEFYAz#f;i;7hb7#a1sTJ}f?d{J_^vA9{RpXZj1R>s$k z1$P%W^7XUqvf<iMSjkfG`Q@h%3ywQC+nr~6cdvL6d-HCu+UF+xET6qJ19(0teE8}P zq(3Trcx$od)~x=#{Y*9mCqG$Sn3H_rkB&U65VP&+Z9lc!s<!pkYO+;do1E13aNge+ zS6y44Tbxc8e7v*Ex$suM=%M1U*_UMu=k2cX-1B^8yU^R8Tx*V0-RshwIPX8#1PlEK zeiJqHpG?v+i2J<$dPAT>u=0zEyF*Q{KbXM2=UT%2<#(^!nhU7QJXmqhXztPK@41UP xt>fI+m0#KSLijryXXSUD=jL~p6`r3SFWH|K*Z0@=JuuoBJYD@<);T3K0RW*3FKz$; literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..78e50a6e21a514b5a5eeb9dffdcde024b641c2e5 GIT binary patch literal 273 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NV3?%C=ER6$FoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;L%J|V6^S`Q3#b#--+fVQ?a z5)aBeG-06*Py=5{kY6x^jJn3kwd>Yzc=P_l$4?y0>6d{r-kvUwAsXkC6BOhOzVCBp zye`_%6!!kY0i^{A^1B`cFL+>Ea?sr2V7Wv>NI}R18^<1&Z&Df&?Rr00G*-0gSqN&J jn9{6O=F-rzhmj%HEoi^Zru$QX#xi)i`njxgN@xNAADUDj literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..adc12ce25ca55ae02292465503692c5b55f891e2 GIT binary patch literal 415 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBI14-?iy0VX+d-JI|LMn6prB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt)jjJ|V6^T3cINMMXtROG{5r zPghr0M@I)J0t65?kP8ukFwjV3HE2>o8+IfCO_wbR@(X5QW7pQv)$8r+pD=OK<f+qU z?Aw3f@|CL}KYjl4=kMk+^+P~~b3I)gLn02py<slYU?AWeSadF7(f5DXmqhcZhOMk` zFn=r?&c(#0z504^UD+(HzXcZ)j%wd_*UuMwuNE%D67c-ad8Gr|fg1!pmNsd#nQ+NT z6odyj2&#BYP;hKw;S_>1jx;S$%y9M(?QRlfJ0t32SRDU{r^A*h=kCdpPv4JyFg;W@ s{dx8651WP6m;U@)-M6&E^3LO3jK<GgDihLeK*7)8>FVdQ&MBb@0Qdxm(EtDd literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..40ff92e03e809c46a23cdb5b894eb47e5ed1acc4 GIT binary patch literal 273 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NV3?%C=ER6$FoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;L%J|V6^`ajWNp~vdkKn;8) zL4LsuGU^&D*RET?;m!LGA3t$0r(Xujcze1yhG?8mPEe3D_`c7X@w#Y3Q`q|p2b2~h z$nSa(yx@Ut$w706gXIzlAq625Y#e)7zDa3BwCnv~(OA){XCbI@VoI}CnM*^<9!7>( Xx1jwto9<5m8q476>gTe~DWM4fd5w0# literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8e87ea7e002bdbbc27d2b3c17fedb5298695ce60 GIT binary patch literal 415 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBI14-?iy0VX+d-JI|LMn6prB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt)jjJ|V6^`af+zq|x@hK+|PQ zg8YIR*x0poboF}s`X@}BG<oW@8T<AhxP0a6$4{TX{Q0}NO#Kj0;apD_$B>A_Z*Q0j zH5dpu2Ns=6SoHnh^(E0fs$nbZ8_XZehI28oX|KK>Tvs+r>u<rugrnNG-SzXu-m8Vn zumn86b6)9ycHjm<kEKo8Y$jZC5(VJ_4uUEk6BHbqSU82?j3Z486f>OtL%W+q+0Kai z7#7F>;pwnt%DH>8<kR<KA50IGO@Cf}`@?2o^`$@mR`)IKu)Onl7o+hrm&$~68&L2w Nc)I$ztaD0e0s!2k(8K@$ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/gtk-dark.css b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/gtk-dark.css new file mode 100644 index 0000000..32a7830 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/gtk-dark.css @@ -0,0 +1,7017 @@ +/* GTK NAMED COLORS -- USE RESPONSIBLY! */ + +/* widget text/foreground color */ +@define-color theme_fg_color #eeffff; +/* text color for entries, views and content in general */ +@define-color theme_text_color #eeffff; +/* widget base background color */ +@define-color theme_bg_color #0f111a; +/* text widgets and the like base background color */ +@define-color theme_base_color #0f111a; +/* base background color of selections */ +@define-color theme_selected_bg_color #e2e9e9; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #0f111a; +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(238, 245, 245, 0.5); +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #232637; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #eeffff; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #eeffff; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #0f111a; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #0f111a; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #e2e9e9; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); +/* insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(238, 245, 245, 0.5); +/* widgets main borders color */ +@define-color borders rgba(238, 245, 245, 0.12); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(238, 245, 245, 0.12); +/* these are pretty self explicative */ +@define-color warning_color #FDD633; +@define-color error_color #F28B82; +@define-color success_color #81C995; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title #eeffff; +@define-color wm_unfocused_title rgba(238, 245, 245, 0.7); +@define-color wm_highlight rgba(238, 245, 245, 0.1); +@define-color wm_bg #0f111a; +@define-color wm_unfocused_bg #0f111a; +@define-color wm_button_close_icon #0f111a; +@define-color wm_button_close_hover_bg #e2e9e9; +@define-color wm_button_close_active_bg #c7c7c7; +/* FIXME this is really an API */ +@define-color content_view_bg #0f111a; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1d1d1d; +@define-color budgie_tasklist_indicator_color #eeffff; +@define-color budgie_tasklist_indicator_color_active #eeffff; +@define-color budgie_tasklist_indicator_color_active_window #999999; +@define-color budgie_tasklist_indicator_color_attention #FDD633; +@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; + +/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */ +@define-color accent_bg_color #e2e9e9; +@define-color accent_fg_color rgba(0, 0, 0, 0.87); +@define-color accent_color #e2e9e9; +@define-color destructive_bg_color #F28B82; +@define-color destructive_fg_color rgba(0, 0, 0, 0.87); +@define-color destructive_color #F28B82; +@define-color success_bg_color #81C995; +@define-color success_fg_color rgba(0, 0, 0, 0.87); +@define-color success_color #81C995; +@define-color warning_bg_color #FDD633; +@define-color warning_fg_color rgba(0, 0, 0, 0.87); +@define-color warning_color #FDD633; +@define-color error_bg_color #F28B82; +@define-color error_fg_color rgba(0, 0, 0, 0.87); +@define-color error_color #F28B82; +@define-color window_bg_color #0f111a; +@define-color window_fg_color #eeffff; +@define-color view_bg_color #0f111a; +@define-color view_fg_color #eeffff; +@define-color headerbar_bg_color #0f111a; +@define-color headerbar_fg_color #eeffff; +@define-color headerbar_border_color rgba(238, 245, 245, 0.12); +@define-color headerbar_backdrop_color @window_bg_color; +@define-color headerbar_shade_color rgba(0, 0, 0, 0.36); +@define-color card_bg_color #0f111a; +@define-color card_fg_color #eeffff; +@define-color card_shade_color rgba(0, 0, 0, 0.36); +@define-color dialog_bg_color #0f111a; +@define-color dialog_fg_color #eeffff; +@define-color popover_bg_color #0f111a; +@define-color popover_fg_color #eeffff; +@define-color thumbnail_bg_color #0f111a; +@define-color thumbnail_fg_color #eeffff; +@define-color shade_color rgba(0, 0, 0, 0.36); +@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); + +/*************** + * Base States * + ***************/ +.background { + background-color: #0f111a; + color: #eeffff; +} + +dnd { + color: #eeffff; +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +iconview, +.view { + color: #eeffff; +} + +iconview:disabled, +.view:disabled { + color: rgba(238, 245, 245, 0.5); +} + +textview text { + background-color: #0f111a; +} + +textview border { + background-color: #232637; + color: rgba(238, 245, 245, 0.7); +} + +iconview:hover, +iconview:selected { + border-radius: 3px; +} + +rubberband, +.content-view rubberband, +.content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, +.content-view .rubberband, +columnview.view > rubberband, +treeview.view > rubberband, +gridview > rubberband, +flowbox > rubberband { + border: 1px solid #e2e9e9; + background-color: rgba(226, 233, 233, 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 6px; +} + +.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: #eeffff; + background-color: #0f111a; + border: 1px solid black; +} + +label.separator { + color: rgba(238, 245, 245, 0.7); +} + +label:disabled { + color: rgba(238, 245, 245, 0.5); + opacity: 1; + filter: none; +} + +headerbar label:disabled, +tab label:disabled, +button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 6px; + background-color: rgba(25, 25, 25, 0.9); + color: #eeffff; +} + +label.search-information { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.dim-label, +row label.subtitle { + color: rgba(238, 245, 245, 0.7); + opacity: 1; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(238, 245, 245, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: #eeffff; +} + +.osd popover.background > arrow, +.osd popover.background > contents, +popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, +popover.background.magnifier > arrow, +popover.background.magnifier > contents, +.osd { + color: #eeffff; + background-clip: padding-box; + border-radius: 6px; + border: none; +} + +.osd { + padding: 6px; + margin: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); +} + +.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; +} + +.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; +} + +/**************** + * Text Entries * + ****************/ +entry { + min-height: 36px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 6px; + 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: rgba(238, 245, 245, 0.08); + color: #eeffff; + outline: none; +} + +entry:focus-within { + background-color: rgba(238, 245, 245, 0.08); + box-shadow: inset 0 0 0 2px #e2e9e9; + outline: none; +} + +entry:drop(active) { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + outline: none; +} + +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.5); + outline: none; + opacity: 1; + filter: none; +} + +entry.search { + border-radius: 6px; + padding: 2px 12px; +} + +entry.flat { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: transparent; +} + +entry image { + color: rgba(238, 245, 245, 0.7); +} + +entry image:hover, +entry image:active { + color: #eeffff; +} + +entry image:disabled { + color: rgba(238, 245, 245, 0.5); +} + +entry image.left { + margin-left: 2px; + margin-right: 6px; +} + +entry image.right { + margin-left: 6px; + margin-right: 2px; +} + +entry undershoot.left { + background-color: transparent; + background-image: linear-gradient( + to top, + transparent 50%, + rgba(238, 245, 245, 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; +} + +entry undershoot.right { + background-color: transparent; + background-image: linear-gradient( + to top, + transparent 50%, + rgba(238, 245, 245, 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; +} + +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 transparent; + background-color: rgba(238, 245, 245, 0.08); + color: #eeffff; + outline: none; +} + +entry.error:focus-within { + background-color: rgba(238, 245, 245, 0.08); + box-shadow: inset 0 0 0 2px #f07178; + outline: none; +} + +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.5); + outline: none; + opacity: 1; + filter: none; +} + +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 transparent; + background-color: rgba(238, 245, 245, 0.08); + color: #eeffff; + outline: none; +} + +entry.warning:focus-within { + background-color: rgba(238, 245, 245, 0.08); + box-shadow: inset 0 0 0 2px #ffcb6b; + outline: none; +} + +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.5); + outline: none; + opacity: 1; + filter: none; +} + +entry > progress, +entry progress > trough > progress { + margin: 2px -8px; + border-bottom: 2px solid #e2e9e9; + background-color: transparent; +} + +treeview entry.flat, +treeview entry { + background-color: #0f111a; +} + +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(238, 245, 245, 0.12); + color: #eeffff; +} + +.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(238, 245, 245, 0.7); +} + +editablelabel > stack > text { + 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: rgba(238, 245, 245, 0.08); + color: #eeffff; + outline: none; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient( + farthest-side, + #e2e9e9 0%, + rgba(226, 233, 233, 0) 0% + ); + } + to { + background-image: radial-gradient( + farthest-side, + #e2e9e9 95%, + rgba(226, 233, 233, 0) + ); + } +} + +toast button, +toast button.text-button, +toast button.circular.flat, +infobar.warning > revealer > box button, +infobar.warning:backdrop > revealer > box button, +popover.background.touch-selection button, +popover.background.magnifier button, +headerbar.selection-mode + button:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 245, 245, 0.7); +} + +toast button:focus, +toast button.circular.flat:focus, +infobar.warning > revealer > box button:focus, +popover.background.touch-selection button:focus, +popover.background.magnifier button:focus, +headerbar.selection-mode + button:focus:not(.suggested-action):not(.destructive-action), +toast button:hover, +toast button.circular.flat:hover, +infobar.warning > revealer > box button:hover, +popover.background.touch-selection button:hover, +popover.background.magnifier button:hover, +headerbar.selection-mode + button:hover:not(.suggested-action):not(.destructive-action), +toast button:active, +toast button.circular.flat:active, +infobar.warning > revealer > box button:active, +popover.background.touch-selection button:active, +popover.background.magnifier button:active, +headerbar.selection-mode + button:active:not(.suggested-action):not(.destructive-action), +toast button:checked, +toast button.circular.flat:checked, +infobar.warning > revealer > box button:checked, +popover.background.touch-selection button:checked, +popover.background.magnifier button:checked, +headerbar.selection-mode + button:checked:not(.suggested-action):not(.destructive-action) { + color: #eeffff; +} + +toast button:disabled, +toast button.circular.flat:disabled, +infobar.warning > revealer > box button:disabled, +popover.background.touch-selection button:disabled, +popover.background.magnifier button:disabled, +headerbar.selection-mode + button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 245, 245, 0.3); +} + +toast button:checked:disabled, +infobar.warning > revealer > box button:checked:disabled, +popover.background.touch-selection button:checked:disabled, +popover.background.magnifier button:checked:disabled, +headerbar.selection-mode + button:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 245, 245, 0.5); +} + +headerbar + popover + button:not(.suggested-action):not(.destructive-action):not(.flat), +button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + background-color 225ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(238, 245, 245, 0.08); + color: #eeffff; + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar + popover + button:focus:not(.suggested-action):not(.destructive-action):not(.flat), +button:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eeffff; + outline: none; +} + +headerbar + popover + button:hover:not(.suggested-action):not(.destructive-action):not(.flat), +button:hover { + background-color: alpha(currentColor, 0.08); + color: #eeffff; + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar + popover + button:active:not(.suggested-action):not(.destructive-action):not(.flat), +button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + background-color 225ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.12); + box-shadow: inset 0 0 0 2px transparent; + color: #eeffff; +} + +headerbar + popover + button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), +button:disabled { + box-shadow: none; + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.5); + transition: none; + opacity: 1; + filter: none; +} + +headerbar + popover + button:checked:not(.suggested-action):not(.destructive-action):not(.flat), +button:checked { + box-shadow: none; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + outline: none; +} + +headerbar + popover + button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), +button:checked:hover { + box-shadow: none; +} + +headerbar + popover + button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), +button:checked:disabled { + box-shadow: none; + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.5); + opacity: 1; + filter: none; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 6px 10px; + border-radius: 6px; + font-weight: 500; +} + +button:drop(active) { + background-color: alpha(currentColor, 0.08); + color: #eeffff; + box-shadow: inset 0 0 0 2px transparent; +} + +placessidebar .navigation-sidebar > row button.sidebar-button, +calendar > header > button, +columnview.view > header > button button.circular, +treeview.view > header > button button.circular, +row.activatable button.circular, +scrollbar button, +notebook > header > tabs > arrow, +popover.menu box.circular-buttons button.circular.image-button.model, +headerbar popover calendar > header > button, +spinbutton.vertical > button, +spinbutton:not(.vertical) > button, +splitbutton.flat > button, +splitbutton.flat > menubutton > button, +filechooser #pathbarbox > stack > box > button, +window.dialog.message.csd .dialog-action-area > button, +.app-notification button, +headerbar button:not(.suggested-action):not(.destructive-action), +.toolbar 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 { + background-color: transparent; + color: rgba(238, 245, 245, 0.7); +} + +placessidebar .navigation-sidebar > row button.sidebar-button:focus, +calendar > header > button:focus, +columnview.view > header > button button.circular:focus, +treeview.view > header > button button.circular:focus, +row.activatable button.circular:focus, +scrollbar button:focus, +notebook > header > tabs > arrow:focus, +popover.menu box.circular-buttons button.circular.image-button.model:focus, +headerbar popover calendar > header > button:focus, +spinbutton.vertical > button:focus, +spinbutton:not(.vertical) > button:focus, +splitbutton.flat > button:focus, +splitbutton.flat > menubutton > button:focus, +filechooser #pathbarbox > stack > box > button:focus, +window.dialog.message.csd .dialog-action-area > button:focus, +.app-notification button:focus, +headerbar button:focus:not(.suggested-action):not(.destructive-action), +.toolbar button:focus, +toolbar button:focus, +dropdown > .linked:not(.vertical) > button:focus:not(:only-child), +combobox > .linked:not(.vertical) > button:focus:not(:only-child), +splitbutton.suggested-action > button:focus, +splitbutton.suggested-action > menubutton > button:focus, +splitbutton.destructive-action > button:focus, +splitbutton.destructive-action > menubutton > button:focus, +splitbutton.opaque > button:focus, +splitbutton.opaque > menubutton > button:focus, +menubutton.suggested-action > button:focus, +menubutton.destructive-action > button:focus, +menubutton.opaque > button:focus, +menubutton.flat > button:focus, +button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eeffff; +} + +placessidebar .navigation-sidebar > row button.sidebar-button:hover, +calendar > header > button:hover, +columnview.view > header > button button.circular:hover, +treeview.view > header > button button.circular:hover, +row.activatable button.circular:hover, +scrollbar button:hover, +notebook > header > tabs > arrow:hover, +popover.menu box.circular-buttons button.circular.image-button.model:hover, +headerbar popover calendar > header > button:hover, +spinbutton.vertical > button:hover, +spinbutton:not(.vertical) > button:hover, +splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover, +filechooser #pathbarbox > stack > box > button:hover, +window.dialog.message.csd .dialog-action-area > button:hover, +.app-notification button:hover, +headerbar button:hover:not(.suggested-action):not(.destructive-action), +.toolbar 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: #eeffff; +} + +placessidebar .navigation-sidebar > row button.sidebar-button:active, +calendar > header > button:active, +columnview.view > header > button button.circular:active, +treeview.view > header > button button.circular:active, +row.activatable button.circular:active, +scrollbar button:active, +notebook > header > tabs > arrow:active, +popover.menu box.circular-buttons button.circular.image-button.model:active, +headerbar popover calendar > header > button:active, +spinbutton.vertical > button:active, +spinbutton:not(.vertical) > button:active, +splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active, +filechooser #pathbarbox > stack > box > button:active, +window.dialog.message.csd .dialog-action-area > button:active, +.app-notification button:active, +headerbar button:active:not(.suggested-action):not(.destructive-action), +.toolbar 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 { + background-color: alpha(currentColor, 0.12); + color: #eeffff; + box-shadow: none; +} + +placessidebar .navigation-sidebar > row button.sidebar-button:disabled, +calendar > header > button:disabled, +columnview.view > header > button button.circular:disabled, +treeview.view > header > button button.circular:disabled, +row.activatable button.circular:disabled, +scrollbar button:disabled, +notebook > header > tabs > arrow:disabled, +popover.menu box.circular-buttons button.circular.image-button.model:disabled, +headerbar popover calendar > header > button:disabled, +spinbutton.vertical > button:disabled, +spinbutton:not(.vertical) > button:disabled, +splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled, +filechooser #pathbarbox > stack > box > button:disabled, +window.dialog.message.csd .dialog-action-area > button:disabled, +.app-notification button:disabled, +headerbar button:disabled:not(.suggested-action):not(.destructive-action), +.toolbar 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 { + box-shadow: none; + background-color: transparent; + color: rgba(238, 245, 245, 0.3); + opacity: 1; + filter: none; +} + +filechooser #pathbarbox > stack > box > button:checked, +window.dialog.message.csd .dialog-action-area > button:checked, +.app-notification button:checked, +headerbar button:checked:not(.suggested-action):not(.destructive-action), +.toolbar 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, +button.flat:checked:hover { + background-color: alpha(currentColor, 0.1); + color: #eeffff; + outline: none; + box-shadow: none; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, +window.dialog.message.csd .dialog-action-area > button:checked:disabled, +.app-notification button:checked:disabled, +headerbar + button:checked:disabled:not(.suggested-action):not(.destructive-action), +.toolbar 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.06); + color: rgba(238, 245, 245, 0.5); + opacity: 1; + filter: none; +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + +button.image-button { + min-width: 24px; + padding: 6px; + border-radius: 6px; +} + +.linked button.image-button { + border-radius: 6px; +} + +button.text-button.image-button { + min-width: 24px; + padding: 6px; + border-radius: 6px; +} + +button.text-button.image-button label:first-child { + margin-left: 10px; +} + +button.text-button.image-button label:last-child { + margin-right: 10px; +} + +button.text-button.image-button.flat label:first-child { + margin-left: 6px; +} + +button.text-button.image-button.flat label:last-child { + margin-right: 6px; +} + +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: 6px; +} + +.linked:not(.vertical) > button.flat:focus, +.linked.vertical > button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +button.osd { + padding: 12px 16px; + box-shadow: none; + background-color: #090b10; + color: #eeffff; +} + +button.osd:hover { + background-color: #444267; + color: #eeffff; +} + +button.osd:active { + background-color: #1a1c25; + color: #eeffff; +} + +button.osd.image-button { + padding: 6px; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.5); + transition: none; + opacity: 1; + filter: none; +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 2px 2.4px -1px rgba(226, 233, 233, 0.2), + 0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12); +} + +button.suggested-action:checked { + background-color: rgba(168, 168, 168, 0.961); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 3px 3px -3px rgba(226, 233, 233, 0.3), + 0 2px 3px -1px rgba(226, 233, 233, 0.24), + 0 2px 5px 0 rgba(226, 233, 233, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #e2e9e9; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(238, 245, 245, 0.3); + opacity: 1; + filter: none; +} + +button.suggested-action.flat:checked { + background-color: rgba(226, 233, 233, 0.3); +} + +button.destructive-action { + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.5); + transition: none; + opacity: 1; + filter: none; +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 2px 2.4px -1px rgba(242, 139, 130, 0.2), + 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12); +} + +button.destructive-action:checked { + background-color: rgba(182, 105, 98, 0.961); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 3px 3px -3px rgba(242, 139, 130, 0.3), + 0 2px 3px -1px rgba(242, 139, 130, 0.24), + 0 2px 5px 0 rgba(242, 139, 130, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #f07178; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(238, 245, 245, 0.3); + opacity: 1; + filter: none; +} + +button.destructive-action.flat:checked { + background-color: rgba(242, 139, 130, 0.3); +} + +menubutton.pill > button, +button.pill { + padding: 9px 30px; + border-radius: 9999px; +} + +button.card { + background-clip: padding-box; + font-weight: inherit; + background-clip: border-box; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + background-color 225ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(238, 245, 245, 0.08); + color: #eeffff; + box-shadow: inset 0 0 0 2px transparent; +} + +button.card:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: #eeffff; + box-shadow: inset 0 0 0 2px transparent; +} + +button.card.keyboard-activating, +button.card:active { + background-image: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + background-color 225ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.12); + box-shadow: inset 0 0 0 2px transparent; + color: #eeffff; +} + +button.card:checked { + background-image: none; + box-shadow: none; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + outline: none; + border-color: #e2e9e9; +} + +button.card:checked:hover { + background-image: none; + box-shadow: none; +} + +button.card:checked:disabled { + box-shadow: none; + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.5); + opacity: 1; + filter: none; +} + +button.card.keyboard-activating:checked, +button.card:checked:active { + background-image: none; +} + +button.card.has-open-popup:checked { + background-image: none; +} + +button.card:drop(active) { + color: #ff7043; + box-shadow: inset 0 0 0 1px #ff7043; +} + +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; + min-width: 24px; + min-height: 24px; + padding: 6px; +} + +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; +} + +.nautilus-window .floating-bar button, +placessidebar .navigation-sidebar > row button.sidebar-button, +notebook > header tab button.flat, +popover.menu box.circular-buttons button.circular.image-button.model, +spinbutton.vertical > button, +spinbutton:not(.vertical) > button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #e2e9e9; + color: #eeffff; +} + +menubutton.destructive-action { + background-color: #f07178; + color: #eeffff; +} + +menubutton.opaque { + background-color: #515772; + color: #eeffff; +} + +menubutton.suggested-action, +menubutton.destructive-action, +menubutton.opaque { + border-radius: 6px; +} + +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: 6px; +} + +splitbutton, +splitbutton > separator { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + transition-property: background; +} + +splitbutton:disabled { + filter: none; +} + +splitbutton:disabled > button, +splitbutton:disabled > menubutton > button { + filter: none; +} + +splitbutton > separator { + margin-top: 6px; + margin-bottom: 6px; + background: none; +} + +splitbutton > menubutton > button { + padding-left: 4px; + padding-right: 4px; +} + +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: -1px; +} + +splitbutton > button:dir(rtl), +splitbutton > menubutton > button:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -1px; +} + +splitbutton.flat > separator { + background: rgba(238, 245, 245, 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: 6px; +} + +splitbutton.suggested-action { + background-color: #e2e9e9; + color: #eeffff; +} + +splitbutton.destructive-action { + background-color: #f07178; + color: #eeffff; +} + +splitbutton.opaque { + background-color: #515772; + color: #eeffff; +} + +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(238, 245, 245, 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(238, 245, 245, 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; +} + +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: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > entry:last-child, +.linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked:not(.vertical) > entry:only-child, +.linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.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: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > entry:last-child, +.linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > entry:only-child, +.linked.vertical > button:only-child { + border-radius: 6px; +} + +.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child), +.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child), +.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical button:not(.combo):not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical button:not(.combo):not(:last-child) { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical menubutton:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical menubutton:not(:last-child) > button { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical dropdown:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical dropdown:not(:last-child) > button { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical colorbutton:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical colorbutton:not(:last-child) > button { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical fontbutton:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical fontbutton:not(:last-child) > button { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical tabbutton:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical tabbutton:not(:last-child) > button { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child), +.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child), +.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical entry:not(.combo):not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical entry:not(.combo):not(:last-child) { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +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: #eeffff; + box-shadow: inset 0 0 0 2px 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-color 225ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.12); + box-shadow: inset 0 0 0 2px transparent; + color: #eeffff; +} + +list > row button.image-button.suggested-action:not(.flat) { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +list > row button.image-button.destructive-action:not(.flat) { + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); +} + +/********* + * Links * + *********/ +link { + color: #89ddff; +} + +link:visited { + color: #c792ea; +} + +button.link:link, +button.link:link:focus, +button.link:link:hover, +button.link:link:active { + color: #89ddff; +} + +button.link:visited, +button.link:visited:focus, +button.link:visited:hover, +button.link:visited:active { + color: #c792ea; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + border-radius: 6px; + padding: 0; + border-spacing: 0; + min-height: 0; + 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: rgba(238, 245, 245, 0.08); + color: #eeffff; + outline: none; +} + +spinbutton:focus-within { + background-color: rgba(238, 245, 245, 0.08); + box-shadow: inset 0 0 0 2px #e2e9e9; + outline: none; +} + +spinbutton:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.5); + outline: none; + opacity: 1; + filter: none; +} + +spinbutton:not(.vertical) > text { + min-width: 32px; + margin: 0; + padding-left: 12px; + 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: rgba(238, 245, 245, 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 > text { + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + min-height: 36px; + min-width: 42px; + 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: rgba(238, 245, 245, 0.7); +} + +spinbutton.vertical > button.up { + margin: 0 3px; +} + +spinbutton.vertical > button.down { + margin: 0 3px; +} + +list > row spinbutton:not(.vertical) > button { + margin: 6px; +} + +list > row spinbutton:not(.vertical) > button.up:dir(ltr), +list > row spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 3px; +} + +list > row spinbutton:not(.vertical) > button.up:dir(rtl), +list > row spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 3px; +} + +/************** + * 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: -2px; +} + +dropdown button.combo cellview:dir(rtl), +combobox button.combo cellview:dir(rtl) { + margin-right: -2px; +} + +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: #eeffff; + 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: 6px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -36px; + padding-right: 36px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -36px; + padding-left: 36px; +} + +dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 6px; + padding: 4px; + border-radius: 9999px; +} + +.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: 6px; + 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: rgba(238, 245, 245, 0.08); + color: #eeffff; + outline: none; +} + +button.combo:only-child:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eeffff; +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + color: #eeffff; +} + +button.combo:only-child:active { + background-color: alpha(currentColor, 0.12); + color: #eeffff; + box-shadow: none; +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: #eeffff; + outline: none; + box-shadow: none; +} + +button.combo:only-child:disabled { + box-shadow: none; + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.5); + transition: none; + opacity: 1; + filter: none; +} + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + padding: 3px 6px; + background-color: #0f111a; + border-spacing: 6px; +} + +.osd .toolbar, +.osd toolbar { + background-color: transparent; +} + +.app-notification, +.toolbar.osd, +toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 245, 245, 0.1); + background-color: #292d3e; +} + +.app-notification:backdrop, +.toolbar.osd:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), + 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 245, 245, 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, +toolbar.osd.left, +toolbar.osd.right, +toolbar.osd.top, +toolbar.osd.bottom { + border-radius: 0; +} + +.bottom.app-notification, +.toolbar.osd.bottom, +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, +toolbar.horizontal > separator { + margin: 2px; +} + +.toolbar.vertical > separator, +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, +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; +} + +.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), +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), +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, +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, +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 8px 2px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(238, 245, 245, 0.12); + background-color: #0f111a; + background-clip: border-box; + box-shadow: none; +} + +searchbar > revealer > box entry, +searchbar > revealer > box button { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 245, 245, 0.7); + border-radius: 6px; +} + +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), +headerbar button:checked:not(.suggested-action):not(.destructive-action) { + color: #eeffff; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 245, 245, 0.3); +} + +headerbar + button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(238, 245, 245, 0.5); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 245, 245, 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(238, 245, 245, 0.7); +} + +headerbar + button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 245, 245, 0.3); +} + +headerbar + button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 245, 245, 0.7); +} + +headerbar + button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 245, 245, 0.3); +} + +headerbar entry { + background-color: rgba(238, 245, 245, 0.04); + color: #eeffff; +} + +headerbar entry:focus-within { + box-shadow: inset 0 0 0 2px #e2e9e9; +} + +headerbar entry:disabled { + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.5); +} + +headerbar entry image { + color: rgba(238, 245, 245, 0.7); +} + +headerbar entry image:hover, +headerbar entry image:active { + color: #eeffff; +} + +headerbar entry image:disabled { + color: rgba(238, 245, 245, 0.5); +} + +headerbar { + min-height: 48px; + padding: 0; + margin: 0; + border: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #0f111a; + color: #eeffff; + box-shadow: inset 0 1px rgba(238, 245, 245, 0.1); +} + +headerbar:disabled { + color: rgba(238, 245, 245, 0.5); +} + +headerbar:backdrop { + background-color: #0f111a; + color: rgba(238, 245, 245, 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(238, 245, 245, 0.3); +} + +headerbar.flat { + background-color: transparent; + color: #eeffff; +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label, +headerbar row label.subtitle, +row headerbar label.subtitle { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(238, 245, 245, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop { + color: rgba(238, 245, 245, 0.5); +} + +headerbar > windowhandle > box { + padding: 0 6px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher, +headerbar menubutton, +headerbar splitbutton, +headerbar separator { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar stackswitcher > button { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.spacer) { + background-color: rgba(238, 245, 245, 0.12); +} + +headerbar switch { + margin-top: 12px; + margin-bottom: 12px; +} + +headerbar spinbutton button { + margin-top: 0; + margin-bottom: 0; +} + +headerbar .entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(238, 245, 245, 0.12); +} + +headerbar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +headerbar button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.5); +} + +headerbar stackswitcher { + margin: 6px 0; + border-radius: 9999px; +} + +headerbar + stackswitcher.linked:not(.vertical) + > button.text-button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +headerbar + stackswitcher.linked:not(.vertical) + > button.text-button:not(.suggested-action):not(.destructive-action):checked { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +headerbar.selection-mode { + transition: background-color 0.1ms 225ms, + color 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(238, 245, 245, 0); + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +headerbar.selection-mode:backdrop { + color: rgba(0, 0, 0, 0.6); +} + +headerbar.selection-mode .subtitle:link { + color: rgba(0, 0, 0, 0.87); +} + +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 .selection-mode { + box-shadow: inset 0 1px rgba(238, 245, 245, 0); + background-color: #e2e9e9; +} + +.tiled headerbar, +.tiled-top headerbar, +.tiled-right headerbar, +.tiled-bottom headerbar, +.tiled-left headerbar, +.maximized headerbar, +.fullscreen headerbar { + border-radius: 0; +} + +headerbar.default-decoration { + min-height: 24px; + padding: 6px; + border-radius: 6px 6px 0 0; +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + min-height: 24px; + min-width: 24px; + margin: 0; + padding: 0; +} + +.solid-csd headerbar:dir(rtl), +.solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +window.devel headerbar.titlebar { + background: #0f111a + cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent)) + 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)), + linear-gradient(to top, #343434 3px, #393939); +} + +window.devel headerbar.titlebar:backdrop { + background: #0f111a + cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent)) + 90% 0/256px 256px no-repeat, + image(#0f111a); + /* background-color would flash */ +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 6px; +} + +pathbar > button label:not(:only-child):first-child { + margin-left: 0; +} + +pathbar > button label:not(:only-child):last-child { + margin-right: 0; +} + +pathbar > button.text-button { + min-width: 0; +} + +pathbar > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +.pathbar { + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.7); + border: none; + border-radius: 6px; + padding: 2px; +} + +headerbar .pathbar { + margin-top: 6px; + margin-bottom: 6px; + background-color: rgba(238, 245, 245, 0.04); + color: rgba(238, 245, 245, 0.7); +} + +.pathbar > button { + margin-top: 0; + margin-bottom: 0; + min-height: 20px; + border-radius: 4px; + border: none; + box-shadow: none; +} + +.pathbar > button:last-child { + background-color: alpha(currentColor, 0.1); + color: #eeffff; + outline: none; + box-shadow: none; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #444267; + border-top-color: #444267; +} + +columnview.view:selected, +treeview.view:selected { + background-color: alpha(currentColor, 0.1); + box-shadow: none; +} + +columnview.view:focus, +treeview.view:focus { + box-shadow: none; + outline: none; +} + +columnview.view:hover, +columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; + box-shadow: none; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(238, 245, 245, 0.12); +} + +columnview.view:drop(active), +treeview.view:drop(active) { + box-shadow: none; +} + +columnview.view.after:drop(active), +treeview.view.after:drop(active) { + border-top-style: none; +} + +columnview.view.before:drop(active), +treeview.view.before:drop(active) { + 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.after:drop(active), +treeview.view > dndtarget.after:drop(active) { + border-top-style: none; +} + +columnview.view > dndtarget.before:drop(active), +treeview.view > dndtarget.before:drop(active) { + border-bottom-style: none; +} + +columnview.view.expander, +treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + color: rgba(238, 245, 245, 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: #eeffff; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: #eeffff; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: #eeffff; +} + +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(238, 245, 245, 0.3); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #e2e9e9; + 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(238, 245, 245, 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: none solid solid none; + border-width: 1px; + border-color: rgba(238, 245, 245, 0.12); + border-radius: 0; + background-clip: border-box; +} + +columnview.view > header > button:not(:focus):not(:hover):not(:active), +treeview.view > header > button:not(:focus):not(:hover):not(:active) { + color: rgba(238, 245, 245, 0.7); +} + +columnview.view > header > button, +columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: #0f111a; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: 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(238, 245, 245, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #0f111a; + background-clip: border-box; + color: #e2e9e9; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #e2e9e9; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + color: #eeffff; +} + +menubar:backdrop { + color: rgba(238, 245, 245, 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(238, 245, 245, 0.7); +} + +menubar > item:selected { + transition: none; + background-color: alpha(currentColor, 0.1); + color: #eeffff; +} + +menubar > item:disabled { + color: rgba(238, 245, 245, 0.3); +} + +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 { + 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; +} + +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; +} + +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; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, +popover.background:backdrop { + background-color: transparent; +} + +popover.background > arrow, +popover.background > contents { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: #292d3e; + background-clip: border-box; + border-radius: 12px; + color: #eeffff; + border: none; + border: 1px solid rgba(238, 245, 245, 0.2); + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75); + background-clip: border-box; +} + +popover.background:backdrop > arrow, +popover.background:backdrop > contents { + border: none; + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), + 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} + +popover.background separator { + margin: 6px 0; +} + +popover.background modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + border-radius: 6px; + color: #eeffff; + font: initial; + text-shadow: none; + box-shadow: none; + background: none; +} + +popover.background modelbutton:hover { + transition: none; + background-color: #3b3f51; + color: #84ffff; +} + +popover.background modelbutton:disabled { + color: rgba(238, 245, 245, 0.5); +} + +popover.background modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme('go-previous-symbolic'); +} + +popover.background modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme('go-next-symbolic'); +} + +popover.background label.title { + font-weight: bold; + padding: 4px 26px; +} + +popover.background > contents > list, +popover.background > contents > .view, +popover.background > contents > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background > contents separator { + background-color: rgba(238, 245, 245, 0.12); + margin: 3px 0; +} + +popover.background > contents list separator { + margin: 0; +} + +popover.background > contents stack > box { + padding: 0; +} + +popover.background > contents stack > scrolledwindow > viewport { + border: 1px solid rgba(238, 245, 245, 0.12); + border-radius: 2px; +} + +popover.background > contents > box > button { + margin: 0; +} + +popover.background.menu button, +popover.background button.model { + min-height: 32px; + padding: 0 8px; + border-radius: 6px; +} + +.osd popover.background, +popover.background.touch-selection, +popover.background.magnifier { + background-color: transparent; +} + +.osd popover.background > arrow, +.osd popover.background > contents, +popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, +popover.background.magnifier > arrow, +popover.background.magnifier > contents { + border: none; + box-shadow: none; +} + +/************* + * Notebooks * + *************/ +tabbar scrolledwindow:not(.pinned) > 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: 6px; + border: none; + outline: none; + background-clip: padding-box; + color: rgba(238, 245, 245, 0.7); + font-weight: 500; + border-radius: 6px; +} + +tabbar scrolledwindow:not(.pinned) > tabbox tab:hover, +notebook > header tab:hover { + background-color: rgba(238, 245, 245, 0.04); + color: #84ffff; +} + +tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled, +notebook > header tab:disabled { + color: rgba(238, 245, 245, 0.3); +} + +tabbar scrolledwindow:not(.pinned) > tabbox tab:checked, +notebook > header tab:checked, +tabbar scrolledwindow:not(.pinned) > tabbox tab:selected, +notebook > header tab:selected { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #292d3e; + color: #84ffff; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled, +notebook > header tab:checked:disabled, +tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled, +notebook > header tab:selected:disabled { + color: rgba(238, 245, 245, 0.5); +} + +frame > paned > notebook > header, +notebook.frame > header { + background-color: rgba(238, 245, 245, 0.04); +} + +notebook, +notebook.frame { + background-color: #0f111a; + border-radius: 12px; +} + +notebook.frame frame > border { + border: none; + border-radius: 6px; +} + +notebook.frame frame > list row.activatable { + border-radius: 6px; +} + +notebook > header { + border: none; + background-color: rgba(238, 245, 245, 0.04); + padding: 3px; + margin: 3px; + border-radius: 9px; +} + +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: 6px; +} + +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: rgba(238, 245, 245, 0.12); + color: #eeffff; +} + +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 tab button.close-button { + min-width: 24px; + min-height: 24px; +} + +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.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.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-left: 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 6px; +} + +tabbar .box { + min-height: 36px; +} + +tabbar:not(.inline) .box { + border: none; + background-color: transparent; + padding: 0; + margin: 3px; + border-radius: 12px; + box-shadow: none; +} + +tabbar:not(.inline):backdrop .box { + background-color: transparent; +} + +tabbar:not(.inline):backdrop .box > scrolledwindow, +tabbar:not(.inline):backdrop .box > .start-action, +tabbar:not(.inline):backdrop .box > .end-action { + filter: opacity(0.5); +} + +tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild { + padding: 3px 0; + margin: 0 -3px; +} + +tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab { + margin: 3px; +} + +tabbar scrolledwindow.pinned > tabbox > tabboxchild { + padding: 3px 0; + margin: 0; +} + +tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab { + margin: 3px; + padding: 3px; +} + +tabbar .start-action, +tabbar .end-action { + padding: 6px; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + padding-right: 0; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + padding-left: 0; +} + +dnd tab { + min-height: 24px; + background-color: #0f111a; + color: #eeffff; + margin: 24px; + outline: none; + 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); +} + +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 indicator, +dnd tab indicator { + min-height: 2px; + border-radius: 2px; + background: alpha(#e2e9e9, 0.5); + transform: translateY(4px); +} + +tabthumbnail { + border-radius: 10px; + transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1), + background-color cubic-bezier(0, 0, 0.2, 1); +} + +tabthumbnail > box { + margin: 6px; +} + +tabthumbnail:drop(active) { + box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4); + background-color: alpha(#ff7043, 0.1); +} + +tabthumbnail .needs-attention:dir(ltr) { + transform: translate(8px, -8px); +} + +tabthumbnail .needs-attention:dir(rtl) { + transform: translate(-8px, -8px); +} + +tabthumbnail .needs-attention > widget { + background: #e2e9e9; + min-width: 12px; + min-height: 12px; + border-radius: 6px; + margin: 3px; + box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4); +} + +tabthumbnail .card { + background: none; + color: inherit; +} + +tabthumbnail .card picture { + outline: none; + border-radius: 6px; +} + +tabthumbnail.pinned .card { + background-color: #0f111a; + color: #eeffff; +} + +tabthumbnail .pinned-box { + margin-left: 10px; + margin-right: 10px; +} + +tabthumbnail .icon-title-box { + border-spacing: 6px; +} + +tabthumbnail .tab-unpin-icon { + margin: 6px; + min-width: 24px; + min-height: 24px; +} + +taboverview > .overview.scrolled-to-top headerbar, +taboverview > .overview.scrolled-to-top searchbar > revealer > box { + background: none; + color: inherit; + box-shadow: none; +} + +taboverview > .overview .new-tab-button { + margin: 18px; +} + +tabview:drop(active), +tabbox:drop(active), +tabgrid:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #0f111a; +} + +scrollbar > range > trough { + outline: none; + background: none; + border: 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; + background-color: rgba(238, 245, 245, 0.5); + box-shadow: none; + outline: none; +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(238, 245, 245, 0.7); +} + +scrollbar > range > trough > slider:active { + background-color: #eeffff; +} + +scrollbar > range > trough > slider:disabled { + background-color: rgba(238, 245, 245, 0.3); +} + +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: 3px; + border: 1px solid rgba(44, 44, 44, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(44, 44, 44, 0.3); + border-radius: 9999px; + background-color: rgba(238, 245, 245, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(238, 245, 245, 0.3); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) + > range + > trough + > slider { + min-width: 24px; +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { + min-width: 8px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) + > range + > trough + > slider { + min-height: 24px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, +scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +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); + margin: 6px 0; + padding: 0; + border: 2px solid rgba(238, 245, 245, 0.7); + border-radius: 9999px; + background-color: transparent; + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #e2e9e9; + border-color: #e2e9e9; +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; +} + +switch > slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + margin: 2px; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: rgba(238, 245, 245, 0.7); + border: none; +} + +switch:focus > slider { + box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.04); +} + +switch:hover > slider { + box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.12); +} + +switch:focus:hover > slider { + box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.12); +} + +switch:checked > slider { + background-color: #0f111a; + color: #0f111a; +} + +/************************* + * Check and Radio items * + *************************/ +checkbutton, +radiobutton { + outline: none; + border-spacing: 4px; +} + +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; +} + +check, +radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; + padding: 0; + margin: 3px; + border: 2px solid rgba(238, 245, 245, 0.7); + background-clip: border-box; + background-color: transparent; + border-radius: 9999px; + box-shadow: 0 0 0 10px transparent; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + background-color 225ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + border-color: inherit; + box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.04); +} + +check:active, +radio:active { + border-color: #eeffff; + box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.12); +} + +check:checked, +check:indeterminate, +radio:checked, +radio:indeterminate { + border-color: transparent; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +check:checked:hover, +check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + background-color: #8da3ca; + color: rgba(0, 0, 0, 0.87); +} + +check:checked:active, +check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +check:checked:disabled, +check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + border-color: transparent; + background-color: rgba(238, 245, 245, 0.3); + color: #0f111a; +} + +check:disabled, +radio:disabled { + border-color: rgba(238, 245, 245, 0.3); +} + +check:not(:hover):focus, +radio:not(:hover):focus { + box-shadow: none; +} + +popover.menu check, +popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check, +popover.menu check:focus, +popover.menu check:hover, +popover.menu check:focus:hover, +popover.menu check:active, +popover.menu check:disabled, +popover.menu radio, +popover.menu radio:focus, +popover.menu radio:hover, +popover.menu radio:focus:hover, +popover.menu radio:active, +popover.menu radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover, +popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + background-color: transparent; +} + +popover.menu check:active, +popover.menu check:checked, +popover.menu check:indeterminate, +popover.menu radio:active, +popover.menu radio:checked, +popover.menu radio:indeterminate { + border-color: transparent; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +popover.menu check:active:hover, +popover.menu check:checked:hover, +popover.menu check:indeterminate:hover, +popover.menu radio:active:hover, +popover.menu radio:checked:hover, +popover.menu radio:indeterminate:hover { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.87); + color: #e2e9e9; +} + +popover.menu check:active:disabled, +popover.menu check:checked:disabled, +popover.menu check:indeterminate:disabled, +popover.menu radio:active:disabled, +popover.menu radio:checked:disabled, +popover.menu radio:indeterminate:disabled { + border-color: transparent; + background-color: rgba(238, 245, 245, 0.3); + color: #0f111a; +} + +popover.menu check, +popover.menu check:hover, +popover.menu check:active, +popover.menu check:disabled, +popover.menu radio, +popover.menu radio:hover, +popover.menu radio:active, +popover.menu radio:disabled { + box-shadow: none; + color: inherit; +} + +popover.menu check:dir(ltr), +popover.menu radio:dir(ltr) { + margin-right: 6px; +} + +popover.menu check:dir(rtl), +popover.menu radio:dir(rtl) { + margin-left: 6px; +} + +check:checked { + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url('assets/scalable/check-symbolic.svg')), + -gtk-recolor(url('assets/scalable/check-symbolic@2.svg')) + ); +} + +radio:checked { + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url('assets/scalable/dot-symbolic.svg')), + -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg')) + ); +} + +check:indeterminate, +radio:indeterminate { + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url('assets/scalable/line-symbolic.svg')), + -gtk-recolor(url('assets/scalable/line-symbolic@2.svg')) + ); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +check:not(:checked):indeterminate:active { + -gtk-icon-transform: scaleX(-1); +} + +checkbutton.theme-selector radio, +checkbutton.theme-selector radio:hover, +checkbutton.theme-selector radio:disabled { + border-color: transparent; + background-color: transparent; +} + +checkbutton.theme-selector + radio:not(:checked):not(:indeterminate):not(:disabled):hover { + border-color: transparent; + background-color: transparent; +} + +checkbutton.theme-selector radio:checked, +checkbutton.theme-selector radio:active, +checkbutton.theme-selector radio:active:hover { + border-color: transparent; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url('assets/scalable/check-symbolic.svg')), + -gtk-recolor(url('assets/scalable/check-symbolic@2.svg')) + ); +} + +checkbutton.theme-selector radio:checked:hover { + background-color: #8da3ca; + color: rgba(0, 0, 0, 0.87); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + padding: 2px; + border-radius: 9999px; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url('assets/scalable/check-symbolic.svg')), + -gtk-recolor(url('assets/scalable/check-symbolic@2.svg')) + ); +} + +themeswitcher .check:hover { + background-color: #8da3ca; + color: rgba(0, 0, 0, 0.87); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, +themeswitcher checkbutton radio:hover { + outline-color: rgba(238, 245, 245, 0.12); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, +themeswitcher checkbutton radio:hover, +themeswitcher checkbutton radio:checked, +themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, +themeswitcher checkbutton radio:checked:hover { + box-shadow: inset 0 0 0 2px #e2e9e9; + outline: none; +} + +themeswitcher checkbutton.system radio, +themeswitcher checkbutton.system radio:hover, +themeswitcher checkbutton.system radio:checked, +themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #232637 49.99%, #eeffff 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, +themeswitcher checkbutton.light radio:hover, +themeswitcher checkbutton.light radio:checked, +themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: #eeffff; +} + +themeswitcher checkbutton.dark radio, +themeswitcher checkbutton.dark radio:hover, +themeswitcher checkbutton.dark radio:checked, +themeswitcher checkbutton.dark radio:checked:hover { + color: #eeffff; + background-image: image(#232637); + background-color: transparent; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 17px 12px; +} + +scale.vertical { + padding: 12px 17px; +} + +scale slider { + min-height: 18px; + min-width: 18px; + margin: -8px; +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 16px; + padding-bottom: 16px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 16px; + padding-right: 16px; +} + +scale.fine-tune slider { + margin: -7px; +} + +scale trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(238, 245, 245, 0.3); +} + +scale trough:disabled { + background-color: rgba(238, 245, 245, 0.12); +} + +scale highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#e2e9e9); +} + +scale highlight:disabled { + background-color: #0f111a; + background-image: image(rgba(238, 245, 245, 0.3)); +} + +scale fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(238, 245, 245, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #e2e9e9; + background-color: #0f111a; + box-shadow: inset 0 0 0 2px #e2e9e9; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 245, 245, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 245, 245, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(238, 245, 245, 0.3); +} + +scale marks, +scale value { + color: rgba(238, 245, 245, 0.7); +} + +scale indicator { + background-color: rgba(238, 245, 245, 0.3); + color: transparent; +} + +scale.horizontal > marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale.horizontal.fine-tune > marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.horizontal > marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune > marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.vertical > marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune > marks.top { + margin-right: 6px; + margin-left: -14px; +} + +scale.vertical > marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune > marks.bottom { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-before:not(.marks-after) slider, +scale.horizontal.marks-before:not(.marks-after) slider:hover, +scale.horizontal.marks-before:not(.marks-after) slider:active, +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-before-slider-dark.png'), + url('assets/scale-horz-marks-before-slider-dark@2.png') + ); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-before-slider-disabled-dark.png'), + url('assets/scale-horz-marks-before-slider-disabled-dark@2.png') + ); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-before-slider-dark.png'), + url('assets/scale-horz-marks-before-slider-dark@2.png') + ); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-after:not(.marks-before) slider, +scale.horizontal.marks-after:not(.marks-before) slider:hover, +scale.horizontal.marks-after:not(.marks-before) slider:active, +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-after-slider-dark.png'), + url('assets/scale-horz-marks-after-slider-dark@2.png') + ); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-after-slider-disabled-dark.png'), + url('assets/scale-horz-marks-after-slider-disabled-dark@2.png') + ); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-after-slider-dark.png'), + url('assets/scale-horz-marks-after-slider-dark@2.png') + ); +} + +scale.vertical.marks-before:not(.marks-after) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-before:not(.marks-after) slider, +scale.vertical.marks-before:not(.marks-after) slider:hover, +scale.vertical.marks-before:not(.marks-after) slider:active, +scale.vertical.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-before-slider-dark.png'), + url('assets/scale-vert-marks-before-slider-dark@2.png') + ); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-before-slider-disabled-dark.png'), + url('assets/scale-vert-marks-before-slider-disabled-dark@2.png') + ); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-before-slider-dark.png'), + url('assets/scale-vert-marks-before-slider-dark@2.png') + ); +} + +scale.vertical.marks-after:not(.marks-before) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-after:not(.marks-before) slider, +scale.vertical.marks-after:not(.marks-before) slider:hover, +scale.vertical.marks-after:not(.marks-before) slider:active, +scale.vertical.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-after-slider-dark.png'), + url('assets/scale-vert-marks-after-slider-dark@2.png') + ); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-after-slider-disabled-dark.png'), + url('assets/scale-vert-marks-after-slider-disabled-dark@2.png') + ); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-after-slider-dark.png'), + url('assets/scale-vert-marks-after-slider-dark@2.png') + ); +} + +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: rgba(238, 245, 245, 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: 6px; + background-color: rgba(238, 245, 245, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #e2e9e9; +} + +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: #e2e9e9; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 36px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 36px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 6px; +} + +levelbar block.low { + background-color: #ffcb6b; +} + +levelbar block.high, +levelbar block:not(.empty) { + background-color: #e2e9e9; +} + +levelbar block.full { + background-color: #81c995; +} + +levelbar block.empty { + background-color: rgba(238, 245, 245, 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #eeffff; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(238, 245, 245, 0.12); + background-color: #0f111a; + color: #eeffff; +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(238, 245, 245, 0.12); +} + +frame > list, +.frame > list { + border: none; +} + +frame.view, +.frame.view { + border-radius: 6px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 6px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, +statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid rgba(238, 245, 245, 0.12); + background-color: #0f111a; + background-clip: border-box; + box-shadow: none; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-size: 200% 70%; + background-image: radial-gradient( + farthest-side at top, + rgba(226, 233, 233, 0.24) 99%, + rgba(226, 233, 233, 0) 100% + ); + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-size: 200% 70%; + background-image: radial-gradient( + farthest-side at bottom, + rgba(226, 233, 233, 0.24) 99%, + rgba(226, 233, 233, 0) 100% + ); + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-size: 200% 70%; + background-image: radial-gradient( + farthest-side at left, + rgba(226, 233, 233, 0.24) 99%, + rgba(226, 233, 233, 0) 100% + ); + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-size: 200% 70%; + background-image: radial-gradient( + farthest-side at right, + rgba(226, 233, 233, 0.24) 99%, + rgba(226, 233, 233, 0) 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: rgba(238, 245, 245, 0.12); + background-color: #0f111a; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator:not(.spacer) { + min-width: 1px; + min-height: 1px; + background-color: rgba(238, 245, 245, 0.12); +} + +stacksidebar + separator.vertical, +stacksidebar separator.horizontal, +button.font separator, +button.file separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +/********* + * Lists * + *********/ +listview.boxed-list, +list.boxed-list, +listview.content:not(.conversation-listbox), +list.content:not(.conversation-listbox) { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(238, 245, 245, 0.12); +} + +listview.boxed-list > row.expander list > row, +list.boxed-list > row.expander list > row, +listview.boxed-list > row, +list.boxed-list > row, +listview.content:not(.conversation-listbox) > row, +list.content:not(.conversation-listbox) > row { + border-radius: 0; +} + +listview.boxed-list > row.expander list > row:first-child, +list.boxed-list > row.expander list > row:first-child, +listview.boxed-list > row:first-child, +list.boxed-list > row:first-child, +listview.content:not(.conversation-listbox) > row:first-child, +list.content:not(.conversation-listbox) > row:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +listview.boxed-list > row.expander list > row:last-child, +list.boxed-list > row.expander list > row:last-child, +listview.boxed-list > row:last-child, +list.boxed-list > row:last-child, +listview.content:not(.conversation-listbox) > row:last-child, +list.content:not(.conversation-listbox) > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +listview.boxed-list > row.expander list > row:only-child, +list.boxed-list > row.expander list > row:only-child, +listview.boxed-list > row:only-child, +list.boxed-list > row:only-child, +listview.content:not(.conversation-listbox) > row:only-child, +list.content:not(.conversation-listbox) > row:only-child { + border-radius: 6px; +} + +listview.boxed-list > row.expander list > row:not(:last-child), +list.boxed-list > row.expander list > row:not(:last-child), +listview.boxed-list > row:not(:last-child), +list.boxed-list > row:not(:last-child), +listview.content:not(.conversation-listbox) > row:not(:last-child), +list.content:not(.conversation-listbox) > row:not(:last-child) { + border-bottom: 1px solid rgba(238, 245, 245, 0.12); +} + +listview.boxed-list > row.expander list > row:focus, +list.boxed-list > row.expander list > row:focus, +listview.boxed-list > row:focus, +list.boxed-list > row:focus, +listview.content:not(.conversation-listbox) > row:focus, +list.content:not(.conversation-listbox) > row:focus { + box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08); +} + +listview, +list { + border-color: rgba(238, 245, 245, 0.12); + background-color: #0f111a; + color: rgba(238, 245, 245, 0.7); +} + +listview row, +list row { + padding: 2px; + color: rgba(238, 245, 245, 0.7); +} + +listview > row.expander, +list > row.expander { + padding: 0px; +} + +listview > row.expander .row-header, +list > row.expander .row-header { + padding: 2px; +} + +listview.boxed-list > row.expander list, +list.boxed-list > row.expander list { + background-color: transparent; + box-shadow: none; + border: none; +} + +list.frame { + border-radius: 6px; +} + +listview.view { + color: #eeffff; + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; +} + +popover.menu listview.view > row:first-child, +popover.menu listview.view > row:last-child, +popover.menu listview.view > row { + border-radius: 6px; +} + +row { + color: rgba(238, 245, 245, 0.7); + background-clip: padding-box; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + min-height: 48px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.35); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; +} + +columnview.view > header > button, +treeview.view > header > button, +row.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; +} + +columnview.view > header > button:focus, +treeview.view > header > button:focus, +row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover, +row.activatable:hover { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, +columnview.view > header > button:active, +treeview.view > header > button:active, +row.activatable.has-open-popup, +row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +button row.activatable:focus, +button row.activatable:hover, +button row.activatable:active { + box-shadow: none; +} + +button:checked row.activatable { + color: rgba(0, 0, 0, 0.87); +} + +row:selected image, +row:selected label { + color: #eeffff; +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(238, 245, 245, 0.5); +} + +treeexpander { + border-spacing: 4px; +} + +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 #e2e9e9; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: rgba(0, 0, 0, 0.87); + background-color: #e2e9e9; +} + +.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 > box { + border-spacing: 12px; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; + border-spacing: 9px; + padding: 9px; + border: none; +} + +.app-notification button.text-button:not(:disabled) { + color: #e2e9e9; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(238, 245, 245, 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: #eeffff; +} + +expander:disabled { + color: rgba(238, 245, 245, 0.3); +} + +expander-widget > box > title { + border-radius: 6px; +} + +expander-widget > box > title:hover > expander { + color: rgba(238, 245, 245, 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(238, 245, 245, 0.12); + border-radius: 6px; + color: #eeffff; +} + +calendar:disabled { + color: rgba(238, 245, 245, 0.5); +} + +calendar:selected { + border-radius: 6px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(238, 245, 245, 0.12); +} + +calendar > header > button { + min-height: 24px; +} + +calendar > grid { + margin: 3px; +} + +calendar > grid > label { + border-radius: 9999px; + margin: 0; +} + +calendar > grid > label.today { + box-shadow: none; +} + +calendar > grid > label.today:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 9px; +} + +calendar > grid > label.day-number:selected { + color: #eeffff; + background-color: alpha(currentColor, 0.06); +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.dialog.message.background { + background-color: #292d3e; +} + +window.dialog.message box.dialog-vbox.vertical { + border-spacing: 10px; +} + +window.dialog.message .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(238, 245, 245, 0.1); + background-color: #292d3e; + color: #eeffff; +} + +window.dialog.message .titlebar:backdrop { + background-color: #292d3e; + color: rgba(238, 245, 245, 0.7); +} + +window.dialog.message.csd .dialog-action-area { + margin-top: -6px; + padding: 6px; +} + +window.dialog.message.csd .dialog-action-area > button, +window.dialog.message.csd .dialog-action-area > button:first-child, +window.dialog.message.csd .dialog-action-area > button:last-child { + border-radius: 6px; +} + +window.dialog.message.csd .dialog-action-area > button:not(:last-child) { + margin-right: 6px; +} + +window.dialog.message.csd .dialog-action-area > button:not(:disabled) { + color: #e2e9e9; +} + +window.dialog.message.csd + .dialog-action-area + > button.destructive-action:not(:disabled) { + color: #f07178; +} + +window.background.csd.dialog > headerbar.titlebar { + box-shadow: inset 0 -1px rgba(238, 245, 245, 0.12); +} + +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: 6px; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(238, 245, 245, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(238, 245, 245, 0.12); + background-color: #0f111a; +} + +filechooser stack.view frame > border { + border: none; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; +} + +.sidebar:not(separator):dir(ltr), +.sidebar.left:not(separator), +.sidebar.left:not(separator):dir(rtl) { + border-right: 1px solid rgba(238, 245, 245, 0.12); + border-left-style: none; +} + +.sidebar:not(separator):dir(rtl), +.sidebar.right:not(separator) { + border-left: 1px solid rgba(238, 245, 245, 0.12); + border-right-style: none; +} + +separator + .sidebar:not(separator):dir(ltr), +separator + .sidebar.left:not(separator), +separator + .sidebar.left:not(separator):dir(rtl), +separator + box > .sidebar:not(separator):dir(ltr), +separator + box > .sidebar.left:not(separator), +separator + box > .sidebar.left:not(separator):dir(rtl) { + border-right: none; +} + +separator + .sidebar:not(separator):dir(rtl), +separator + .sidebar.right:not(separator), +separator + box > .sidebar:not(separator):dir(rtl), +separator + box > .sidebar.right:not(separator) { + border-left: none; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, +paned .sidebar.right, +paned .sidebar.left:dir(rtl), +paned .sidebar:dir(rtl), +paned .sidebar:dir(ltr), +paned .sidebar { + border-style: none; +} + +leaflet.unfolded > box > stacksidebar.sidebar { + border: none; +} + +stacksidebar list { + padding: 4px 0; +} + +stacksidebar row { + min-height: 24px; + padding: 6px 9px; + border-radius: 6px; + margin: 2px 6px; +} + +stacksidebar row:selected { + font-weight: 500; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(238, 245, 245, 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, +.selection-mode separator.sidebar { + background-color: rgba(238, 245, 245, 0.15); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + border-right: none; + margin: 0 4px; +} + +.navigation-sidebar > row { + min-height: 32px; + padding: 2px 4px; + margin: 1px 0; + border-radius: 6px; +} + +.navigation-sidebar > row:hover, +.navigation-sidebar > row:focus-visible:focus-within { + background-color: alpha(currentColor, 0.16); +} + +.navigation-sidebar > row:selected label, +.navigation-sidebar > row:selected image { + color: #84ffff; + font-weight: 500; +} + +.navigation-sidebar > row:selected:hover { + background-color: #292d3e; +} + +.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(238, 245, 245, 0.5); +} + +.navigation-sidebar > separator { + margin: 3px 0; +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(238, 245, 245, 0.7); +} + +row image.sidebar-icon:disabled { + color: rgba(238, 245, 245, 0.3); +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar .navigation-sidebar > row:selected { + font-weight: 500; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label { + color: inherit; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { + color: #e2e9e9; +} + +placessidebar + .navigation-sidebar + > row.sidebar-new-bookmark-row + image.sidebar-icon { + color: #e2e9e9; +} + +placessidebar .navigation-sidebar > row:drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms; + box-shadow: inset 0 0 0 9999px 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: none; + box-shadow: none; + background-color: transparent; + background-image: image(#444267); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #0f111a; + background-image: image(#444267), image(#444267); + 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: 6px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border: none; + margin-bottom: 0; +} + +infobar > revealer > box { + padding: 6px; + border-spacing: 12px; +} + +infobar.info > revealer > box button, +infobar.info > revealer > box button.text-button:not(:disabled), +infobar.info:hover > revealer > box button, +infobar.info:hover > revealer > box button.text-button:not(:disabled), +infobar.info:backdrop > revealer > box button, +infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { + color: #e2e9e9; +} + +infobar.action > revealer > box, +infobar.action:backdrop > revealer > box, +infobar.question > revealer > box, +infobar.question:backdrop > revealer > box { + background-color: #232637; + color: #e2e9e9; + border-radius: 6px; +} + +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: #eeffff; +} + +infobar.action > revealer > box *:link, +infobar.action:backdrop > revealer > box *:link, +infobar.question > revealer > box *:link, +infobar.question:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.action:hover > revealer > box, +infobar.question:hover > revealer > box { + background-color: #292d3e; + color: #e2e9e9; + border-radius: 6px; +} + +infobar.warning > revealer > box, +infobar.warning:backdrop > revealer > box { + background-color: #ffcb6b; + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.warning > revealer > box *:link, +infobar.warning:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #fdd11a; +} + +infobar.error > revealer > box, +infobar.error:backdrop > revealer > box { + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.error > revealer > box *:link, +infobar.error:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.error:hover > revealer > box { + background-color: #f0766b; +} + +/************ + * Tooltips * + ************/ +tooltip { + border: none; + background-clip: padding-box; + padding: 6px 12px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: #eeffff; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + 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: #eeffff; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch#add-color-button { + border-radius: 12px 12px 0 0; + color: #eeffff; +} + +colorswatch#add-color-button:only-child { + border-radius: 12px; +} + +colorswatch#add-color-button overlay { + background-color: #292d3e; +} + +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; +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 245, 245, 0.1); + background-color: #292d3e; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), + 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 245, 245, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f111a; +} + +/********************** + * Window Decorations * + **********************/ +window.csd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + outline-color: rgba(238, 245, 245, 0.2); + outline-offset: -1px; + outline-style: solid; + outline-width: 1px; + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; +} + +window.csd { + border-radius: 12px; +} + +window:backdrop { + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; +} + +window.popup { + border-radius: 12px; + box-shadow: none; +} + +window.dialog.message { + border-radius: 12px; +} + +window.solid-csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: #0f111a; + border: 1px solid #444267; +} + +window.solid-csd:backdrop { + background-color: #0f111a; +} + +window.maximized, +window.fullscreen, +window.tiled, +window.tiled-top, +window.tiled-right, +window.tiled-bottom, +window.tiled-left { + border-radius: 0; + outline-width: 0; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols.start:not(.empty):dir(ltr), +windowcontrols.end:not(.empty):dir(rtl) { + margin-left: 15px; + margin-right: 15px; +} + +windowcontrols.start:not(.empty):dir(rtl), +windowcontrols.end:not(.empty):dir(ltr) { + margin-left: 15px; + margin-right: 15px; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) { + min-height: 12px; + min-width: 12px; + padding: 0; + margin: 0 2px; + border-radius: 9999px; +} + +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: transparent; +} + +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 { + padding: 0; +} + +windowcontrols + button.minimize:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.minimize:active:not(.suggested-action):not(.destructive-action) { + background-color: shade(#ffcb6b, 0.5); +} + +windowcontrols + button.maximize:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.maximize:active:not(.suggested-action):not(.destructive-action) { + background-color: shade(#c3e88d, 0.5); +} + +windowcontrols + button.close:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:active:not(.suggested-action):not(.destructive-action) { + background-color: shade(#f07178, 0.5); +} + +windowcontrols + button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action), +windowcontrols + button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: transparent; +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), +windowcontrols + button.minimize:active:not(.suggested-action):not(.destructive-action) { + background-color: #ffcb6b; +} + +windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), +windowcontrols + button.maximize:active:not(.suggested-action):not(.destructive-action) { + background-color: #c3e88d; +} + +windowcontrols button.close:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:active:not(.suggested-action):not(.destructive-action) { + background-color: #f07178; +} + +button.titlebutton.close:backdrop, +button.titlebutton.maximize:backdrop, +button.titlebutton.minimize:backdrop, +windowcontrols > button.close:backdrop, +windowcontrols > button.maximize:backdrop, +windowcontrols > button.minimize:backdrop { + background-color: #464b5d; +} + +gridview > child:selected, +row:selected, +calendar:selected { + background-color: alpha(currentColor, 0.06); +} + +.view:selected, +iconview:selected, +flowbox > flowboxchild:selected, +calendar > grid > label.today { + color: #e2e9e9; + background-color: rgba(226, 233, 233, 0.2); +} + +text > selection, +label > selection, +calendar > grid > label.today:selected, +stacksidebar row:selected, +.navigation-sidebar > row:selected { + color: #e2e9e9; + background-color: #3b3f51; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #e2e9e9; + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/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(238, 245, 245, 0.12); + border-radius: 7px; + box-shadow: inset 0 -2px rgba(238, 245, 245, 0.12); + background-color: #292d3e; + color: #eeffff; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #e2e9e9; +} + +stackswitcher { + min-height: 0; + border-radius: 9999px; + padding: 0; + background-color: alpha(currentColor, 0.05); +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):first-child, +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):last-child, +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +stackswitcher.linked:not(.vertical) + > button.text-button:not(.suggested-action):not(.destructive-action) { + min-width: 100px; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher.circular { + border-spacing: 12px; +} + +stackswitcher.circular button.circular, +stackswitcher.circular button.text-button.circular { + min-width: 36px; + min-height: 36px; + padding: 0; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: none; +} + +.icon-dropshadow { + -gtk-icon-shadow: none; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid rgba(238, 245, 245, 0.12); + background: none; +} + +.emoji-searchbar entry text { + background: none; + box-shadow: none; +} + +.emoji-toolbar { + padding: 0; + border-spacing: 3px; + border-top: 1px solid rgba(238, 245, 245, 0.12); + background: none; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 6px; +} + +button.emoji-section:checked { + color: #e2e9e9; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; +} + +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: #eeffff; +} + +popover.entry-completion > contents { + padding: 0; +} + +.nautilus-window { + background-color: #0f111a; +} + +.nautilus-window:backdrop { + background-color: #0f111a; +} + +.nautilus-window headerbar { + box-shadow: none; +} + +.nautilus-window separator.spacer { + padding-right: 2em; +} + +.nautilus-window flap.unfolded > placessidebar { + background-color: transparent; + color: rgba(238, 245, 245, 0.7); + padding: 0 0 0 2px; + margin: 0 0 0 2px; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar { + background: none; + padding: 0 0 0 2px; + margin: 0 0 0 2px; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > separator { + background: rgba(238, 245, 245, 0.1); +} + +.nautilus-window .vertical separator { + background: none; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable { + border-radius: 6px; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable + image.sidebar-icon, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable + label.sidebar-label, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable + button.sidebar-button { + color: #eeffff; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:hover { + background-color: rgba(238, 245, 245, 0.12); + color: #eeffff; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:selected { + background-color: #232637; + font-weight: 700; + border-left: 3px solid #f07178; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:selected, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:selected + image.sidebar-icon, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:selected + label.sidebar-label, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:selected + button.sidebar-button { + color: #84ffff; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:disabled, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:disabled + image.sidebar-icon, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:disabled + label.sidebar-label { + color: rgba(238, 245, 245, 0.3); +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > scrollbar + > range + > though { + background: none; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > scrollbar + > range + > though + > slider { + border: none; +} + +.nautilus-window .nautilus-grid-view.view { + margin: 0 6px 6px; +} + +.nautilus-window .unfolded { + background-color: #0f111a; +} + +.nautilus-window .nautilus-grid-view.view, +.nautilus-window .nautilus-grid-view.view gridview.view { + background-color: #232637; + border-radius: 12px; +} + +.nautilus-window flap > separator { + background: none; +} + +.nautilus-window placesview label { + color: rgba(238, 245, 245, 0.7); +} + +.nautilus-window infobar { + margin: 3px; +} + +.nautilus-window infobar > revealer > box { + border-radius: 12px; +} + +.nautilus-window label.search-information { + margin: 3px; + border-radius: 6px; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 6px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), + 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(0, 0, 0, 0.87); +} + +#NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +#NautilusQueryEditor > menubutton > button { + min-width: 16px; + min-height: 16px; + margin: 0; +} + +#NautilusQueryEditor > text { + margin: 0; +} + +#NautilusPathBar { + background-color: #232637; + border-radius: 6px; + margin: 6px 0; +} + +#NautilusPathBar #NautilusPathButton { + margin: 0 3px; + border-radius: 6px; +} + +#NautilusPathBar #NautilusPathButton.current-dir { + color: #84ffff; +} + +#NautilusPathBar #NautilusPathButton.current-dir:hover, +#NautilusPathBar #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +#NautilusPathBar #NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusPathBar > menubutton { + margin: 0; +} + +#NautilusPathBar > menubutton > button { + border-radius: 9999px; +} + +#NautilusQueryEditorTag { + border-radius: 9999px; +} + +#NautilusQueryEditorTag > button { + margin: 3px; + padding: 0; + min-height: 22px; + min-width: 22px; +} + +window.dialog > box > stack > box > box > notebook.frame { + border-width: 0 0 0 1px; + border-radius: 0; +} + +.history-view { + background-color: #0f111a; +} + +#displayitem { + border-top: 1px solid rgba(238, 245, 245, 0.12); +} + +.small .card { + border-radius: 0; + box-shadow: none; +} + +.small .card.forecast-card { + border-width: 1px 0; +} + +.small .card.display-container { + border-width: 0 0 1px 0; +} + +leaflet button.number-button { + background-color: rgba(238, 245, 245, 0.1); +} + +leaflet button.number-button:hover { + background-color: rgba(238, 245, 245, 0.2); +} + +leaflet button.number-button:active { + background-color: rgba(238, 245, 245, 0.3); +} + +leaflet button.clear-button.image-button { + border-radius: 6px; +} + +datechooser.view button.flat.pill, +datechooser.view button.circular.day { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +.contacts-contact-list list.navigation-sidebar { + background: none; +} + +flowboxchild > button.card.category-tile { + padding: 21px; + border: none; + border-radius: 6px; +} + +flowboxchild > button.card.category-tile-iconless { + padding: 9px 15px; +} + +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 6px 6px 0; +} + +app-context-bar > box:first-child > button.flat { + border-radius: 0; +} + +app-context-bar > box:first-child > button.flat:first-child { + border-radius: 6px 0 0 6px; +} + +app-context-bar > box > button.flat { + border-left-color: rgba(238, 245, 245, 0.12); +} + +carousel.card { + border: none; +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 6px; +} + +.context-tile-lozenge.grey { + color: #eeffff; + background-color: rgba(238, 245, 245, 0.12); +} + +.context-tile-lozenge.green, +.context-tile-lozenge.details-rating-0 { + color: #4cb168; + background-color: rgba(129, 201, 149, 0.15); +} + +.context-tile-lozenge.blue, +.context-tile-lozenge.details-rating-5 { + color: #89ddff; + background-color: rgba(33, 150, 243, 0.15); +} + +.context-tile-lozenge.yellow, +.context-tile-lozenge.details-rating-12 { + color: #e1b602; + background-color: rgba(253, 214, 51, 0.15); +} + +.context-tile-lozenge.details-rating-15 { + color: #ff9800; + background-color: rgba(255, 152, 0, 0.15); +} + +.context-tile-lozenge.red, +.context-tile-lozenge.details-rating-18 { + color: #eb4b3d; + background-color: rgba(242, 139, 130, 0.15); +} + +screenshot-carousel box.frame.view { + border-width: 1px 0; + border-radius: 0; +} + +/* Styling for specific category buttons. */ +.category-tile.category-create { + background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); + color: #eeffff; +} + +.category-tile.category-create:hover { + background: linear-gradient( + 180deg, + shade(#ce8cd7, 1.07) 0%, + shade(#2861c6, 1.1) 100% + ); +} + +.category-tile.category-create:active { + background: linear-gradient( + 180deg, + shade(#ce8cd7, 0.95) 0%, + shade(#2861c6, 0.95) 100% + ); +} + +.category-tile.category-develop { + background: #5e5c64; + color: #eeffff; +} + +.category-tile.category-develop:hover { + background: shade(#5e5c64, 1.2); +} + +.category-tile.category-develop:active { + background-color: shade(#5e5c64, 0.95); +} + +.category-tile.category-learn { + background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); + color: #eeffff; +} + +.category-tile.category-learn:hover { + background: linear-gradient( + 180deg, + shade(#2ec27e, 1.06) 30%, + shade(#27a66c, 1.06) 100% + ); +} + +.category-tile.category-learn:active { + background: linear-gradient( + 180deg, + shade(#2ec27e, 0.95) 30%, + shade(#27a66c, 0.95) 100% + ); +} + +.category-tile.category-play { + background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); + color: #393484; +} + +.category-tile.category-play:hover { + background: linear-gradient( + 75deg, + shade(#f9e2a7, 1.07) 0%, + shade(#eb5ec3, 1.07) 50%, + shade(#6d53e0, 1.07) 100% + ); +} + +.category-tile.category-play:active { + background: linear-gradient( + 75deg, + shade(#f9e2a7, 0.97) 0%, + shade(#eb5ec3, 0.95) 50%, + shade(#6d53e0, 1.07) 100% + ); +} + +.category-tile.category-socialize { + background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); + color: rgba(238, 245, 245, 0.7); +} + +.category-tile.category-socialize:hover { + background: linear-gradient( + 90deg, + shade(#ef4e9b, 1.08) 0%, + shade(#f77466, 1.08) 100% + ); +} + +.category-tile.category-socialize:active { + background: linear-gradient( + 90deg, + shade(#ef4e9b, 0.95) 0%, + shade(#f77466, 0.95) 100% + ); +} + +.category-tile.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(238, 245, 245, 0.12) 1px, + transparent 1px + ), + linear-gradient(90deg, rgba(238, 245, 245, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; +} + +.category-tile.category-work:hover { + background-color: #fefcef; + background-image: linear-gradient( + rgba(238, 245, 245, 0.12) 1px, + transparent 1px + ), + linear-gradient(90deg, rgba(238, 245, 245, 0.12) 1px, transparent 1px); +} + +.category-tile.category-work:active { + background-color: #fcf4bf; + background-image: linear-gradient( + rgba(238, 245, 245, 0.12) 1px, + transparent 1px + ), + linear-gradient(90deg, rgba(238, 245, 245, 0.12) 1px, transparent 1px); +} + +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.polari-room-list popover.background > arrow, +.polari-room-list popover.background > contents { + padding: 0; +} + +window.org-gnome-Builder headerbar { + box-shadow: inset 0 -1px rgba(238, 245, 245, 0.12); +} + +window.org-gnome-Builder headerbar splitbutton button { + border-radius: 6px; +} + +window.org-gnome-Builder headerbar splitbutton notification button { + margin: 0; + min-height: 24px; + min-width: 24px; + padding: 0; +} + +window.org-gnome-Builder headerbar menubutton > button { + border-radius: 6px; + padding: 6px 9px; +} + +window.org-gnome-Builder headerbar paneltogglebutton button { + border-radius: 6px; +} + +popover.background.global-search > arrow, +popover.background.global-search > contents { + padding: 0; +} + +panelframeswitcher { + padding: 6px; +} + +.frameheader.header { + min-height: 24px; + background-color: rgba(238, 245, 245, 0.04); +} + +.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(238, 245, 245, 0.12); +} + +.frameheader.header + tabbar.inline + > revealer + > box + .end-action + menubutton + > button { + margin: 6px; + min-height: 24px; + min-width: 24px; + padding: 3px; + border-radius: 6px; +} + +.frameheader.header tabbar.inline > revealer > box tabbox { + border: none; + background: none; +} + +panelstatusbar { + background-color: #0f111a; +} + +panelstatusbar > menubutton > button, +panelstatusbar > paneltogglebutton button.image-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: 6px; + 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(238, 245, 245, 0.04); +} + +.style-variant button.toggle:active > stylevariantpreview > .wallpaper { + outline-color: rgba(238, 245, 245, 0.3); +} + +.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { + outline-color: #e2e9e9; +} + +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; +} + +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: #eeffff; +} + +avatar.image { + background: none; +} + +.card { + border-radius: 6px; + box-shadow: none; + border: 1px solid rgba(238, 245, 245, 0.12); + background-clip: border-box; + background-color: #0f111a; + color: rgba(238, 245, 245, 0.7); +} + +preferencespage > scrolledwindow > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +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: 6px; +} + +preferencesgroup > box button.background-preview-button.toggle:hover { + outline-color: rgba(238, 245, 245, 0.04); +} + +preferencesgroup > box button.background-preview-button.toggle:active { + outline-color: rgba(238, 245, 245, 0.3); +} + +preferencesgroup > box button.background-preview-button.toggle:checked { + outline-color: #e2e9e9; +} + +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; +} + +toast { + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2), + 0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 245, 245, 0.1); + background-color: rgba(41, 45, 62, 0.95); + color: #eeffff; + border: none; +} + +toast:dir(ltr) { + padding-left: 12px; +} + +toast:dir(rtl) { + padding-right: 12px; +} + +toast > label { + margin: 0 6px; +} + +viewswitcher { + margin: 0; +} + +viewswitcher.wide { + margin-top: 6px; + margin-bottom: 6px; +} + +viewswitcher.wide button.toggle:checked, +viewswitcher.wide button.toggle.flat:checked { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +viewswitcher.wide button.toggle:checked:backdrop, +viewswitcher.wide button.toggle.flat:checked:backdrop { + color: rgba(0, 0, 0, 0.38); +} + +viewswitcher.wide + button.toggle:checked + indicatorbin.needs-attention + > indicator, +viewswitcher.wide + button.toggle.flat:checked + indicatorbin.needs-attention + > indicator { + background-color: rgba(0, 0, 0, 0.87); +} + +viewswitcher.wide + button.toggle:checked + indicatorbin.needs-attention + > indicator + > label, +viewswitcher.wide + button.toggle.flat:checked + indicatorbin.needs-attention + > indicator + > label { + color: #e2e9e9; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; + border: none; +} + +headerbar viewswitcher.narrow button.toggle { + border-radius: 6px; + margin: 5px 2px; + min-width: 119px; + padding: 0; + background-color: transparent; +} + +headerbar viewswitcher.narrow button.toggle:checked { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +headerbar viewswitcher.narrow button.toggle:checked indicator { + background: rgba(0, 0, 0, 0.87); +} + +headerbar viewswitcher.narrow button.toggle:checked indicator > label { + color: #e2e9e9; +} + +headerbar viewswitcher.narrow button.toggle:checked:backdrop { + color: rgba(0, 0, 0, 0.38); +} + +headerbar viewswitcher.narrow button.toggle:focus { + box-shadow: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; + min-height: 0; + margin: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 7px; + padding-bottom: 5px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 8px; + padding-right: 8px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 0 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +viewswitchertitle viewswitcher { + margin-left: 12px; + margin-right: 12px; +} + +indicatorbin > indicator, +indicatorbin > mask { + min-width: 6px; + min-height: 6px; + border-radius: 9999px; +} + +indicatorbin > indicator { + margin: 1px; + padding: 0; + background: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 2px 5px; + color: #eeffff; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #e2e9e9; +} + +indicatorbin.needs-attention > indicator > label { + color: rgba(0, 0, 0, 0.87); +} diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/gtk.css b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/gtk.css new file mode 100644 index 0000000..1c29fc9 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/gtk.css @@ -0,0 +1,7017 @@ +/* GTK NAMED COLORS -- USE RESPONSIBLY! */ + +/* widget text/foreground color */ +@define-color theme_fg_color #eeffff; +/* text color for entries, views and content in general */ +@define-color theme_text_color #eeffff; +/* widget base background color */ +@define-color theme_bg_color #0f111a; +/* text widgets and the like base background color */ +@define-color theme_base_color #0f111a; +/* base background color of selections */ +@define-color theme_selected_bg_color #e2e9e9; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #0f111a; +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(238, 255, 255, 0.5); +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #232637; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #eeffff; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #eeffff; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #0f111a; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #0f111a; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #e2e9e9; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); +/* insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5); +/* widgets main borders color */ +@define-color borders rgba(238, 255, 255, 0.12); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(238, 255, 255, 0.12); +/* these are pretty self explicative */ +@define-color warning_color #FDD633; +@define-color error_color #F28B82; +@define-color success_color #81C995; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title #eeffff; +@define-color wm_unfocused_title rgba(238, 255, 255, 0.7); +@define-color wm_highlight rgba(238, 255, 255, 0.1); +@define-color wm_bg #0f111a; +@define-color wm_unfocused_bg #0f111a; +@define-color wm_button_close_icon #0f111a; +@define-color wm_button_close_hover_bg #e2e9e9; +@define-color wm_button_close_active_bg #c7c7c7; +/* FIXME this is really an API */ +@define-color content_view_bg #0f111a; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1d1d1d; +@define-color budgie_tasklist_indicator_color #eeffff; +@define-color budgie_tasklist_indicator_color_active #eeffff; +@define-color budgie_tasklist_indicator_color_active_window #999999; +@define-color budgie_tasklist_indicator_color_attention #FDD633; +@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; + +/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */ +@define-color accent_bg_color #e2e9e9; +@define-color accent_fg_color rgba(0, 0, 0, 0.87); +@define-color accent_color #e2e9e9; +@define-color destructive_bg_color #F28B82; +@define-color destructive_fg_color rgba(0, 0, 0, 0.87); +@define-color destructive_color #F28B82; +@define-color success_bg_color #81C995; +@define-color success_fg_color rgba(0, 0, 0, 0.87); +@define-color success_color #81C995; +@define-color warning_bg_color #FDD633; +@define-color warning_fg_color rgba(0, 0, 0, 0.87); +@define-color warning_color #FDD633; +@define-color error_bg_color #F28B82; +@define-color error_fg_color rgba(0, 0, 0, 0.87); +@define-color error_color #F28B82; +@define-color window_bg_color #0f111a; +@define-color window_fg_color #eeffff; +@define-color view_bg_color #0f111a; +@define-color view_fg_color #eeffff; +@define-color headerbar_bg_color #0f111a; +@define-color headerbar_fg_color #eeffff; +@define-color headerbar_border_color rgba(238, 255, 255, 0.12); +@define-color headerbar_backdrop_color @window_bg_color; +@define-color headerbar_shade_color rgba(0, 0, 0, 0.36); +@define-color card_bg_color #0f111a; +@define-color card_fg_color #eeffff; +@define-color card_shade_color rgba(0, 0, 0, 0.36); +@define-color dialog_bg_color #0f111a; +@define-color dialog_fg_color #eeffff; +@define-color popover_bg_color #0f111a; +@define-color popover_fg_color #eeffff; +@define-color thumbnail_bg_color #0f111a; +@define-color thumbnail_fg_color #eeffff; +@define-color shade_color rgba(0, 0, 0, 0.36); +@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); + +/*************** + * Base States * + ***************/ +.background { + background-color: #0f111a; + color: #eeffff; +} + +dnd { + color: #eeffff; +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +iconview, +.view { + color: #eeffff; +} + +iconview:disabled, +.view:disabled { + color: rgba(238, 255, 255, 0.5); +} + +textview text { + background-color: #0f111a; +} + +textview border { + background-color: #232637; + color: rgba(238, 255, 255, 0.7); +} + +iconview:hover, +iconview:selected { + border-radius: 3px; +} + +rubberband, +.content-view rubberband, +.content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, +.content-view .rubberband, +columnview.view > rubberband, +treeview.view > rubberband, +gridview > rubberband, +flowbox > rubberband { + border: 1px solid #e2e9e9; + background-color: rgba(226, 233, 233, 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 6px; +} + +.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: #eeffff; + background-color: #0f111a; + border: 1px solid black; +} + +label.separator { + color: rgba(238, 255, 255, 0.7); +} + +label:disabled { + color: rgba(238, 255, 255, 0.5); + opacity: 1; + filter: none; +} + +headerbar label:disabled, +tab label:disabled, +button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 6px; + background-color: rgba(25, 25, 25, 0.9); + color: #eeffff; +} + +label.search-information { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.dim-label, +row label.subtitle { + color: rgba(238, 255, 255, 0.7); + opacity: 1; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(238, 255, 255, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: #eeffff; +} + +.osd popover.background > arrow, +.osd popover.background > contents, +popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, +popover.background.magnifier > arrow, +popover.background.magnifier > contents, +.osd { + color: #eeffff; + background-clip: padding-box; + border-radius: 6px; + border: none; +} + +.osd { + padding: 6px; + margin: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); +} + +.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; +} + +.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; +} + +/**************** + * Text Entries * + ****************/ +entry { + min-height: 36px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 6px; + 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: rgba(238, 255, 255, 0.08); + color: #eeffff; + outline: none; +} + +entry:focus-within { + background-color: rgba(238, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #e2e9e9; + outline: none; +} + +entry:drop(active) { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + outline: none; +} + +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); + outline: none; + opacity: 1; + filter: none; +} + +entry.search { + border-radius: 6px; + padding: 2px 12px; +} + +entry.flat { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: transparent; +} + +entry image { + color: rgba(238, 255, 255, 0.7); +} + +entry image:hover, +entry image:active { + color: #eeffff; +} + +entry image:disabled { + color: rgba(238, 255, 255, 0.5); +} + +entry image.left { + margin-left: 2px; + margin-right: 6px; +} + +entry image.right { + margin-left: 6px; + margin-right: 2px; +} + +entry undershoot.left { + background-color: transparent; + background-image: linear-gradient( + to top, + transparent 50%, + rgba(238, 255, 255, 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; +} + +entry undershoot.right { + background-color: transparent; + background-image: linear-gradient( + to top, + transparent 50%, + rgba(238, 255, 255, 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; +} + +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 transparent; + background-color: rgba(238, 255, 255, 0.08); + color: #eeffff; + outline: none; +} + +entry.error:focus-within { + background-color: rgba(238, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #f07178; + outline: none; +} + +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); + outline: none; + opacity: 1; + filter: none; +} + +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 transparent; + background-color: rgba(238, 255, 255, 0.08); + color: #eeffff; + outline: none; +} + +entry.warning:focus-within { + background-color: rgba(238, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #ffcb6b; + outline: none; +} + +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); + outline: none; + opacity: 1; + filter: none; +} + +entry > progress, +entry progress > trough > progress { + margin: 2px -8px; + border-bottom: 2px solid #e2e9e9; + background-color: transparent; +} + +treeview entry.flat, +treeview entry { + background-color: #0f111a; +} + +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(238, 255, 255, 0.12); + color: #eeffff; +} + +.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(238, 255, 255, 0.7); +} + +editablelabel > stack > text { + 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: rgba(238, 255, 255, 0.08); + color: #eeffff; + outline: none; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient( + farthest-side, + #e2e9e9 0%, + rgba(226, 233, 233, 0) 0% + ); + } + to { + background-image: radial-gradient( + farthest-side, + #e2e9e9 95%, + rgba(226, 233, 233, 0) + ); + } +} + +toast button, +toast button.text-button, +toast button.circular.flat, +infobar.warning > revealer > box button, +infobar.warning:backdrop > revealer > box button, +popover.background.touch-selection button, +popover.background.magnifier button, +headerbar.selection-mode + button:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.7); +} + +toast button:focus, +toast button.circular.flat:focus, +infobar.warning > revealer > box button:focus, +popover.background.touch-selection button:focus, +popover.background.magnifier button:focus, +headerbar.selection-mode + button:focus:not(.suggested-action):not(.destructive-action), +toast button:hover, +toast button.circular.flat:hover, +infobar.warning > revealer > box button:hover, +popover.background.touch-selection button:hover, +popover.background.magnifier button:hover, +headerbar.selection-mode + button:hover:not(.suggested-action):not(.destructive-action), +toast button:active, +toast button.circular.flat:active, +infobar.warning > revealer > box button:active, +popover.background.touch-selection button:active, +popover.background.magnifier button:active, +headerbar.selection-mode + button:active:not(.suggested-action):not(.destructive-action), +toast button:checked, +toast button.circular.flat:checked, +infobar.warning > revealer > box button:checked, +popover.background.touch-selection button:checked, +popover.background.magnifier button:checked, +headerbar.selection-mode + button:checked:not(.suggested-action):not(.destructive-action) { + color: #eeffff; +} + +toast button:disabled, +toast button.circular.flat:disabled, +infobar.warning > revealer > box button:disabled, +popover.background.touch-selection button:disabled, +popover.background.magnifier button:disabled, +headerbar.selection-mode + button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.3); +} + +toast button:checked:disabled, +infobar.warning > revealer > box button:checked:disabled, +popover.background.touch-selection button:checked:disabled, +popover.background.magnifier button:checked:disabled, +headerbar.selection-mode + button:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.5); +} + +headerbar + popover + button:not(.suggested-action):not(.destructive-action):not(.flat), +button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + background-color 225ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(238, 255, 255, 0.08); + color: #eeffff; + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar + popover + button:focus:not(.suggested-action):not(.destructive-action):not(.flat), +button:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eeffff; + outline: none; +} + +headerbar + popover + button:hover:not(.suggested-action):not(.destructive-action):not(.flat), +button:hover { + background-color: alpha(currentColor, 0.08); + color: #eeffff; + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar + popover + button:active:not(.suggested-action):not(.destructive-action):not(.flat), +button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + background-color 225ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.12); + box-shadow: inset 0 0 0 2px transparent; + color: #eeffff; +} + +headerbar + popover + button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), +button:disabled { + box-shadow: none; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); + transition: none; + opacity: 1; + filter: none; +} + +headerbar + popover + button:checked:not(.suggested-action):not(.destructive-action):not(.flat), +button:checked { + box-shadow: none; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + outline: none; +} + +headerbar + popover + button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), +button:checked:hover { + box-shadow: none; +} + +headerbar + popover + button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), +button:checked:disabled { + box-shadow: none; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); + opacity: 1; + filter: none; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 6px 10px; + border-radius: 6px; + font-weight: 500; +} + +button:drop(active) { + background-color: alpha(currentColor, 0.08); + color: #eeffff; + box-shadow: inset 0 0 0 2px transparent; +} + +placessidebar .navigation-sidebar > row button.sidebar-button, +calendar > header > button, +columnview.view > header > button button.circular, +treeview.view > header > button button.circular, +row.activatable button.circular, +scrollbar button, +notebook > header > tabs > arrow, +popover.menu box.circular-buttons button.circular.image-button.model, +headerbar popover calendar > header > button, +spinbutton.vertical > button, +spinbutton:not(.vertical) > button, +splitbutton.flat > button, +splitbutton.flat > menubutton > button, +filechooser #pathbarbox > stack > box > button, +window.dialog.message.csd .dialog-action-area > button, +.app-notification button, +headerbar button:not(.suggested-action):not(.destructive-action), +.toolbar 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 { + background-color: transparent; + color: rgba(238, 255, 255, 0.7); +} + +placessidebar .navigation-sidebar > row button.sidebar-button:focus, +calendar > header > button:focus, +columnview.view > header > button button.circular:focus, +treeview.view > header > button button.circular:focus, +row.activatable button.circular:focus, +scrollbar button:focus, +notebook > header > tabs > arrow:focus, +popover.menu box.circular-buttons button.circular.image-button.model:focus, +headerbar popover calendar > header > button:focus, +spinbutton.vertical > button:focus, +spinbutton:not(.vertical) > button:focus, +splitbutton.flat > button:focus, +splitbutton.flat > menubutton > button:focus, +filechooser #pathbarbox > stack > box > button:focus, +window.dialog.message.csd .dialog-action-area > button:focus, +.app-notification button:focus, +headerbar button:focus:not(.suggested-action):not(.destructive-action), +.toolbar button:focus, +toolbar button:focus, +dropdown > .linked:not(.vertical) > button:focus:not(:only-child), +combobox > .linked:not(.vertical) > button:focus:not(:only-child), +splitbutton.suggested-action > button:focus, +splitbutton.suggested-action > menubutton > button:focus, +splitbutton.destructive-action > button:focus, +splitbutton.destructive-action > menubutton > button:focus, +splitbutton.opaque > button:focus, +splitbutton.opaque > menubutton > button:focus, +menubutton.suggested-action > button:focus, +menubutton.destructive-action > button:focus, +menubutton.opaque > button:focus, +menubutton.flat > button:focus, +button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eeffff; +} + +placessidebar .navigation-sidebar > row button.sidebar-button:hover, +calendar > header > button:hover, +columnview.view > header > button button.circular:hover, +treeview.view > header > button button.circular:hover, +row.activatable button.circular:hover, +scrollbar button:hover, +notebook > header > tabs > arrow:hover, +popover.menu box.circular-buttons button.circular.image-button.model:hover, +headerbar popover calendar > header > button:hover, +spinbutton.vertical > button:hover, +spinbutton:not(.vertical) > button:hover, +splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover, +filechooser #pathbarbox > stack > box > button:hover, +window.dialog.message.csd .dialog-action-area > button:hover, +.app-notification button:hover, +headerbar button:hover:not(.suggested-action):not(.destructive-action), +.toolbar 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: #eeffff; +} + +placessidebar .navigation-sidebar > row button.sidebar-button:active, +calendar > header > button:active, +columnview.view > header > button button.circular:active, +treeview.view > header > button button.circular:active, +row.activatable button.circular:active, +scrollbar button:active, +notebook > header > tabs > arrow:active, +popover.menu box.circular-buttons button.circular.image-button.model:active, +headerbar popover calendar > header > button:active, +spinbutton.vertical > button:active, +spinbutton:not(.vertical) > button:active, +splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active, +filechooser #pathbarbox > stack > box > button:active, +window.dialog.message.csd .dialog-action-area > button:active, +.app-notification button:active, +headerbar button:active:not(.suggested-action):not(.destructive-action), +.toolbar 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 { + background-color: alpha(currentColor, 0.12); + color: #eeffff; + box-shadow: none; +} + +placessidebar .navigation-sidebar > row button.sidebar-button:disabled, +calendar > header > button:disabled, +columnview.view > header > button button.circular:disabled, +treeview.view > header > button button.circular:disabled, +row.activatable button.circular:disabled, +scrollbar button:disabled, +notebook > header > tabs > arrow:disabled, +popover.menu box.circular-buttons button.circular.image-button.model:disabled, +headerbar popover calendar > header > button:disabled, +spinbutton.vertical > button:disabled, +spinbutton:not(.vertical) > button:disabled, +splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled, +filechooser #pathbarbox > stack > box > button:disabled, +window.dialog.message.csd .dialog-action-area > button:disabled, +.app-notification button:disabled, +headerbar button:disabled:not(.suggested-action):not(.destructive-action), +.toolbar 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 { + box-shadow: none; + background-color: transparent; + color: rgba(238, 255, 255, 0.3); + opacity: 1; + filter: none; +} + +filechooser #pathbarbox > stack > box > button:checked, +window.dialog.message.csd .dialog-action-area > button:checked, +.app-notification button:checked, +headerbar button:checked:not(.suggested-action):not(.destructive-action), +.toolbar 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, +button.flat:checked:hover { + background-color: alpha(currentColor, 0.1); + color: #eeffff; + outline: none; + box-shadow: none; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, +window.dialog.message.csd .dialog-action-area > button:checked:disabled, +.app-notification button:checked:disabled, +headerbar + button:checked:disabled:not(.suggested-action):not(.destructive-action), +.toolbar 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.06); + color: rgba(238, 255, 255, 0.5); + opacity: 1; + filter: none; +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + +button.image-button { + min-width: 24px; + padding: 6px; + border-radius: 6px; +} + +.linked button.image-button { + border-radius: 6px; +} + +button.text-button.image-button { + min-width: 24px; + padding: 6px; + border-radius: 6px; +} + +button.text-button.image-button label:first-child { + margin-left: 10px; +} + +button.text-button.image-button label:last-child { + margin-right: 10px; +} + +button.text-button.image-button.flat label:first-child { + margin-left: 6px; +} + +button.text-button.image-button.flat label:last-child { + margin-right: 6px; +} + +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: 6px; +} + +.linked:not(.vertical) > button.flat:focus, +.linked.vertical > button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +button.osd { + padding: 12px 16px; + box-shadow: none; + background-color: #090b10; + color: #eeffff; +} + +button.osd:hover { + background-color: #444267; + color: #eeffff; +} + +button.osd:active { + background-color: #1a1c25; + color: #eeffff; +} + +button.osd.image-button { + padding: 6px; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); + transition: none; + opacity: 1; + filter: none; +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 2px 2.4px -1px rgba(226, 233, 233, 0.2), + 0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12); +} + +button.suggested-action:checked { + background-color: rgba(168, 168, 168, 0.961); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 3px 3px -3px rgba(226, 233, 233, 0.3), + 0 2px 3px -1px rgba(226, 233, 233, 0.24), + 0 2px 5px 0 rgba(226, 233, 233, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #e2e9e9; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(238, 255, 255, 0.3); + opacity: 1; + filter: none; +} + +button.suggested-action.flat:checked { + background-color: rgba(226, 233, 233, 0.3); +} + +button.destructive-action { + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); + transition: none; + opacity: 1; + filter: none; +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 2px 2.4px -1px rgba(242, 139, 130, 0.2), + 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12); +} + +button.destructive-action:checked { + background-color: rgba(182, 105, 98, 0.961); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 3px 3px -3px rgba(242, 139, 130, 0.3), + 0 2px 3px -1px rgba(242, 139, 130, 0.24), + 0 2px 5px 0 rgba(242, 139, 130, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #f07178; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(238, 255, 255, 0.3); + opacity: 1; + filter: none; +} + +button.destructive-action.flat:checked { + background-color: rgba(242, 139, 130, 0.3); +} + +menubutton.pill > button, +button.pill { + padding: 9px 30px; + border-radius: 9999px; +} + +button.card { + background-clip: padding-box; + font-weight: inherit; + background-clip: border-box; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + background-color 225ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(238, 255, 255, 0.08); + color: #eeffff; + box-shadow: inset 0 0 0 2px transparent; +} + +button.card:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: #eeffff; + box-shadow: inset 0 0 0 2px transparent; +} + +button.card.keyboard-activating, +button.card:active { + background-image: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + background-color 225ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.12); + box-shadow: inset 0 0 0 2px transparent; + color: #eeffff; +} + +button.card:checked { + background-image: none; + box-shadow: none; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + outline: none; + border-color: #e2e9e9; +} + +button.card:checked:hover { + background-image: none; + box-shadow: none; +} + +button.card:checked:disabled { + box-shadow: none; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); + opacity: 1; + filter: none; +} + +button.card.keyboard-activating:checked, +button.card:checked:active { + background-image: none; +} + +button.card.has-open-popup:checked { + background-image: none; +} + +button.card:drop(active) { + color: #ff7043; + box-shadow: inset 0 0 0 1px #ff7043; +} + +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; + min-width: 24px; + min-height: 24px; + padding: 6px; +} + +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; +} + +.nautilus-window .floating-bar button, +placessidebar .navigation-sidebar > row button.sidebar-button, +notebook > header tab button.flat, +popover.menu box.circular-buttons button.circular.image-button.model, +spinbutton.vertical > button, +spinbutton:not(.vertical) > button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #e2e9e9; + color: #eeffff; +} + +menubutton.destructive-action { + background-color: #f07178; + color: #eeffff; +} + +menubutton.opaque { + background-color: #515772; + color: #eeffff; +} + +menubutton.suggested-action, +menubutton.destructive-action, +menubutton.opaque { + border-radius: 6px; +} + +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: 6px; +} + +splitbutton, +splitbutton > separator { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + transition-property: background; +} + +splitbutton:disabled { + filter: none; +} + +splitbutton:disabled > button, +splitbutton:disabled > menubutton > button { + filter: none; +} + +splitbutton > separator { + margin-top: 6px; + margin-bottom: 6px; + background: none; +} + +splitbutton > menubutton > button { + padding-left: 4px; + padding-right: 4px; +} + +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: -1px; +} + +splitbutton > button:dir(rtl), +splitbutton > menubutton > button:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -1px; +} + +splitbutton.flat > separator { + background: rgba(238, 255, 255, 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: 6px; +} + +splitbutton.suggested-action { + background-color: #e2e9e9; + color: #eeffff; +} + +splitbutton.destructive-action { + background-color: #f07178; + color: #eeffff; +} + +splitbutton.opaque { + background-color: #515772; + color: #eeffff; +} + +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(238, 255, 255, 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(238, 255, 255, 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; +} + +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: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > entry:last-child, +.linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked:not(.vertical) > entry:only-child, +.linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.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: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > entry:last-child, +.linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > entry:only-child, +.linked.vertical > button:only-child { + border-radius: 6px; +} + +.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child), +.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child), +.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical button:not(.combo):not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical button:not(.combo):not(:last-child) { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical menubutton:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical menubutton:not(:last-child) > button { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical dropdown:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical dropdown:not(:last-child) > button { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical colorbutton:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical colorbutton:not(:last-child) > button { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical fontbutton:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical fontbutton:not(:last-child) > button { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical tabbutton:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical tabbutton:not(:last-child) > button { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child), +.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child), +.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical entry:not(.combo):not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.linked.vertical entry:not(.combo):not(:last-child) { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +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: #eeffff; + box-shadow: inset 0 0 0 2px 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-color 225ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.12); + box-shadow: inset 0 0 0 2px transparent; + color: #eeffff; +} + +list > row button.image-button.suggested-action:not(.flat) { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +list > row button.image-button.destructive-action:not(.flat) { + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); +} + +/********* + * Links * + *********/ +link { + color: #89ddff; +} + +link:visited { + color: #c792ea; +} + +button.link:link, +button.link:link:focus, +button.link:link:hover, +button.link:link:active { + color: #89ddff; +} + +button.link:visited, +button.link:visited:focus, +button.link:visited:hover, +button.link:visited:active { + color: #c792ea; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + border-radius: 6px; + padding: 0; + border-spacing: 0; + min-height: 0; + 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: rgba(238, 255, 255, 0.08); + color: #eeffff; + outline: none; +} + +spinbutton:focus-within { + background-color: rgba(238, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #e2e9e9; + outline: none; +} + +spinbutton:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); + outline: none; + opacity: 1; + filter: none; +} + +spinbutton:not(.vertical) > text { + min-width: 32px; + margin: 0; + padding-left: 12px; + 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: rgba(238, 255, 255, 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 > text { + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + min-height: 36px; + min-width: 42px; + 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: rgba(238, 255, 255, 0.7); +} + +spinbutton.vertical > button.up { + margin: 0 3px; +} + +spinbutton.vertical > button.down { + margin: 0 3px; +} + +list > row spinbutton:not(.vertical) > button { + margin: 6px; +} + +list > row spinbutton:not(.vertical) > button.up:dir(ltr), +list > row spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 3px; +} + +list > row spinbutton:not(.vertical) > button.up:dir(rtl), +list > row spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 3px; +} + +/************** + * 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: -2px; +} + +dropdown button.combo cellview:dir(rtl), +combobox button.combo cellview:dir(rtl) { + margin-right: -2px; +} + +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: #eeffff; + 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: 6px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -36px; + padding-right: 36px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -36px; + padding-left: 36px; +} + +dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 6px; + padding: 4px; + border-radius: 9999px; +} + +.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: 6px; + 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: rgba(238, 255, 255, 0.08); + color: #eeffff; + outline: none; +} + +button.combo:only-child:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eeffff; +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + color: #eeffff; +} + +button.combo:only-child:active { + background-color: alpha(currentColor, 0.12); + color: #eeffff; + box-shadow: none; +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: #eeffff; + outline: none; + box-shadow: none; +} + +button.combo:only-child:disabled { + box-shadow: none; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); + transition: none; + opacity: 1; + filter: none; +} + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + padding: 3px 6px; + background-color: #0f111a; + border-spacing: 6px; +} + +.osd .toolbar, +.osd toolbar { + background-color: transparent; +} + +.app-notification, +.toolbar.osd, +toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +.app-notification:backdrop, +.toolbar.osd:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), + 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 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, +toolbar.osd.left, +toolbar.osd.right, +toolbar.osd.top, +toolbar.osd.bottom { + border-radius: 0; +} + +.bottom.app-notification, +.toolbar.osd.bottom, +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, +toolbar.horizontal > separator { + margin: 2px; +} + +.toolbar.vertical > separator, +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, +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; +} + +.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), +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), +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, +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, +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 8px 2px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(238, 255, 255, 0.12); + background-color: #0f111a; + background-clip: border-box; + box-shadow: none; +} + +searchbar > revealer > box entry, +searchbar > revealer > box button { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.7); + border-radius: 6px; +} + +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), +headerbar button:checked:not(.suggested-action):not(.destructive-action) { + color: #eeffff; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.3); +} + +headerbar + button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(238, 255, 255, 0.5); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 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(238, 255, 255, 0.7); +} + +headerbar + button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.3); +} + +headerbar + button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.7); +} + +headerbar + button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(238, 255, 255, 0.3); +} + +headerbar entry { + background-color: rgba(238, 255, 255, 0.04); + color: #eeffff; +} + +headerbar entry:focus-within { + box-shadow: inset 0 0 0 2px #e2e9e9; +} + +headerbar entry:disabled { + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +headerbar entry image { + color: rgba(238, 255, 255, 0.7); +} + +headerbar entry image:hover, +headerbar entry image:active { + color: #eeffff; +} + +headerbar entry image:disabled { + color: rgba(238, 255, 255, 0.5); +} + +headerbar { + min-height: 48px; + padding: 0; + margin: 0; + border: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #0f111a; + color: #eeffff; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); +} + +headerbar:disabled { + color: rgba(238, 255, 255, 0.5); +} + +headerbar:backdrop { + background-color: #0f111a; + color: rgba(238, 255, 255, 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(238, 255, 255, 0.3); +} + +headerbar.flat { + background-color: transparent; + color: #eeffff; +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label, +headerbar row label.subtitle, +row headerbar label.subtitle { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(238, 255, 255, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop { + color: rgba(238, 255, 255, 0.5); +} + +headerbar > windowhandle > box { + padding: 0 6px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher, +headerbar menubutton, +headerbar splitbutton, +headerbar separator { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar stackswitcher > button { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.spacer) { + background-color: rgba(238, 255, 255, 0.12); +} + +headerbar switch { + margin-top: 12px; + margin-bottom: 12px; +} + +headerbar spinbutton button { + margin-top: 0; + margin-bottom: 0; +} + +headerbar .entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(238, 255, 255, 0.12); +} + +headerbar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +headerbar button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.5); +} + +headerbar stackswitcher { + margin: 6px 0; + border-radius: 9999px; +} + +headerbar + stackswitcher.linked:not(.vertical) + > button.text-button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +headerbar + stackswitcher.linked:not(.vertical) + > button.text-button:not(.suggested-action):not(.destructive-action):checked { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +headerbar.selection-mode { + transition: background-color 0.1ms 225ms, + color 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(238, 255, 255, 0); + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +headerbar.selection-mode:backdrop { + color: rgba(0, 0, 0, 0.6); +} + +headerbar.selection-mode .subtitle:link { + color: rgba(0, 0, 0, 0.87); +} + +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 .selection-mode { + box-shadow: inset 0 1px rgba(238, 255, 255, 0); + background-color: #e2e9e9; +} + +.tiled headerbar, +.tiled-top headerbar, +.tiled-right headerbar, +.tiled-bottom headerbar, +.tiled-left headerbar, +.maximized headerbar, +.fullscreen headerbar { + border-radius: 0; +} + +headerbar.default-decoration { + min-height: 24px; + padding: 6px; + border-radius: 6px 6px 0 0; +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + min-height: 24px; + min-width: 24px; + margin: 0; + padding: 0; +} + +.solid-csd headerbar:dir(rtl), +.solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +window.devel headerbar.titlebar { + background: #0f111a + cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent)) + 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)), + linear-gradient(to top, #343434 3px, #393939); +} + +window.devel headerbar.titlebar:backdrop { + background: #0f111a + cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent)) + 90% 0/256px 256px no-repeat, + image(#0f111a); + /* background-color would flash */ +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 6px; +} + +pathbar > button label:not(:only-child):first-child { + margin-left: 0; +} + +pathbar > button label:not(:only-child):last-child { + margin-right: 0; +} + +pathbar > button.text-button { + min-width: 0; +} + +pathbar > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +.pathbar { + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.7); + border: none; + border-radius: 6px; + padding: 2px; +} + +headerbar .pathbar { + margin-top: 6px; + margin-bottom: 6px; + background-color: rgba(238, 255, 255, 0.04); + color: rgba(238, 255, 255, 0.7); +} + +.pathbar > button { + margin-top: 0; + margin-bottom: 0; + min-height: 20px; + border-radius: 4px; + border: none; + box-shadow: none; +} + +.pathbar > button:last-child { + background-color: alpha(currentColor, 0.1); + color: #eeffff; + outline: none; + box-shadow: none; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #444267; + border-top-color: #444267; +} + +columnview.view:selected, +treeview.view:selected { + background-color: alpha(currentColor, 0.1); + box-shadow: none; +} + +columnview.view:focus, +treeview.view:focus { + box-shadow: none; + outline: none; +} + +columnview.view:hover, +columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; + box-shadow: none; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(238, 255, 255, 0.12); +} + +columnview.view:drop(active), +treeview.view:drop(active) { + box-shadow: none; +} + +columnview.view.after:drop(active), +treeview.view.after:drop(active) { + border-top-style: none; +} + +columnview.view.before:drop(active), +treeview.view.before:drop(active) { + 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.after:drop(active), +treeview.view > dndtarget.after:drop(active) { + border-top-style: none; +} + +columnview.view > dndtarget.before:drop(active), +treeview.view > dndtarget.before:drop(active) { + border-bottom-style: none; +} + +columnview.view.expander, +treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + color: rgba(238, 255, 255, 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: #eeffff; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: #eeffff; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: #eeffff; +} + +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(238, 255, 255, 0.3); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #e2e9e9; + 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(238, 255, 255, 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: none solid solid none; + border-width: 1px; + border-color: rgba(238, 255, 255, 0.12); + border-radius: 0; + background-clip: border-box; +} + +columnview.view > header > button:not(:focus):not(:hover):not(:active), +treeview.view > header > button:not(:focus):not(:hover):not(:active) { + color: rgba(238, 255, 255, 0.7); +} + +columnview.view > header > button, +columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: #0f111a; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: 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(238, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #0f111a; + background-clip: border-box; + color: #e2e9e9; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #e2e9e9; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + color: #eeffff; +} + +menubar:backdrop { + color: rgba(238, 255, 255, 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(238, 255, 255, 0.7); +} + +menubar > item:selected { + transition: none; + background-color: alpha(currentColor, 0.1); + color: #eeffff; +} + +menubar > item:disabled { + color: rgba(238, 255, 255, 0.3); +} + +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 { + 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; +} + +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; +} + +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; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, +popover.background:backdrop { + background-color: transparent; +} + +popover.background > arrow, +popover.background > contents { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: #292d3e; + background-clip: border-box; + border-radius: 12px; + color: #eeffff; + border: none; + border: 1px solid rgba(238, 255, 255, 0.2); + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75); + background-clip: border-box; +} + +popover.background:backdrop > arrow, +popover.background:backdrop > contents { + border: none; + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), + 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} + +popover.background separator { + margin: 6px 0; +} + +popover.background modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + border-radius: 6px; + color: #eeffff; + font: initial; + text-shadow: none; + box-shadow: none; + background: none; +} + +popover.background modelbutton:hover { + transition: none; + background-color: #3b3f51; + color: #84ffff; +} + +popover.background modelbutton:disabled { + color: rgba(238, 255, 255, 0.5); +} + +popover.background modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme('go-previous-symbolic'); +} + +popover.background modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme('go-next-symbolic'); +} + +popover.background label.title { + font-weight: bold; + padding: 4px 26px; +} + +popover.background > contents > list, +popover.background > contents > .view, +popover.background > contents > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background > contents separator { + background-color: rgba(238, 255, 255, 0.12); + margin: 3px 0; +} + +popover.background > contents list separator { + margin: 0; +} + +popover.background > contents stack > box { + padding: 0; +} + +popover.background > contents stack > scrolledwindow > viewport { + border: 1px solid rgba(238, 255, 255, 0.12); + border-radius: 2px; +} + +popover.background > contents > box > button { + margin: 0; +} + +popover.background.menu button, +popover.background button.model { + min-height: 32px; + padding: 0 8px; + border-radius: 6px; +} + +.osd popover.background, +popover.background.touch-selection, +popover.background.magnifier { + background-color: transparent; +} + +.osd popover.background > arrow, +.osd popover.background > contents, +popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, +popover.background.magnifier > arrow, +popover.background.magnifier > contents { + border: none; + box-shadow: none; +} + +/************* + * Notebooks * + *************/ +tabbar scrolledwindow:not(.pinned) > 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: 6px; + border: none; + outline: none; + background-clip: padding-box; + color: rgba(238, 255, 255, 0.7); + font-weight: 500; + border-radius: 6px; +} + +tabbar scrolledwindow:not(.pinned) > tabbox tab:hover, +notebook > header tab:hover { + background-color: rgba(238, 255, 255, 0.04); + color: #84ffff; +} + +tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled, +notebook > header tab:disabled { + color: rgba(238, 255, 255, 0.3); +} + +tabbar scrolledwindow:not(.pinned) > tabbox tab:checked, +notebook > header tab:checked, +tabbar scrolledwindow:not(.pinned) > tabbox tab:selected, +notebook > header tab:selected { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #292d3e; + color: #84ffff; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled, +notebook > header tab:checked:disabled, +tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled, +notebook > header tab:selected:disabled { + color: rgba(238, 255, 255, 0.5); +} + +frame > paned > notebook > header, +notebook.frame > header { + background-color: rgba(238, 255, 255, 0.04); +} + +notebook, +notebook.frame { + background-color: #0f111a; + border-radius: 12px; +} + +notebook.frame frame > border { + border: none; + border-radius: 6px; +} + +notebook.frame frame > list row.activatable { + border-radius: 6px; +} + +notebook > header { + border: none; + background-color: rgba(238, 255, 255, 0.04); + padding: 3px; + margin: 3px; + border-radius: 9px; +} + +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: 6px; +} + +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: rgba(238, 255, 255, 0.12); + color: #eeffff; +} + +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 tab button.close-button { + min-width: 24px; + min-height: 24px; +} + +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.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.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-left: 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 6px; +} + +tabbar .box { + min-height: 36px; +} + +tabbar:not(.inline) .box { + border: none; + background-color: transparent; + padding: 0; + margin: 3px; + border-radius: 12px; + box-shadow: none; +} + +tabbar:not(.inline):backdrop .box { + background-color: transparent; +} + +tabbar:not(.inline):backdrop .box > scrolledwindow, +tabbar:not(.inline):backdrop .box > .start-action, +tabbar:not(.inline):backdrop .box > .end-action { + filter: opacity(0.5); +} + +tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild { + padding: 3px 0; + margin: 0 -3px; +} + +tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab { + margin: 3px; +} + +tabbar scrolledwindow.pinned > tabbox > tabboxchild { + padding: 3px 0; + margin: 0; +} + +tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab { + margin: 3px; + padding: 3px; +} + +tabbar .start-action, +tabbar .end-action { + padding: 6px; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + padding-right: 0; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + padding-left: 0; +} + +dnd tab { + min-height: 24px; + background-color: #0f111a; + color: #eeffff; + margin: 24px; + outline: none; + 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); +} + +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 indicator, +dnd tab indicator { + min-height: 2px; + border-radius: 2px; + background: alpha(#e2e9e9, 0.5); + transform: translateY(4px); +} + +tabthumbnail { + border-radius: 10px; + transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1), + background-color cubic-bezier(0, 0, 0.2, 1); +} + +tabthumbnail > box { + margin: 6px; +} + +tabthumbnail:drop(active) { + box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4); + background-color: alpha(#ff7043, 0.1); +} + +tabthumbnail .needs-attention:dir(ltr) { + transform: translate(8px, -8px); +} + +tabthumbnail .needs-attention:dir(rtl) { + transform: translate(-8px, -8px); +} + +tabthumbnail .needs-attention > widget { + background: #e2e9e9; + min-width: 12px; + min-height: 12px; + border-radius: 6px; + margin: 3px; + box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4); +} + +tabthumbnail .card { + background: none; + color: inherit; +} + +tabthumbnail .card picture { + outline: none; + border-radius: 6px; +} + +tabthumbnail.pinned .card { + background-color: #0f111a; + color: #eeffff; +} + +tabthumbnail .pinned-box { + margin-left: 10px; + margin-right: 10px; +} + +tabthumbnail .icon-title-box { + border-spacing: 6px; +} + +tabthumbnail .tab-unpin-icon { + margin: 6px; + min-width: 24px; + min-height: 24px; +} + +taboverview > .overview.scrolled-to-top headerbar, +taboverview > .overview.scrolled-to-top searchbar > revealer > box { + background: none; + color: inherit; + box-shadow: none; +} + +taboverview > .overview .new-tab-button { + margin: 18px; +} + +tabview:drop(active), +tabbox:drop(active), +tabgrid:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #0f111a; +} + +scrollbar > range > trough { + outline: none; + background: none; + border: 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; + background-color: rgba(238, 255, 255, 0.5); + box-shadow: none; + outline: none; +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(238, 255, 255, 0.7); +} + +scrollbar > range > trough > slider:active { + background-color: #eeffff; +} + +scrollbar > range > trough > slider:disabled { + background-color: rgba(238, 255, 255, 0.3); +} + +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: 3px; + border: 1px solid rgba(44, 44, 44, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(44, 44, 44, 0.3); + border-radius: 9999px; + background-color: rgba(238, 255, 255, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(238, 255, 255, 0.3); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) + > range + > trough + > slider { + min-width: 24px; +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { + min-width: 8px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) + > range + > trough + > slider { + min-height: 24px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, +scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +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); + margin: 6px 0; + padding: 0; + border: 2px solid rgba(238, 255, 255, 0.7); + border-radius: 9999px; + background-color: transparent; + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #e2e9e9; + border-color: #e2e9e9; +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; +} + +switch > slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + margin: 2px; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: rgba(238, 255, 255, 0.7); + border: none; +} + +switch:focus > slider { + box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04); +} + +switch:hover > slider { + box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12); +} + +switch:focus:hover > slider { + box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12); +} + +switch:checked > slider { + background-color: #0f111a; + color: #0f111a; +} + +/************************* + * Check and Radio items * + *************************/ +checkbutton, +radiobutton { + outline: none; + border-spacing: 4px; +} + +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; +} + +check, +radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; + padding: 0; + margin: 3px; + border: 2px solid rgba(238, 255, 255, 0.7); + background-clip: border-box; + background-color: transparent; + border-radius: 9999px; + box-shadow: 0 0 0 10px transparent; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), + background-color 225ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + border-color: inherit; + box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04); +} + +check:active, +radio:active { + border-color: #eeffff; + box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12); +} + +check:checked, +check:indeterminate, +radio:checked, +radio:indeterminate { + border-color: transparent; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +check:checked:hover, +check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + background-color: #8da3ca; + color: rgba(0, 0, 0, 0.87); +} + +check:checked:active, +check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +check:checked:disabled, +check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + border-color: transparent; + background-color: rgba(238, 255, 255, 0.3); + color: #0f111a; +} + +check:disabled, +radio:disabled { + border-color: rgba(238, 255, 255, 0.3); +} + +check:not(:hover):focus, +radio:not(:hover):focus { + box-shadow: none; +} + +popover.menu check, +popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check, +popover.menu check:focus, +popover.menu check:hover, +popover.menu check:focus:hover, +popover.menu check:active, +popover.menu check:disabled, +popover.menu radio, +popover.menu radio:focus, +popover.menu radio:hover, +popover.menu radio:focus:hover, +popover.menu radio:active, +popover.menu radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover, +popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + background-color: transparent; +} + +popover.menu check:active, +popover.menu check:checked, +popover.menu check:indeterminate, +popover.menu radio:active, +popover.menu radio:checked, +popover.menu radio:indeterminate { + border-color: transparent; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +popover.menu check:active:hover, +popover.menu check:checked:hover, +popover.menu check:indeterminate:hover, +popover.menu radio:active:hover, +popover.menu radio:checked:hover, +popover.menu radio:indeterminate:hover { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.87); + color: #e2e9e9; +} + +popover.menu check:active:disabled, +popover.menu check:checked:disabled, +popover.menu check:indeterminate:disabled, +popover.menu radio:active:disabled, +popover.menu radio:checked:disabled, +popover.menu radio:indeterminate:disabled { + border-color: transparent; + background-color: rgba(238, 255, 255, 0.3); + color: #0f111a; +} + +popover.menu check, +popover.menu check:hover, +popover.menu check:active, +popover.menu check:disabled, +popover.menu radio, +popover.menu radio:hover, +popover.menu radio:active, +popover.menu radio:disabled { + box-shadow: none; + color: inherit; +} + +popover.menu check:dir(ltr), +popover.menu radio:dir(ltr) { + margin-right: 6px; +} + +popover.menu check:dir(rtl), +popover.menu radio:dir(rtl) { + margin-left: 6px; +} + +check:checked { + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url('assets/scalable/check-symbolic.svg')), + -gtk-recolor(url('assets/scalable/check-symbolic@2.svg')) + ); +} + +radio:checked { + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url('assets/scalable/dot-symbolic.svg')), + -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg')) + ); +} + +check:indeterminate, +radio:indeterminate { + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url('assets/scalable/line-symbolic.svg')), + -gtk-recolor(url('assets/scalable/line-symbolic@2.svg')) + ); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +check:not(:checked):indeterminate:active { + -gtk-icon-transform: scaleX(-1); +} + +checkbutton.theme-selector radio, +checkbutton.theme-selector radio:hover, +checkbutton.theme-selector radio:disabled { + border-color: transparent; + background-color: transparent; +} + +checkbutton.theme-selector + radio:not(:checked):not(:indeterminate):not(:disabled):hover { + border-color: transparent; + background-color: transparent; +} + +checkbutton.theme-selector radio:checked, +checkbutton.theme-selector radio:active, +checkbutton.theme-selector radio:active:hover { + border-color: transparent; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url('assets/scalable/check-symbolic.svg')), + -gtk-recolor(url('assets/scalable/check-symbolic@2.svg')) + ); +} + +checkbutton.theme-selector radio:checked:hover { + background-color: #8da3ca; + color: rgba(0, 0, 0, 0.87); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 16px; + min-width: 16px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + padding: 2px; + border-radius: 9999px; + margin: 3px; + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url('assets/scalable/check-symbolic.svg')), + -gtk-recolor(url('assets/scalable/check-symbolic@2.svg')) + ); +} + +themeswitcher .check:hover { + background-color: #8da3ca; + color: rgba(0, 0, 0, 0.87); +} + +themeswitcher checkbutton radio { + padding: 0; + margin: 2px; + min-height: 48px; + min-width: 48px; +} + +themeswitcher checkbutton radio, +themeswitcher checkbutton radio:hover { + outline-color: rgba(238, 255, 255, 0.12); + outline-width: 1px; + outline-offset: -1px; + outline-style: solid; + box-shadow: none; +} + +themeswitcher checkbutton radio, +themeswitcher checkbutton radio:hover, +themeswitcher checkbutton radio:checked, +themeswitcher checkbutton radio:checked:hover { + -gtk-icon-source: none; + transition: none; + border: none; +} + +themeswitcher checkbutton radio:checked, +themeswitcher checkbutton radio:checked:hover { + box-shadow: inset 0 0 0 2px #e2e9e9; + outline: none; +} + +themeswitcher checkbutton.system radio, +themeswitcher checkbutton.system radio:hover, +themeswitcher checkbutton.system radio:checked, +themeswitcher checkbutton.system radio:checked:hover { + background-image: linear-gradient(-45deg, #232637 49.99%, #eeffff 50.01%); + background-color: transparent; +} + +themeswitcher checkbutton.light radio, +themeswitcher checkbutton.light radio:hover, +themeswitcher checkbutton.light radio:checked, +themeswitcher checkbutton.light radio:checked:hover { + color: rgba(0, 0, 0, 0.8); + background-color: #eeffff; +} + +themeswitcher checkbutton.dark radio, +themeswitcher checkbutton.dark radio:hover, +themeswitcher checkbutton.dark radio:checked, +themeswitcher checkbutton.dark radio:checked:hover { + color: #eeffff; + background-image: image(#232637); + background-color: transparent; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 17px 12px; +} + +scale.vertical { + padding: 12px 17px; +} + +scale slider { + min-height: 18px; + min-width: 18px; + margin: -8px; +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 16px; + padding-bottom: 16px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 16px; + padding-right: 16px; +} + +scale.fine-tune slider { + margin: -7px; +} + +scale trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(238, 255, 255, 0.3); +} + +scale trough:disabled { + background-color: rgba(238, 255, 255, 0.12); +} + +scale highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#e2e9e9); +} + +scale highlight:disabled { + background-color: #0f111a; + background-image: image(rgba(238, 255, 255, 0.3)); +} + +scale fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(238, 255, 255, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #e2e9e9; + background-color: #0f111a; + box-shadow: inset 0 0 0 2px #e2e9e9; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3); +} + +scale marks, +scale value { + color: rgba(238, 255, 255, 0.7); +} + +scale indicator { + background-color: rgba(238, 255, 255, 0.3); + color: transparent; +} + +scale.horizontal > marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale.horizontal.fine-tune > marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.horizontal > marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune > marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.vertical > marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune > marks.top { + margin-right: 6px; + margin-left: -14px; +} + +scale.vertical > marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune > marks.bottom { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-before:not(.marks-after) slider, +scale.horizontal.marks-before:not(.marks-after) slider:hover, +scale.horizontal.marks-before:not(.marks-after) slider:active, +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-before-slider-dark.png'), + url('assets/scale-horz-marks-before-slider-dark@2.png') + ); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-before-slider-disabled-dark.png'), + url('assets/scale-horz-marks-before-slider-disabled-dark@2.png') + ); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-before-slider-dark.png'), + url('assets/scale-horz-marks-before-slider-dark@2.png') + ); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-after:not(.marks-before) slider, +scale.horizontal.marks-after:not(.marks-before) slider:hover, +scale.horizontal.marks-after:not(.marks-before) slider:active, +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-after-slider-dark.png'), + url('assets/scale-horz-marks-after-slider-dark@2.png') + ); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-after-slider-disabled-dark.png'), + url('assets/scale-horz-marks-after-slider-disabled-dark@2.png') + ); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled( + url('assets/scale-horz-marks-after-slider-dark.png'), + url('assets/scale-horz-marks-after-slider-dark@2.png') + ); +} + +scale.vertical.marks-before:not(.marks-after) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-before:not(.marks-after) slider, +scale.vertical.marks-before:not(.marks-after) slider:hover, +scale.vertical.marks-before:not(.marks-after) slider:active, +scale.vertical.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-before-slider-dark.png'), + url('assets/scale-vert-marks-before-slider-dark@2.png') + ); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-before-slider-disabled-dark.png'), + url('assets/scale-vert-marks-before-slider-disabled-dark@2.png') + ); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-before-slider-dark.png'), + url('assets/scale-vert-marks-before-slider-dark@2.png') + ); +} + +scale.vertical.marks-after:not(.marks-before) slider { + transition: background-color 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-after:not(.marks-before) slider, +scale.vertical.marks-after:not(.marks-before) slider:hover, +scale.vertical.marks-after:not(.marks-before) slider:active, +scale.vertical.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-after-slider-dark.png'), + url('assets/scale-vert-marks-after-slider-dark@2.png') + ); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-after-slider-disabled-dark.png'), + url('assets/scale-vert-marks-after-slider-disabled-dark@2.png') + ); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled( + url('assets/scale-vert-marks-after-slider-dark.png'), + url('assets/scale-vert-marks-after-slider-dark@2.png') + ); +} + +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: rgba(238, 255, 255, 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: 6px; + background-color: rgba(238, 255, 255, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #e2e9e9; +} + +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: #e2e9e9; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 36px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 36px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 6px; +} + +levelbar block.low { + background-color: #ffcb6b; +} + +levelbar block.high, +levelbar block:not(.empty) { + background-color: #e2e9e9; +} + +levelbar block.full { + background-color: #81c995; +} + +levelbar block.empty { + background-color: rgba(238, 255, 255, 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #eeffff; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; + color: #eeffff; +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(238, 255, 255, 0.12); +} + +frame > list, +.frame > list { + border: none; +} + +frame.view, +.frame.view { + border-radius: 6px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 6px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, +statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; + background-clip: border-box; + box-shadow: none; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-size: 200% 70%; + background-image: radial-gradient( + farthest-side at top, + rgba(226, 233, 233, 0.24) 99%, + rgba(226, 233, 233, 0) 100% + ); + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-size: 200% 70%; + background-image: radial-gradient( + farthest-side at bottom, + rgba(226, 233, 233, 0.24) 99%, + rgba(226, 233, 233, 0) 100% + ); + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-size: 200% 70%; + background-image: radial-gradient( + farthest-side at left, + rgba(226, 233, 233, 0.24) 99%, + rgba(226, 233, 233, 0) 100% + ); + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-size: 200% 70%; + background-image: radial-gradient( + farthest-side at right, + rgba(226, 233, 233, 0.24) 99%, + rgba(226, 233, 233, 0) 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: rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator:not(.spacer) { + min-width: 1px; + min-height: 1px; + background-color: rgba(238, 255, 255, 0.12); +} + +stacksidebar + separator.vertical, +stacksidebar separator.horizontal, +button.font separator, +button.file separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +/********* + * Lists * + *********/ +listview.boxed-list, +list.boxed-list, +listview.content:not(.conversation-listbox), +list.content:not(.conversation-listbox) { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(238, 255, 255, 0.12); +} + +listview.boxed-list > row.expander list > row, +list.boxed-list > row.expander list > row, +listview.boxed-list > row, +list.boxed-list > row, +listview.content:not(.conversation-listbox) > row, +list.content:not(.conversation-listbox) > row { + border-radius: 0; +} + +listview.boxed-list > row.expander list > row:first-child, +list.boxed-list > row.expander list > row:first-child, +listview.boxed-list > row:first-child, +list.boxed-list > row:first-child, +listview.content:not(.conversation-listbox) > row:first-child, +list.content:not(.conversation-listbox) > row:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +listview.boxed-list > row.expander list > row:last-child, +list.boxed-list > row.expander list > row:last-child, +listview.boxed-list > row:last-child, +list.boxed-list > row:last-child, +listview.content:not(.conversation-listbox) > row:last-child, +list.content:not(.conversation-listbox) > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +listview.boxed-list > row.expander list > row:only-child, +list.boxed-list > row.expander list > row:only-child, +listview.boxed-list > row:only-child, +list.boxed-list > row:only-child, +listview.content:not(.conversation-listbox) > row:only-child, +list.content:not(.conversation-listbox) > row:only-child { + border-radius: 6px; +} + +listview.boxed-list > row.expander list > row:not(:last-child), +list.boxed-list > row.expander list > row:not(:last-child), +listview.boxed-list > row:not(:last-child), +list.boxed-list > row:not(:last-child), +listview.content:not(.conversation-listbox) > row:not(:last-child), +list.content:not(.conversation-listbox) > row:not(:last-child) { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +listview.boxed-list > row.expander list > row:focus, +list.boxed-list > row.expander list > row:focus, +listview.boxed-list > row:focus, +list.boxed-list > row:focus, +listview.content:not(.conversation-listbox) > row:focus, +list.content:not(.conversation-listbox) > row:focus { + box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08); +} + +listview, +list { + border-color: rgba(238, 255, 255, 0.12); + background-color: #0f111a; + color: rgba(238, 255, 255, 0.7); +} + +listview row, +list row { + padding: 2px; + color: rgba(238, 255, 255, 0.7); +} + +listview > row.expander, +list > row.expander { + padding: 0px; +} + +listview > row.expander .row-header, +list > row.expander .row-header { + padding: 2px; +} + +listview.boxed-list > row.expander list, +list.boxed-list > row.expander list { + background-color: transparent; + box-shadow: none; + border: none; +} + +list.frame { + border-radius: 6px; +} + +listview.view { + color: #eeffff; + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; +} + +popover.menu listview.view > row:first-child, +popover.menu listview.view > row:last-child, +popover.menu listview.view > row { + border-radius: 6px; +} + +row { + color: rgba(238, 255, 255, 0.7); + background-clip: padding-box; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + min-height: 48px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.35); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; +} + +columnview.view > header > button, +treeview.view > header > button, +row.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; +} + +columnview.view > header > button:focus, +treeview.view > header > button:focus, +row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover, +row.activatable:hover { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, +columnview.view > header > button:active, +treeview.view > header > button:active, +row.activatable.has-open-popup, +row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +button row.activatable:focus, +button row.activatable:hover, +button row.activatable:active { + box-shadow: none; +} + +button:checked row.activatable { + color: rgba(0, 0, 0, 0.87); +} + +row:selected image, +row:selected label { + color: #eeffff; +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(238, 255, 255, 0.5); +} + +treeexpander { + border-spacing: 4px; +} + +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 #e2e9e9; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: rgba(0, 0, 0, 0.87); + background-color: #e2e9e9; +} + +.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 > box { + border-spacing: 12px; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; + border-spacing: 9px; + padding: 9px; + border: none; +} + +.app-notification button.text-button:not(:disabled) { + color: #e2e9e9; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(238, 255, 255, 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: #eeffff; +} + +expander:disabled { + color: rgba(238, 255, 255, 0.3); +} + +expander-widget > box > title { + border-radius: 6px; +} + +expander-widget > box > title:hover > expander { + color: rgba(238, 255, 255, 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(238, 255, 255, 0.12); + border-radius: 6px; + color: #eeffff; +} + +calendar:disabled { + color: rgba(238, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 6px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); +} + +calendar > header > button { + min-height: 24px; +} + +calendar > grid { + margin: 3px; +} + +calendar > grid > label { + border-radius: 9999px; + margin: 0; +} + +calendar > grid > label.today { + box-shadow: none; +} + +calendar > grid > label.today:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 9px; +} + +calendar > grid > label.day-number:selected { + color: #eeffff; + background-color: alpha(currentColor, 0.06); +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.dialog.message.background { + background-color: #292d3e; +} + +window.dialog.message box.dialog-vbox.vertical { + border-spacing: 10px; +} + +window.dialog.message .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; + color: #eeffff; +} + +window.dialog.message .titlebar:backdrop { + background-color: #292d3e; + color: rgba(238, 255, 255, 0.7); +} + +window.dialog.message.csd .dialog-action-area { + margin-top: -6px; + padding: 6px; +} + +window.dialog.message.csd .dialog-action-area > button, +window.dialog.message.csd .dialog-action-area > button:first-child, +window.dialog.message.csd .dialog-action-area > button:last-child { + border-radius: 6px; +} + +window.dialog.message.csd .dialog-action-area > button:not(:last-child) { + margin-right: 6px; +} + +window.dialog.message.csd .dialog-action-area > button:not(:disabled) { + color: #e2e9e9; +} + +window.dialog.message.csd + .dialog-action-area + > button.destructive-action:not(:disabled) { + color: #f07178; +} + +window.background.csd.dialog > headerbar.titlebar { + box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12); +} + +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: 6px; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background-color: #0f111a; +} + +filechooser stack.view frame > border { + border: none; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; +} + +.sidebar:not(separator):dir(ltr), +.sidebar.left:not(separator), +.sidebar.left:not(separator):dir(rtl) { + border-right: 1px solid rgba(238, 255, 255, 0.12); + border-left-style: none; +} + +.sidebar:not(separator):dir(rtl), +.sidebar.right:not(separator) { + border-left: 1px solid rgba(238, 255, 255, 0.12); + border-right-style: none; +} + +separator + .sidebar:not(separator):dir(ltr), +separator + .sidebar.left:not(separator), +separator + .sidebar.left:not(separator):dir(rtl), +separator + box > .sidebar:not(separator):dir(ltr), +separator + box > .sidebar.left:not(separator), +separator + box > .sidebar.left:not(separator):dir(rtl) { + border-right: none; +} + +separator + .sidebar:not(separator):dir(rtl), +separator + .sidebar.right:not(separator), +separator + box > .sidebar:not(separator):dir(rtl), +separator + box > .sidebar.right:not(separator) { + border-left: none; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, +paned .sidebar.right, +paned .sidebar.left:dir(rtl), +paned .sidebar:dir(rtl), +paned .sidebar:dir(ltr), +paned .sidebar { + border-style: none; +} + +leaflet.unfolded > box > stacksidebar.sidebar { + border: none; +} + +stacksidebar list { + padding: 4px 0; +} + +stacksidebar row { + min-height: 24px; + padding: 6px 9px; + border-radius: 6px; + margin: 2px 6px; +} + +stacksidebar row:selected { + font-weight: 500; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(238, 255, 255, 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, +.selection-mode separator.sidebar { + background-color: rgba(238, 255, 255, 0.15); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + border-right: none; + margin: 0 4px; +} + +.navigation-sidebar > row { + min-height: 32px; + padding: 2px 4px; + margin: 1px 0; + border-radius: 6px; +} + +.navigation-sidebar > row:hover, +.navigation-sidebar > row:focus-visible:focus-within { + background-color: alpha(currentColor, 0.16); +} + +.navigation-sidebar > row:selected label, +.navigation-sidebar > row:selected image { + color: #84ffff; + font-weight: 500; +} + +.navigation-sidebar > row:selected:hover { + background-color: #292d3e; +} + +.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(238, 255, 255, 0.5); +} + +.navigation-sidebar > separator { + margin: 3px 0; +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(238, 255, 255, 0.7); +} + +row image.sidebar-icon:disabled { + color: rgba(238, 255, 255, 0.3); +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar .navigation-sidebar > row:selected { + font-weight: 500; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label { + color: inherit; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { + color: #e2e9e9; +} + +placessidebar + .navigation-sidebar + > row.sidebar-new-bookmark-row + image.sidebar-icon { + color: #e2e9e9; +} + +placessidebar .navigation-sidebar > row:drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms; + box-shadow: inset 0 0 0 9999px 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: none; + box-shadow: none; + background-color: transparent; + background-image: image(#444267); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #0f111a; + background-image: image(#444267), image(#444267); + 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: 6px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border: none; + margin-bottom: 0; +} + +infobar > revealer > box { + padding: 6px; + border-spacing: 12px; +} + +infobar.info > revealer > box button, +infobar.info > revealer > box button.text-button:not(:disabled), +infobar.info:hover > revealer > box button, +infobar.info:hover > revealer > box button.text-button:not(:disabled), +infobar.info:backdrop > revealer > box button, +infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { + color: #e2e9e9; +} + +infobar.action > revealer > box, +infobar.action:backdrop > revealer > box, +infobar.question > revealer > box, +infobar.question:backdrop > revealer > box { + background-color: #232637; + color: #e2e9e9; + border-radius: 6px; +} + +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: #eeffff; +} + +infobar.action > revealer > box *:link, +infobar.action:backdrop > revealer > box *:link, +infobar.question > revealer > box *:link, +infobar.question:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.action:hover > revealer > box, +infobar.question:hover > revealer > box { + background-color: #292d3e; + color: #e2e9e9; + border-radius: 6px; +} + +infobar.warning > revealer > box, +infobar.warning:backdrop > revealer > box { + background-color: #ffcb6b; + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.warning > revealer > box *:link, +infobar.warning:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #fdd11a; +} + +infobar.error > revealer > box, +infobar.error:backdrop > revealer > box { + background-color: #f07178; + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.error > revealer > box *:link, +infobar.error:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.error:hover > revealer > box { + background-color: #f0766b; +} + +/************ + * Tooltips * + ************/ +tooltip { + border: none; + background-clip: padding-box; + padding: 6px 12px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: #eeffff; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + 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: #eeffff; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch#add-color-button { + border-radius: 12px 12px 0 0; + color: #eeffff; +} + +colorswatch#add-color-button:only-child { + border-radius: 12px; +} + +colorswatch#add-color-button overlay { + background-color: #292d3e; +} + +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; +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), + 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); + background-color: #292d3e; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), + 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f111a; +} + +/********************** + * Window Decorations * + **********************/ +window.csd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + outline-color: rgba(238, 255, 255, 0.2); + outline-offset: -1px; + outline-style: solid; + outline-width: 1px; + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; +} + +window.csd { + border-radius: 12px; +} + +window:backdrop { + 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), + 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; +} + +window.popup { + border-radius: 12px; + box-shadow: none; +} + +window.dialog.message { + border-radius: 12px; +} + +window.solid-csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: #0f111a; + border: 1px solid #444267; +} + +window.solid-csd:backdrop { + background-color: #0f111a; +} + +window.maximized, +window.fullscreen, +window.tiled, +window.tiled-top, +window.tiled-right, +window.tiled-bottom, +window.tiled-left { + border-radius: 0; + outline-width: 0; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols.start:not(.empty):dir(ltr), +windowcontrols.end:not(.empty):dir(rtl) { + margin-left: 15px; + margin-right: 15px; +} + +windowcontrols.start:not(.empty):dir(rtl), +windowcontrols.end:not(.empty):dir(ltr) { + margin-left: 15px; + margin-right: 15px; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) { + min-height: 12px; + min-width: 12px; + padding: 0; + margin: 0 2px; + border-radius: 9999px; +} + +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: transparent; +} + +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 { + padding: 0; +} + +windowcontrols + button.minimize:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.minimize:active:not(.suggested-action):not(.destructive-action) { + background-color: shade(#ffcb6b, 0.5); +} + +windowcontrols + button.maximize:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.maximize:active:not(.suggested-action):not(.destructive-action) { + background-color: shade(#c3e88d, 0.5); +} + +windowcontrols + button.close:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:active:not(.suggested-action):not(.destructive-action) { + background-color: shade(#f07178, 0.5); +} + +windowcontrols + button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action), +windowcontrols + button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: transparent; +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), +windowcontrols + button.minimize:active:not(.suggested-action):not(.destructive-action) { + background-color: #ffcb6b; +} + +windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), +windowcontrols + button.maximize:active:not(.suggested-action):not(.destructive-action) { + background-color: #c3e88d; +} + +windowcontrols button.close:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:active:not(.suggested-action):not(.destructive-action) { + background-color: #f07178; +} + +button.titlebutton.close:backdrop, +button.titlebutton.maximize:backdrop, +button.titlebutton.minimize:backdrop, +windowcontrols > button.close:backdrop, +windowcontrols > button.maximize:backdrop, +windowcontrols > button.minimize:backdrop { + background-color: #464b5d; +} + +gridview > child:selected, +row:selected, +calendar:selected { + background-color: alpha(currentColor, 0.06); +} + +.view:selected, +iconview:selected, +flowbox > flowboxchild:selected, +calendar > grid > label.today { + color: #e2e9e9; + background-color: rgba(226, 233, 233, 0.2); +} + +text > selection, +label > selection, +calendar > grid > label.today:selected, +stacksidebar row:selected, +.navigation-sidebar > row:selected { + color: #e2e9e9; + background-color: #3b3f51; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #e2e9e9; + -gtk-icon-source: -gtk-recolor( + url('assets/scalable/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(238, 255, 255, 0.12); + border-radius: 7px; + box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12); + background-color: #292d3e; + color: #eeffff; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #e2e9e9; +} + +stackswitcher { + min-height: 0; + border-radius: 9999px; + padding: 0; + background-color: alpha(currentColor, 0.05); +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):first-child, +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):last-child, +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +stackswitcher.linked:not(.vertical) + > button.text-button:not(.suggested-action):not(.destructive-action) { + min-width: 100px; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher.circular { + border-spacing: 12px; +} + +stackswitcher.circular button.circular, +stackswitcher.circular button.text-button.circular { + min-width: 36px; + min-height: 36px; + padding: 0; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: none; +} + +.icon-dropshadow { + -gtk-icon-shadow: none; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid rgba(238, 255, 255, 0.12); + background: none; +} + +.emoji-searchbar entry text { + background: none; + box-shadow: none; +} + +.emoji-toolbar { + padding: 0; + border-spacing: 3px; + border-top: 1px solid rgba(238, 255, 255, 0.12); + background: none; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 6px; +} + +button.emoji-section:checked { + color: #e2e9e9; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; +} + +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: #eeffff; +} + +popover.entry-completion > contents { + padding: 0; +} + +.nautilus-window { + background-color: #0f111a; +} + +.nautilus-window:backdrop { + background-color: #0f111a; +} + +.nautilus-window headerbar { + box-shadow: none; +} + +.nautilus-window separator.spacer { + padding-right: 2em; +} + +.nautilus-window flap.unfolded > placessidebar { + background-color: transparent; + color: rgba(238, 255, 255, 0.7); + padding: 0 0 0 2px; + margin: 0 0 0 2px; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar { + background: none; + padding: 0 0 0 2px; + margin: 0 0 0 2px; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > separator { + background: rgba(238, 255, 255, 0.1); +} + +.nautilus-window .vertical separator { + background: none; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable { + border-radius: 6px; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable + image.sidebar-icon, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable + label.sidebar-label, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable + button.sidebar-button { + color: #eeffff; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:hover { + background-color: rgba(238, 255, 255, 0.12); + color: #eeffff; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:selected { + background-color: #232637; + font-weight: 700; + border-left: 3px solid #f07178; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:selected, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:selected + image.sidebar-icon, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:selected + label.sidebar-label, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:selected + button.sidebar-button { + color: #84ffff; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:disabled, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:disabled + image.sidebar-icon, +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > viewport + > list.navigation-sidebar + > row.activatable:disabled + label.sidebar-label { + color: rgba(238, 255, 255, 0.3); +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > scrollbar + > range + > though { + background: none; +} + +.nautilus-window + flap.unfolded + > placessidebar + > scrolledwindow + > scrollbar + > range + > though + > slider { + border: none; +} + +.nautilus-window .nautilus-grid-view.view { + margin: 0 6px 6px; +} + +.nautilus-window .unfolded { + background-color: #0f111a; +} + +.nautilus-window .nautilus-grid-view.view, +.nautilus-window .nautilus-grid-view.view gridview.view { + background-color: #232637; + border-radius: 12px; +} + +.nautilus-window flap > separator { + background: none; +} + +.nautilus-window placesview label { + color: rgba(238, 255, 255, 0.7); +} + +.nautilus-window infobar { + margin: 3px; +} + +.nautilus-window infobar > revealer > box { + border-radius: 12px; +} + +.nautilus-window label.search-information { + margin: 3px; + border-radius: 6px; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 6px; + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), + 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(0, 0, 0, 0.87); +} + +#NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +#NautilusQueryEditor > menubutton > button { + min-width: 16px; + min-height: 16px; + margin: 0; +} + +#NautilusQueryEditor > text { + margin: 0; +} + +#NautilusPathBar { + background-color: #232637; + border-radius: 6px; + margin: 6px 0; +} + +#NautilusPathBar #NautilusPathButton { + margin: 0 3px; + border-radius: 6px; +} + +#NautilusPathBar #NautilusPathButton.current-dir { + color: #84ffff; +} + +#NautilusPathBar #NautilusPathButton.current-dir:hover, +#NautilusPathBar #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +#NautilusPathBar #NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusPathBar > menubutton { + margin: 0; +} + +#NautilusPathBar > menubutton > button { + border-radius: 9999px; +} + +#NautilusQueryEditorTag { + border-radius: 9999px; +} + +#NautilusQueryEditorTag > button { + margin: 3px; + padding: 0; + min-height: 22px; + min-width: 22px; +} + +window.dialog > box > stack > box > box > notebook.frame { + border-width: 0 0 0 1px; + border-radius: 0; +} + +.history-view { + background-color: #0f111a; +} + +#displayitem { + border-top: 1px solid rgba(238, 255, 255, 0.12); +} + +.small .card { + border-radius: 0; + box-shadow: none; +} + +.small .card.forecast-card { + border-width: 1px 0; +} + +.small .card.display-container { + border-width: 0 0 1px 0; +} + +leaflet button.number-button { + background-color: rgba(238, 255, 255, 0.1); +} + +leaflet button.number-button:hover { + background-color: rgba(238, 255, 255, 0.2); +} + +leaflet button.number-button:active { + background-color: rgba(238, 255, 255, 0.3); +} + +leaflet button.clear-button.image-button { + border-radius: 6px; +} + +datechooser.view button.flat.pill, +datechooser.view button.circular.day { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +.contacts-contact-list list.navigation-sidebar { + background: none; +} + +flowboxchild > button.card.category-tile { + padding: 21px; + border: none; + border-radius: 6px; +} + +flowboxchild > button.card.category-tile-iconless { + padding: 9px 15px; +} + +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 6px 6px 0; +} + +app-context-bar > box:first-child > button.flat { + border-radius: 0; +} + +app-context-bar > box:first-child > button.flat:first-child { + border-radius: 6px 0 0 6px; +} + +app-context-bar > box > button.flat { + border-left-color: rgba(238, 255, 255, 0.12); +} + +carousel.card { + border: none; +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 6px; +} + +.context-tile-lozenge.grey { + color: #eeffff; + background-color: rgba(238, 255, 255, 0.12); +} + +.context-tile-lozenge.green, +.context-tile-lozenge.details-rating-0 { + color: #4cb168; + background-color: rgba(129, 201, 149, 0.15); +} + +.context-tile-lozenge.blue, +.context-tile-lozenge.details-rating-5 { + color: #89ddff; + background-color: rgba(33, 150, 243, 0.15); +} + +.context-tile-lozenge.yellow, +.context-tile-lozenge.details-rating-12 { + color: #e1b602; + background-color: rgba(253, 214, 51, 0.15); +} + +.context-tile-lozenge.details-rating-15 { + color: #ff9800; + background-color: rgba(255, 152, 0, 0.15); +} + +.context-tile-lozenge.red, +.context-tile-lozenge.details-rating-18 { + color: #eb4b3d; + background-color: rgba(242, 139, 130, 0.15); +} + +screenshot-carousel box.frame.view { + border-width: 1px 0; + border-radius: 0; +} + +/* Styling for specific category buttons. */ +.category-tile.category-create { + background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); + color: #eeffff; +} + +.category-tile.category-create:hover { + background: linear-gradient( + 180deg, + shade(#ce8cd7, 1.07) 0%, + shade(#2861c6, 1.1) 100% + ); +} + +.category-tile.category-create:active { + background: linear-gradient( + 180deg, + shade(#ce8cd7, 0.95) 0%, + shade(#2861c6, 0.95) 100% + ); +} + +.category-tile.category-develop { + background: #5e5c64; + color: #eeffff; +} + +.category-tile.category-develop:hover { + background: shade(#5e5c64, 1.2); +} + +.category-tile.category-develop:active { + background-color: shade(#5e5c64, 0.95); +} + +.category-tile.category-learn { + background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); + color: #eeffff; +} + +.category-tile.category-learn:hover { + background: linear-gradient( + 180deg, + shade(#2ec27e, 1.06) 30%, + shade(#27a66c, 1.06) 100% + ); +} + +.category-tile.category-learn:active { + background: linear-gradient( + 180deg, + shade(#2ec27e, 0.95) 30%, + shade(#27a66c, 0.95) 100% + ); +} + +.category-tile.category-play { + background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); + color: #393484; +} + +.category-tile.category-play:hover { + background: linear-gradient( + 75deg, + shade(#f9e2a7, 1.07) 0%, + shade(#eb5ec3, 1.07) 50%, + shade(#6d53e0, 1.07) 100% + ); +} + +.category-tile.category-play:active { + background: linear-gradient( + 75deg, + shade(#f9e2a7, 0.97) 0%, + shade(#eb5ec3, 0.95) 50%, + shade(#6d53e0, 1.07) 100% + ); +} + +.category-tile.category-socialize { + background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); + color: rgba(238, 255, 255, 0.7); +} + +.category-tile.category-socialize:hover { + background: linear-gradient( + 90deg, + shade(#ef4e9b, 1.08) 0%, + shade(#f77466, 1.08) 100% + ); +} + +.category-tile.category-socialize:active { + background: linear-gradient( + 90deg, + shade(#ef4e9b, 0.95) 0%, + shade(#f77466, 0.95) 100% + ); +} + +.category-tile.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(238, 255, 255, 0.12) 1px, + transparent 1px + ), + linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; +} + +.category-tile.category-work:hover { + background-color: #fefcef; + background-image: linear-gradient( + rgba(238, 255, 255, 0.12) 1px, + transparent 1px + ), + linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px); +} + +.category-tile.category-work:active { + background-color: #fcf4bf; + background-image: linear-gradient( + rgba(238, 255, 255, 0.12) 1px, + transparent 1px + ), + linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px); +} + +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +.polari-room-list popover.background > arrow, +.polari-room-list popover.background > contents { + padding: 0; +} + +window.org-gnome-Builder headerbar { + box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12); +} + +window.org-gnome-Builder headerbar splitbutton button { + border-radius: 6px; +} + +window.org-gnome-Builder headerbar splitbutton notification button { + margin: 0; + min-height: 24px; + min-width: 24px; + padding: 0; +} + +window.org-gnome-Builder headerbar menubutton > button { + border-radius: 6px; + padding: 6px 9px; +} + +window.org-gnome-Builder headerbar paneltogglebutton button { + border-radius: 6px; +} + +popover.background.global-search > arrow, +popover.background.global-search > contents { + padding: 0; +} + +panelframeswitcher { + padding: 6px; +} + +.frameheader.header { + min-height: 24px; + background-color: rgba(238, 255, 255, 0.04); +} + +.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(238, 255, 255, 0.12); +} + +.frameheader.header + tabbar.inline + > revealer + > box + .end-action + menubutton + > button { + margin: 6px; + min-height: 24px; + min-width: 24px; + padding: 3px; + border-radius: 6px; +} + +.frameheader.header tabbar.inline > revealer > box tabbox { + border: none; + background: none; +} + +panelstatusbar { + background-color: #0f111a; +} + +panelstatusbar > menubutton > button, +panelstatusbar > paneltogglebutton button.image-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: 6px; + 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(238, 255, 255, 0.04); +} + +.style-variant button.toggle:active > stylevariantpreview > .wallpaper { + outline-color: rgba(238, 255, 255, 0.3); +} + +.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { + outline-color: #e2e9e9; +} + +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; +} + +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: #eeffff; +} + +avatar.image { + background: none; +} + +.card { + border-radius: 6px; + box-shadow: none; + border: 1px solid rgba(238, 255, 255, 0.12); + background-clip: border-box; + background-color: #0f111a; + color: rgba(238, 255, 255, 0.7); +} + +preferencespage > scrolledwindow > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +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: 6px; +} + +preferencesgroup > box button.background-preview-button.toggle:hover { + outline-color: rgba(238, 255, 255, 0.04); +} + +preferencesgroup > box button.background-preview-button.toggle:active { + outline-color: rgba(238, 255, 255, 0.3); +} + +preferencesgroup > box button.background-preview-button.toggle:checked { + outline-color: #e2e9e9; +} + +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; +} + +toast { + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2), + 0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12), + inset 0 1px rgba(238, 255, 255, 0.1); + background-color: rgba(41, 45, 62, 0.95); + color: #eeffff; + border: none; +} + +toast:dir(ltr) { + padding-left: 12px; +} + +toast:dir(rtl) { + padding-right: 12px; +} + +toast > label { + margin: 0 6px; +} + +viewswitcher { + margin: 0; +} + +viewswitcher.wide { + margin-top: 6px; + margin-bottom: 6px; +} + +viewswitcher.wide button.toggle:checked, +viewswitcher.wide button.toggle.flat:checked { + background-color: #292d3e; + color: #84ffff; +} + +viewswitcher.wide button.toggle:checked:backdrop, +viewswitcher.wide button.toggle.flat:checked:backdrop { + color: rgba(0, 0, 0, 0.38); +} + +viewswitcher.wide + button.toggle:checked + indicatorbin.needs-attention + > indicator, +viewswitcher.wide + button.toggle.flat:checked + indicatorbin.needs-attention + > indicator { + background-color: rgba(0, 0, 0, 0.87); +} + +viewswitcher.wide + button.toggle:checked + indicatorbin.needs-attention + > indicator + > label, +viewswitcher.wide + button.toggle.flat:checked + indicatorbin.needs-attention + > indicator + > label { + color: #e2e9e9; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; + border: none; +} + +headerbar viewswitcher.narrow button.toggle { + border-radius: 6px; + margin: 5px 2px; + min-width: 119px; + padding: 0; + background-color: transparent; +} + +headerbar viewswitcher.narrow button.toggle:checked { + background-color: #e2e9e9; + color: rgba(0, 0, 0, 0.87); +} + +headerbar viewswitcher.narrow button.toggle:checked indicator { + background: rgba(0, 0, 0, 0.87); +} + +headerbar viewswitcher.narrow button.toggle:checked indicator > label { + color: #e2e9e9; +} + +headerbar viewswitcher.narrow button.toggle:checked:backdrop { + color: rgba(0, 0, 0, 0.38); +} + +headerbar viewswitcher.narrow button.toggle:focus { + box-shadow: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; + min-height: 0; + margin: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 7px; + padding-bottom: 5px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 8px; + padding-right: 8px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 0 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +viewswitchertitle viewswitcher { + margin-left: 12px; + margin-right: 12px; +} + +indicatorbin > indicator, +indicatorbin > mask { + min-width: 6px; + min-height: 6px; + border-radius: 9999px; +} + +indicatorbin > indicator { + margin: 1px; + padding: 0; + background: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 2px 5px; + color: #eeffff; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #e2e9e9; +} + +indicatorbin.needs-attention > indicator > label { + color: rgba(0, 0, 0, 0.87); +} diff --git a/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/thumbnail.png b/dotfiles/.themes/Material-DeepOcean-BL/gtk-4.0/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..0e4358002a4bc610fc6b80a29657cf3bbd653fa4 GIT binary patch literal 1693 zcmV;O24eY%P)<h;3K|Lk000e1NJLTq004LZ001Kh1^@s6UoFn&00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1~N%RK~#7F?VEp0 z)MXsUKi|Xi&f|XBYEvMGe`o`B`J)w?DJ~%=R<l^iR>~NrgaufPMw3()jx@NI7#sc= z5W~ubuy6)yKxtBo*h*VD7ZZ@S+B!I3p2U59J`a2mj_=Ro4t8I^ukGvZdA`qcpK<T! z^Lakc4;dK6PVneV84SzD0x+?l5sb8ZSjORUc9(M%4E|%c&x>Rk-M8dpBxtCC4u<ut zcRK&>paR?GhW!PaxN3ulJh&pnZVyi;ew+*%YQxUz^zIPD9Lq^km<JlFg8>#85}sMm zP%S#pP&KpUG}7x0U<$QCNQfSEy5JfULql$G-yVS5<naZo%?d9iy$mr=t%m4jOCVxF z1g*dJ>s9Ew*#!+}&%syKUw}Udge}PsZ3?x5$z+3IXK=6&1_yc-^@-c`EF3Oz&>vom zuA80UC@h+i(1EfQVw_{yC-l;2424khTu=iTh0vQlo?%(-_ZIAjJn|Tf2FbQon+@U< zHUg$Kt(SfPr3BKJsKB9SI|<9OqIgh%e~Vj2sLsrJ8`3h<K`Ak7o&>Aa1}ztxWcLZQ zEzt>8uQ!64m^Di;*#_spjGR5-D=BHIG~CKzI&9rnSv12)|GDT<O29cW>A6Ij1aZij zOMS7$hm<Y92>jC@SD^Mn4SlN4RKkuoQziS%51$X4w<HLbX9DynE_0PbUvD2IJ)a0y z$XuAcJ9Dg_%Z7cm#SNNA7e>Lt2f|_Jt0@x((0HV5`9<KK?jCsInJx6$wJi;jw!Z>l zL@+VJyaWvs5ZGd|h<=AZiQlwQQTvYzKcYW;#Da(6&=JRkcQI>LgD<vF+=O-UbkN`c zLK@C~L+auLMHaK=_Ym#s>xVyozYb=rnU?D=){MPd_4rCCtvE`(b<cZQusC`VZyCY5 z(#oUssj9sf6|lbQOa&Y&DTKU(d+GQ4OX!FN;j-I0h`1+8k5Lb*t~))+8>5#-`(!IW z_x&+p$Afj*>6yHJ#BBK`MK)W^uw(a#0E?p*LG$?*DzXsh@kJjL(>}Yly+P}|%dZnb z@q4PvPl1IDmeR^kp{=zIZjrtya&~$S{fvFKZr=(;1;sE`qL(d|)$T-T8S&mC`WZc! zFVvz}`(g{dRfuc9UFEG8v*kArM$z#3`NuXIYNzT|>o%;V;vyIoni`v7QPg5u#=(Q) zB5lN;#bSm)K*QzQ_z9sAca`#U_tDRoB*iDl%b4XNmN4;owiJHx;C@#>d|gvNp)P@l zTz2Fb1QR3k={;|JCq0XL4JJ|;hJl>U?0hYSzC&@vmN+;Nl-S~kTDnAV14C#@BxWlh z%cMt$r}d0_7|z9<H?MqR<yadR859<)S+I;=8oOcLSb6h{3D9!B83Kv-4|TYtn9OfW zMiZYnDl`g%n+#Ix*RIYkMYhJ<<nv;z%PTklN^SW?V4M?cNwUK|I49%$iIjbE96qb9 zpox-oTqy17zD2~h&}9{7%HHMu@8&~RZYE8#@H<bHe?AtL14Zkl%M;2tx7D{aKq6U& zV0aYDnE7a|Kc~pn1e?tb5H}k7QCJ*M_05ff%PKKjqK6F+J|vzf$c0<#xLmGD@6fx) z3&&T+Ihe1nFZ}yYr{FvMF~4hX<@F$LgP$*B_69xv>E$t^ZNzLTLCV&&>|~)hLIQbv zC12TJ;z}X56v-qZxw`I4SsNi-hV82@B}my4KTVorA=`Tls0lna6ywJA8`P^-Jhp1m zJ3Pse0@ueUOXVe(Vz%TU$CjwTvkgX7ohA+4A&38N>C>c^3r+MsvD9vqH@H6j@W4Su zeFAMuRAA5WFg+7i3+TPW{}0J(i(7@=B&os;38{G!!|hwCX~dh3gD(Wqmh_Ddla*fA z33dht`iQ{FZgg;979B?p*>V2GWfOu+6I|-Fet#KGljO^nO^E5RCF@qDfq1deU;_Q@ z;5r}ncs#^o?@-Uh+Z^{JvL;x(1>yGb(wfH1qFtL+IXYn3CeTnT?K&2iz;5tr%orZl z<6!LeNIT28e<Ar+BxtAzwxjpIo`pK6v%|@-?0T#K4VA!ljA%OgAHX^6_Ib%H=rTy{ na?l7qNIu2TDR<D}Bw*EDrcu<aL{6dr00000NkvXXu0mjf62ByD literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/index.theme b/dotfiles/.themes/Material-DeepOcean-BL/index.theme new file mode 100644 index 0000000..16348ef --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/index.theme @@ -0,0 +1,12 @@ +[Desktop Entry] +Type=X-GNOME-Metatheme +Name=Material-DeepOcean +Comment=An Flat Gtk+ theme based on Elegant Design +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=Material-DeepOcean +MetacityTheme=Material-DeepOcean +IconTheme=Material-DeepOcean +CursorTheme=Material-DeepOcean +ButtonLayout=close,minimize,maximize:menu diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/metacity-theme-1.xml b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/metacity-theme-1.xml new file mode 100644 index 0000000..fbff25c --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/metacity-theme-1.xml @@ -0,0 +1,1693 @@ +<?xml version="1.0"?> +<metacity_theme> + <info> + <name>Material Deep Ocean</name> + <author>Vince Liuice mod fkorpsvart</author> + <copyright>GPL-3.0+</copyright> + <date>2022.04.14</date> + <description>Material Deep Ocean Metacity Theme</description> + </info> + + <!-- CONSTANTS --> + <constant name="C_titlebar" value="#373737" /> + <constant name="C_titlebar_unfocused" value="#373737" /> + <constant name="C_border_focused" value="#373737" /> + <constant name="C_border_unfocused" value="#373737" /> + <constant name="C_title_focused" value="#f5f5f5" /> + <constant name="C_title_unfocused" value="#dedede" /> + + <constant name="C_wm_button_background" value="#dedede" /> + <constant name="C_wm_button_foreground" value="#dedede" /> + <constant name="C_wm_button_unfocused" value="#888888" /> + + <constant name="C_close_button" value="#f5685d" /> + <constant name="C_maximize_button" value="#a1ce6d" /> + <constant name="C_restore_button" value="#feee61" /> + <constant name="C_minimize_button" value="#feee61" /> + + <!-- GEOMETRY --> + + <!-- Focused window --> + <frame_geometry name="normal" title_scale="medium" rounded_top_left="2" rounded_top_right="2"> + <distance name="left_width" value="5" /> + <distance name="right_width" value="5" /> + <distance name="bottom_height" value="5" /> + <distance name="left_titlebar_edge" value="10" /> + <distance name="right_titlebar_edge" value="10" /> + <distance name="title_vertical_pad" value="6" /> + <aspect_ratio name="button" value="1.0" /> + <border name="title_border" left="10" right="10" top="10" bottom="10" /> + <border name="button_border" left="2" right="2" top="10" bottom="10" /> + </frame_geometry> + + <!-- Unfocused window --> + <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="2" rounded_top_right="2" parent="normal"> + <distance name="left_width" value="5" /> + <distance name="right_width" value="5" /> + <distance name="bottom_height" value="5" /> + <distance name="left_titlebar_edge" value="12" /> + <distance name="right_titlebar_edge" value="12" /> + <distance name="title_vertical_pad" value="6" /> + <aspect_ratio name="button" value="1.0" /> + <border name="title_border" left="10" right="10" top="10" bottom="10" /> + <border name="button_border" left="2" right="2" top="10" bottom="10" /> + </frame_geometry> + + <!-- Maximized window --> + <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> + </frame_geometry> + + <!-- Left tiled window --> + <frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="right_width" value="0" /> + </frame_geometry> + + <!-- Right tiled window --> + <frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="left_width" value="0" /> + </frame_geometry> + + <!-- Small window --> + <frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> + </frame_geometry> + + <!-- Small unfocused window --> + <frame_geometry name="small_unfocused" parent="small"> + <distance name="left_titlebar_edge" value="5" /> + <distance name="right_titlebar_edge" value="5" /> + </frame_geometry> + + <!-- No buttons --> + <frame_geometry name="nobuttons" hide_buttons="true" parent="normal"></frame_geometry> + + <!-- Border --> + <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="1" /> + <distance name="title_vertical_pad" value="1" /> + <border name="title_border" left="10" right="10" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> + </frame_geometry> + + <!-- Borderless --> + <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="8" /> + <border name="title_border" left="0" right="0" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> + </frame_geometry> + + <!-- Modal --> + <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small"> + <distance name="title_vertical_pad" value="5" /> + </frame_geometry> + + <frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="title_vertical_pad" value="8" /> + <distance name="bottom_height" value="1" /> + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + </frame_geometry> + + + <!-- TITLES --> + + <!-- Title alignment --> + <draw_ops name="title_focused"> + <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused" /> + </draw_ops> + + <draw_ops name="title_unfocused"> + <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused" /> + </draw_ops> + + <!-- WINDOW DECORATIONS --> + <draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> + </draw_ops> + + <draw_ops name="entire_background_unfocused"> + <include name="entire_background_focused" /> + </draw_ops> + + <draw_ops name="titlebar_fill_focused"> + <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> + </draw_ops> + + <draw_ops name="titlebar_fill_attached_focused"> + <include name="entire_background_focused" /> + </draw_ops> + + <draw_ops name="titlebar_fill_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> + </draw_ops> + + <draw_ops name="titlebar_focused"> + <include name="titlebar_fill_focused" /> + </draw_ops> + + <draw_ops name="titlebar_attached_focused"> + <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_focused" /> + </draw_ops> + + <draw_ops name="rounded_titlebar_focused"> + <include name="titlebar_fill_focused" /> + </draw_ops> + + <draw_ops name="border_focused"> + <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> + </draw_ops> + + <draw_ops name="border_unfocused"> + <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> + </draw_ops> + + <draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + </draw_ops> + + <draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + </draw_ops> + + <draw_ops name="border_right_focused"> + <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_focused" /> + </draw_ops> + + <draw_ops name="border_right_unfocused"> + <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_unfocused" /> + </draw_ops> + + <draw_ops name="border_left_focused"> + <line x1="0" y1="0" x2="0" y2="height" color="C_border_focused" /> + </draw_ops> + + <draw_ops name="border_left_unfocused"> + <line x1="0" y1="0" x2="0" y2="height" color="C_border_unfocused" /> + </draw_ops> + + <!-- ::: BUTTON ICONS ::: --> + <!-- note: negative values in x or y causes gnome-shell to crash --> + <!-- close icon --> + <draw_ops name="close_focused"> + <image filename="titlebuttons/titlebutton-close.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="close_focused_prelight"> + <image filename="titlebuttons/titlebutton-close-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="close_focused_pressed"> + <image filename="titlebuttons/titlebutton-close-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="close_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="close_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-close-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="close_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-close-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <!-- maximize icon --> + <draw_ops name="maximize_focused"> + <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="maximize_focused_prelight"> + <image filename="titlebuttons/titlebutton-maximize-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="maximize_focused_pressed"> + <image filename="titlebuttons/titlebutton-maximize-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="maximize_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="maximize_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-maximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="maximize_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-maximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <!-- unmaximize icon --> + <draw_ops name="unmaximize_focused"> + <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unmaximize_focused_prelight"> + <image filename="titlebuttons/titlebutton-unmaximize-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unmaximize_focused_pressed"> + <image filename="titlebuttons/titlebutton-unmaximize-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unmaximize_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unmaximize_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-unmaximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unmaximize_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-unmaximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <!-- minimize icon --> + <draw_ops name="minimize_focused"> + <image filename="titlebuttons/titlebutton-minimize.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="minimize_focused_prelight"> + <image filename="titlebuttons/titlebutton-minimize-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="minimize_focused_pressed"> + <image filename="titlebuttons/titlebutton-minimize-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="minimize_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="minimize_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-minimize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="minimize_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-minimize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <!-- Menu icon --> + <draw_ops name="menu_focused"> + <image filename="titlebuttons/titlebutton-menu.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + <draw_ops name="menu_focused_prelight"> + <image filename="titlebuttons/titlebutton-menu-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + <draw_ops name="menu_focused_pressed"> + <image filename="titlebuttons/titlebutton-menu-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + <draw_ops name="menu_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + <draw_ops name="menu_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-menu-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + <draw_ops name="menu_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-menu-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <!-- shade icon --> + <draw_ops name="shade_focused"> + <image filename="titlebuttons/titlebutton-shade.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="shade_focused_prelight"> + <image filename="titlebuttons/titlebutton-shade-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="shade_focused_pressed"> + <image filename="titlebuttons/titlebutton-shade-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="shade_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="shade_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-shade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="shade_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-shade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <!-- unshade icon --> + <draw_ops name="unshade_focused"> + <image filename="titlebuttons/titlebutton-unshade.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unshade_focused_prelight"> + <image filename="titlebuttons/titlebutton-unshade-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unshade_focused_pressed"> + <image filename="titlebuttons/titlebutton-unshade-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unshade_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unshade_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-unshade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unshade_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-unshade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + + <!-- FRAME STYLES --> + <frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="normal_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="normal_max_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="normal_max_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="normal_max_shaded_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay"> + <draw_ops> + <line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /> + </draw_ops> + </piece> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="normal_max_shaded_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay"> + <draw_ops> + <line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /> + </draw_ops> + </piece> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="dialog_focused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="dialog_unfocused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="modal_dialog_focused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="modal_dialog_unfocused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="utility_unfocused" geometry="small_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="border_focused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="close" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="border_unfocused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="close" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="borderless" geometry="borderless"> + <button function="close" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="close" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="close" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="close" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_right_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="tiled_left_unfocused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_right_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="tiled_right_focused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_left_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="tiled_right_unfocused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_left_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <!-- placeholder for unimplementated styles--> + <frame_style name="blank" geometry="normal"> + <button function="close" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="close" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <!-- FRAME STYLE SETS --> + <frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused" /> + <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> + <frame focus="yes" state="maximized" style="normal_max_focused" /> + <frame focus="no" state="maximized" style="normal_max_unfocused" /> + <frame focus="yes" state="shaded" style="normal_focused" /> + <frame focus="no" state="shaded" style="normal_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> + <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> + </frame_style_set> + + <frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="dialog_focused" /> + <frame focus="no" state="shaded" style="dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> + </frame_style_set> + + <frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="modal_dialog_focused" /> + <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> + </frame_style_set> + + <frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused" /> + <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="utility_focused" /> + <frame focus="no" state="shaded" style="utility_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> + </frame_style_set> + + <frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused" /> + <frame focus="no" state="normal" resize="both" style="border_unfocused" /> + <frame focus="yes" state="maximized" style="borderless" /> + <frame focus="no" state="maximized" style="borderless" /> + <frame focus="yes" state="shaded" style="blank" /> + <frame focus="no" state="shaded" style="blank" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> + </frame_style_set> + + <!-- WINDOWS --> + <window type="normal" style_set="normal_style_set" /> + <window type="dialog" style_set="dialog_style_set" /> + <window type="modal_dialog" style_set="modal_dialog_style_set" /> + <window type="menu" style_set="utility_style_set" /> + <window type="utility" style_set="utility_style_set" /> + <window type="border" style_set="border_style_set" /> + +</metacity_theme> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/metacity-theme-2.xml b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/metacity-theme-2.xml new file mode 120000 index 0000000..84bdbf0 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/metacity-theme-2.xml @@ -0,0 +1 @@ +metacity-theme-1.xml \ No newline at end of file diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/metacity-theme-3.xml b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/metacity-theme-3.xml new file mode 100644 index 0000000..b06113c --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/metacity-theme-3.xml @@ -0,0 +1,1682 @@ +<?xml version="1.0"?> +<metacity_theme> + <info> + <name>Material Deep Ocean</name> + <author>Vince Liuice mod fkorpsvart</author> + <copyright>GPL-3.0+</copyright> + <date>2022.04.14</date> + <description>Material Deep Ocean Metacity Theme</description> + </info> + + <!-- ::: CONSTANTS ::: --> + <constant name="C_titlebar_gradient_a" value="gtk:custom(titlebar_gradient_a,shade/gtk:bg[NORMAL]/1.07)" /> + <constant name="C_titlebar_gradient_b" value="gtk:custom(titlebar_gradient_b,gtk:bg[NORMAL])" /> + <constant name="C_border_focused" value="gtk:custom(wm_border_focused,shade/gtk:bg[NORMAL]/0.65)" /> + <constant name="C_border_unfocused" value="gtk:custom(wm_border_unfocused,shade/gtk:bg[NORMAL]/0.75)" /> + <constant name="C_title_focused" value="gtk:custom(wm_title_focused,blend/gtk:fg[NORMAL]/gtk:bg[NORMAL]/0.3)" /> + <constant name="C_title_focused_shadow" value="gtk:custom(wm_title_focused_shadow,shade/gtk:bg[NORMAL]/1.1)" /> + <constant name="C_title_unfocused" value="gtk:custom(wm_title_unfocused,blend/gtk:fg[NORMAL]/gtk:bg[NORMAL]/0.6)" /> + <constant name="C_title_unfocused_shadow" value="gtk:custom(wm_title_unfocused_shadow,shade/gtk:bg[NORMAL]/1.05)" /> + <constant name="C_background" value="gtk:bg[NORMAL]" /> + <constant name="C_highlight" value="gtk:custom(wm_highlight,gtk:base[NORMAL])" /> + + <!-- ::: GEOMETRY ::: --> + <frame_geometry name="normal" title_scale="medium" rounded_top_left="10" rounded_top_right="10"> + <distance name="left_width" value="5" /> + <distance name="right_width" value="5" /> + <distance name="bottom_height" value="5" /> + <distance name="left_titlebar_edge" value="10" /> + <distance name="right_titlebar_edge" value="10" /> + <distance name="title_vertical_pad" value="6" /> + <aspect_ratio name="button" value="1.0" /> + <border name="title_border" left="10" right="10" top="10" bottom="10" /> + <border name="button_border" left="2" right="2" top="10" bottom="10" /> + </frame_geometry> + + <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="10" rounded_top_right="10" parent="normal" /> + + <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + </frame_geometry> + + <frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="right_width" value="1" /> + </frame_geometry> + + <frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="left_width" value="1" /> + </frame_geometry> + + <frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="title_vertical_pad" value="0" /> + <border name="title_border" left="16" right="16" top="0" bottom="0" /> + <border name="button_border" left="2" right="2" top="0" bottom="0" /> + </frame_geometry> + + <frame_geometry name="small_unfocused" parent="small"> + <distance name="left_titlebar_edge" value="1" /> + <distance name="right_titlebar_edge" value="1" /> + </frame_geometry> + + <frame_geometry name="nobuttons" hide_buttons="false" parent="normal" /> + + <frame_geometry name="border" has_title="false" rounded_top_left="8" rounded_top_right="8" parent="normal"> + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="1" /> + <distance name="title_vertical_pad" value="0" /> + <border name="title_border" left="16" right="16" top="0" bottom="0" /> + <border name="button_border" left="2" right="2" top="0" bottom="0" /> + </frame_geometry> + + <frame_geometry name="borderless" has_title="false" rounded_top_left="8" rounded_top_right="8" parent="normal"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="0" /> + <border name="title_border" left="16" right="16" top="0" bottom="0" /> + <border name="button_border" left="2" right="2" top="0" bottom="0" /> + </frame_geometry> + + <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="8" rounded_top_right="8" rounded_bottom_right="false" rounded_bottom_left="false" parent="small"></frame_geometry> + + <frame_geometry name="attached" title_scale="small" hide_buttons="true" rounded_top_left="8" rounded_top_right="8" parent="small"></frame_geometry> + + <!-- ::: TITLES ::: --> + <draw_ops name="title_focused"> + <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_focused_shadow" /> + <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused" /> + <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" ellipsize_width="width" color="C_title_focused_shadow" /> + <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_focused" /> + </draw_ops> + + <draw_ops name="title_unfocused"> + <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_unfocused_shadow" /> + <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused" /> + <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" ellipsize_width="width" color="C_title_unfocused_shadow" /> + <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_unfocused" /> + </draw_ops> + + <!-- ::: WINDOW DECORATIONS ::: --> + <draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar_gradient_b" x="0" y="0" width="width" height="height" filled="true" /> + </draw_ops> + + <draw_ops name="entire_background_unfocused"> + <include name="entire_background_focused" /> + </draw_ops> + + <draw_ops name="titlebar_fill_focused"> + <gradient type="vertical" x="0" y="0" width="width" height="title_height"> + <color value="C_titlebar_gradient_a" /> + <color value="C_titlebar_gradient_b" /> + </gradient> + </draw_ops> + + <draw_ops name="titlebar_fill_attached_focused"> + <include name="entire_background_focused" /> + </draw_ops> + + <draw_ops name="titlebar_fill_unfocused"> + <gradient type="vertical" x="0" y="0" width="width" height="title_height"> + <color value="C_titlebar_gradient_a" /> + <color value="C_titlebar_gradient_b" /> + </gradient> + </draw_ops> + + <draw_ops name="titlebar_focused"> + <include name="titlebar_fill_focused" /> + </draw_ops> + + <draw_ops name="titlebar_attached_focused"> + <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_focused" /> + </draw_ops> + + <draw_ops name="rounded_titlebar_focused"> + <include name="titlebar_fill_focused" /> + </draw_ops> + + <draw_ops name="border_focused"> + <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> + </draw_ops> + + <draw_ops name="border_unfocused"> + <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> + </draw_ops> + + <draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="12" y1="0" x2="width-13" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="12" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="12" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" /> + <line color="C_highlight" x1="13" y1="1" x2="width - 14" y2="1" /> + <arc color="C_highlight" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_highlight" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90" /> + </draw_ops> + + <draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="12" y1="0" x2="width-13" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="12" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="12" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" /> + <line color="C_highlight" x1="13" y1="1" x2="width - 14" y2="1" /> + <arc color="C_highlight" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_highlight" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90" /> + </draw_ops> + + <draw_ops name="dialog_fill_background"> + <rectangle color="C_background" x="0" y="0" width="width" height="height" filled="true" /> + </draw_ops> + + <draw_ops name="dialog_background"> + <rectangle color="C_background" x="0" y="0" width="width" height="height" filled="true" /> + </draw_ops> + + <draw_ops name="border_right_focused"> + <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_focused" /> + </draw_ops> + + <draw_ops name="border_right_unfocused"> + <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_unfocused" /> + </draw_ops> + + <draw_ops name="border_left_focused"> + <line x1="0" y1="0" x2="0" y2="height" color="C_border_focused" /> + </draw_ops> + + <draw_ops name="border_left_unfocused"> + <line x1="0" y1="0" x2="0" y2="height" color="C_border_unfocused" /> + </draw_ops> + + <!-- ::: BUTTON ICONS ::: --> + <!-- note: negative values in x or y causes gnome-shell to crash --> + <!-- close icon --> + <draw_ops name="close_focused"> + <image filename="titlebuttons/titlebutton-close.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="close_focused_prelight"> + <image filename="titlebuttons/titlebutton-close-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="close_focused_pressed"> + <image filename="titlebuttons/titlebutton-close-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="close_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="close_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-close-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="close_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-close-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <!-- maximize icon --> + <draw_ops name="maximize_focused"> + <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="maximize_focused_prelight"> + <image filename="titlebuttons/titlebutton-maximize-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="maximize_focused_pressed"> + <image filename="titlebuttons/titlebutton-maximize-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="maximize_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="maximize_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-maximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="maximize_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-maximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <!-- unmaximize icon --> + <draw_ops name="unmaximize_focused"> + <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unmaximize_focused_prelight"> + <image filename="titlebuttons/titlebutton-unmaximize-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unmaximize_focused_pressed"> + <image filename="titlebuttons/titlebutton-unmaximize-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unmaximize_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unmaximize_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-unmaximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unmaximize_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-unmaximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <!-- minimize icon --> + <draw_ops name="minimize_focused"> + <image filename="titlebuttons/titlebutton-minimize.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="minimize_focused_prelight"> + <image filename="titlebuttons/titlebutton-minimize-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="minimize_focused_pressed"> + <image filename="titlebuttons/titlebutton-minimize-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="minimize_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="minimize_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-minimize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="minimize_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-minimize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <!-- Menu icon --> + <draw_ops name="menu_focused"> + <image filename="titlebuttons/titlebutton-menu.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + <draw_ops name="menu_focused_prelight"> + <image filename="titlebuttons/titlebutton-menu-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + <draw_ops name="menu_focused_pressed"> + <image filename="titlebuttons/titlebutton-menu-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + <draw_ops name="menu_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + <draw_ops name="menu_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-menu-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + <draw_ops name="menu_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-menu-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <!-- shade icon --> + <draw_ops name="shade_focused"> + <image filename="titlebuttons/titlebutton-shade.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="shade_focused_prelight"> + <image filename="titlebuttons/titlebutton-shade-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="shade_focused_pressed"> + <image filename="titlebuttons/titlebutton-shade-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="shade_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="shade_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-shade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="shade_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-shade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <!-- unshade icon --> + <draw_ops name="unshade_focused"> + <image filename="titlebuttons/titlebutton-unshade.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unshade_focused_prelight"> + <image filename="titlebuttons/titlebutton-unshade-hover.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unshade_focused_pressed"> + <image filename="titlebuttons/titlebutton-unshade-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unshade_unfocused"> + <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unshade_unfocused_prelight"> + <image filename="titlebuttons/titlebutton-unshade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <draw_ops name="unshade_unfocused_pressed"> + <image filename="titlebuttons/titlebutton-unshade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" /> + </draw_ops> + + <!-- ::: FRAME STYLES ::: --> + <frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="normal_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="normal_max_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="normal_max_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="normal_max_shaded_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="normal_max_shaded_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="dialog_focused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="dialog_background" /> + <piece position="titlebar" draw_ops="dialog_fill_background" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="dialog_unfocused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="dialog_background" /> + <piece position="titlebar" draw_ops="dialog_fill_background" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="modal_dialog_focused" geometry="modal"> + <piece position="entire_background" draw_ops="dialog_background" /> + <piece position="titlebar" draw_ops="dialog_fill_background" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="modal_dialog_unfocused" geometry="modal"> + <piece position="entire_background" draw_ops="dialog_background" /> + <piece position="titlebar" draw_ops="dialog_fill_background" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="utility_unfocused" geometry="small_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="border_focused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="close" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="border_unfocused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="close" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="borderless" geometry="borderless"> + <button function="close" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="close" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="close" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="close" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_right_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="tiled_left_unfocused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_right_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="tiled_right_focused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_left_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <frame_style name="tiled_right_unfocused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_left_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <!-- placeholder for unimplementated styles--> + <frame_style name="blank" geometry="normal"> + <button function="close" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="close" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="maximize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="minimize" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="menu" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="shade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="prelight"> + <draw_ops></draw_ops> + </button> + <button function="unshade" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="above" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="above" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unabove" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="stick" state="pressed"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="normal"> + <draw_ops></draw_ops> + </button> + <button function="unstick" state="pressed"> + <draw_ops></draw_ops> + </button> + </frame_style> + + <!-- ::: FRAME STYLE SETS ::: --> + <frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused" /> + <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> + <frame focus="yes" state="maximized" style="normal_max_focused" /> + <frame focus="no" state="maximized" style="normal_max_unfocused" /> + <frame focus="yes" state="shaded" style="normal_focused" /> + <frame focus="no" state="shaded" style="normal_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> + <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> + <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused" /> + <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused" /> + <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused" /> + <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused" /> + <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused" /> + <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused" /> + <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused" /> + <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused" /> + </frame_style_set> + + <frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="dialog_focused" /> + <frame focus="no" state="shaded" style="dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> + </frame_style_set> + + <frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="modal_dialog_focused" /> + <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> + </frame_style_set> + + <frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused" /> + <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="utility_focused" /> + <frame focus="no" state="shaded" style="utility_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> + </frame_style_set> + + <frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused" /> + <frame focus="no" state="normal" resize="both" style="border_unfocused" /> + <frame focus="yes" state="maximized" style="borderless" /> + <frame focus="no" state="maximized" style="borderless" /> + <frame focus="yes" state="shaded" style="blank" /> + <frame focus="no" state="shaded" style="blank" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> + </frame_style_set> + + <frame_style_set name="attached_style_set"> + <frame focus="yes" state="normal" resize="both" style="attached_focused" /> + <frame focus="no" state="normal" resize="both" style="attached_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="blank" /> + <frame focus="no" state="shaded" style="blank" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> + </frame_style_set> + + <!-- ::: WINDOWS ::: --> + <window type="normal" style_set="normal_style_set" /> + <window type="dialog" style_set="dialog_style_set" /> + <window type="modal_dialog" style_set="modal_dialog_style_set" /> + <window type="menu" style_set="utility_style_set" /> + <window type="utility" style_set="utility_style_set" /> + <window type="border" style_set="border_style_set" /> + <window version=">= 3.2" type="attached" style_set="attached_style_set" /> + +</metacity_theme> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/thumbnail.png b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..963ebba884ec4aa23f10d194fbff3c548c87aae9 GIT binary patch literal 7430 zcmeHKXH-*J*Nzngl_rQ3iJ=Q20g{kJf>h~9@93o5K!AjhM7lU4s0aem1S!%%X@Y>D zf(lYZDK?rQ3eu$`2w2{L&Wy9Z_s^{Lz5gaz_ug~&+56dhKYO3E&J8y=)8E4-!UY0> z_81!ITC$%J>`RApC;MKMwJZYyaW(~5+p{e3zF<1Ti%jtZz$||{00#UhWDv-&?{$(# zV*lMeq2HN;4qJEeZ?6#xiDs6cQ#>kx#0dm8snz*>k%b;NhFSz=aD`<xeCs}X{4<9{ z*(+@ekIHV5)%X*4cPlvttw)X>X<P_8dVRFibz*%z^F#Nx_g%HYUumCSfBPD|HvVoJ zQT@UT>%REu;e#`sPYb^<-;ne_GIAt4u=a%bCp&$Iw+D0VIEJYXWy|D2rAI4oRzH1n z68_A+QdlvY|8?XJUu|w=oSu&vW+83SW9#ZS!<KX0BPkMy$QtkBnnjm|b<15X(L+n~ z6VJx`ZzM{f*7hbu7an)(<!+oiPz))RS+$CpYF@ptqVwW7&qDL(h3S^u+L90J>uZW1 z+sCbzW(P5aX|8QWgm|NZDG!TT<De3^=K6y&RS#deBfiBeeZ*k(&%G8nT!hYMK6@1h z>Nb=vM!Yaw$8;c)30K4)SMw&vUQdChu#z*bYF?HUSB5)h$op&Dx~eF_H0-#AYoCkk z684wAW|VcCbz`nj|MTnp?KL-IUR=&y6;K$JW}It7C^1%2$l%y^g@U#1pTB<oQd3Rl zeI+`Q0!e$g=Cr?L;;2!KM26~~ghi*lGESv?Ir(%H;tUUL*MtJ5NIiiidA^pNn&)m9 zD-D5TtN~?1d5qmH3gg14;D?VWK|vbFj3imDl+m^mMLO_XLe^Zf(K#KR+d?+Q?tK+g z1vQB`D{Twy_FVuJ9=*DmjGRI_(sC(<ZH^wbmz8jm*ZMr}ybYKo!bda49=$oYlUVJy zJS1}euK(f;QTw_>UOSdr)jMWizMy^7)}^X%(&J-A<_je!-+`((Gl60SJ`D88_>E?> zBVQwVUY)oVj0xUSxuk7+Fo&kIu6g+$dDbOIK{h~n8+@1a*=iR~aE0?Tf^lw(-V8zL zUX0*j6H6Fb!R4{$t&dUxFOK+Vz2&WK`Fgy1hr-}{nFkTh)tz4<jFaB$eC|_;nXBOC z#4xo2<+#)8gH!|2J3Xf{7aj!66^?zs7j@TtUbMJZwbR1HIH6M7Yznt3pY4-Yc52s4 zLi><K$BofKgah#`UM*B-?eTce%WzwxxAXTwwME-h7t-^W2X0RvK3le)rP4bonvt81 zK@ONbl^@{A%KfrViO4vU5%&i2CESb_F(-?yf!1Fi|4_ww)H8N1pv1k+Tiy9$7Hx#o zOL|sTq-h7tXrI9C+jT+FJ!$7)NrESqRv4QU`?e)C!hbFDDCWXvHPK+4-Mz7#+BP0? z;LTO=Q2GqZR)bqh*!cC!!KAVhKSy}VP-1iXz>{-1Q58>=60hEqmMX{_(YsS@!zgcX znEue;R8~Hxd}*>oOez4#des?G?~I%hW;Mz+elWS>t-?QA-CY|btNY|d(GAB4W=SP) zqqmP6#r%CmI@$4t1t#17gIVLCP-v$a|B`oc4l`2OZW$T9hq_By+<(o}PM|^K_lrm8 z@pfKM8Hq;)CZ|o@jeFA)qt4URgYHHt-f81ZF}TzrIg@>y=d?M-M;a|%nrGB2Ld%|+ zX@czM&M{dEUFwc?>VpdS0KyHx8ZGIO+5K(9o?I`ff*e-asWKg!ww2F2(i0B9SdYbv z?j6Q;U8)*>ZoB)!P=j$cSJ<`RTOYqk&Zu3VaFi7`y?HVfXbg_nEzKh&>QS6)Axkfa z;BPueZJ&7J#9eEC-du`|;-}x`$F4XmMm_$dJNdfAqD6Aj^`88Bz|k6UNpOVx(egA8 zk8I-r)FxlIAx5<KL)^8leP81&Z*=Pmc}U6ohdo;CJ@zT>nT9EHh2~W6*d;gp(6}bf z$hly)rfZ?|jHcL0jBSV0#evqir5TWh`~z2C7kzh*nwY?BYcn~~v9}s{*ks8Y`G;7` z^jCo@5(--wp4Hp$=j3g(K#{W@(!{$GGz;W!Ggk=U_VrsYi>XG4?XJ|aLyM*Y)mlB( z`U$vETZI&ml#0Uf1x0h-tmlk(*WMV}Y#B3Y20f})d`A}NEznQcu5efqZ`hJ)P<}<k z%)fb03<UT3?Gy5NtFyet2VUDl(bYRk_>U!Pi}nkAnYKK|Rp`DL1GWR%Q<Ubf@GZ@{ za4-)>qfN>eq>uEKBnH{Udi$EwA1%Mi-sZ$S(|5O+PW@OiyY6>tA?@AaS+PUPbOH-4 z*~lbR%AiZ57Rl!jWKnqpAa7qB6?Y_D%RS*d6XG(_&pFw<9{;#XLm56)*`vwlF8aZy zR;bo?*#ys*v85a7?_%Um<&=CT<s*}l36lne@R|q6-L{bO%qd2fDR9`iX8G|HHB8HN zf(zkHlf$l#sM`6F5ggOyb;f*Z(*4_3g}d$@lQQVfO=x_2X#G%Ad%eg${d~%bpp9Xs zPJT*aPWlPkg?^^&W5vDo&6%!!4)&Zmo=)hlP|mVSsrC0OV6q!$D&pnv)sO@@jMUYm z;5^AcZ&+?{=w%C0f-gh6J}Pkb+Ofen-&S>E3?s#t283^CzP_yXASK_wnB45Jts*Oq zbKPG2O7$B>=dw2YM|)ODlIC6(bXPr8ZRB~^kZ`OmCdT9Bjtldli$<;@aO>_IvBrC+ zt9IA7H1_CdT^FujYklF|dVe9Zx0Dskd!WDWI(OOCFgQ5qBg_YllaPHTm}f305~ot0 zwT&z8X3EFx7O%EB9#`nN#9fYvtgh3JC9Xuty)q$5*^a~Qih;3CiUx0tYh|O&!=gSN zvA%Sk7)`}EM(axn%_)_Nk04qtLS@7|Pj^Dvy;lxKi8{F4l6#&nA2eL6TVkHlGT85M zN6}p)S252!t?mMZllucTrRVa!%V{xt3yvKN$lS6nv{fPh?Ii;)t^HLs`<_f43o8%f zJbS`GZs+<=9|5J6?`PW8)oh%c(c$+XxJG&5t@-A`yZN5tIW%VSP9_UEb}WD1zWq+j zQ-4Ji{P?J-y2$r|h9Dw-CV25$(p+QXm%J&i2NUIW&(L2yThI75y}ues`0_RPfYYOc z-}ZzU5>G-~58MHPwuDi1bj%HPbpANeu+K56r?21)8Z^ZkPg)u4-P~)-=iOqSrg-rZ zr;=kB#G12GyKt{eH!RaoCw6E^u3AX!i+vHc8a*}n?l5PF1USmf?2?k@(DzvF2w|S6 z_4%2%!!zRGS4JktH^;Wv+>Ruv%jBsl5atB8EM;=P98XBT(P3n{HGO#Mphn$WJ^#d& znxp!zC|8w-viu$Jfm;{5!)4W=X^R@(NrEGa^O*UITKlDfKinN!5FHC?*xIpM^u`A< z?<9N0id!%0i`)tx3p~D3bkm|P#s~A%KjOCI&09^lRc;*&)jxa+!NJ$ORp^jbXb2a| zJS0r6SVUeXwnAcYjt3na?#xw#df1{Itzz90CGmwP*w<sUxw${bd^hL)p5<m<-u@kv zHgCRZR86n#dUs}LNk!fR=WTf!hNY;=7QW8fJ<iT*NPwrhf6Ll+R&R{>ljBw`V`o=X z*Yb9EGPzkrcWaT$-fN(og2Kmp=ycBA`{e@Lh6kpLYrh8OJs;#rOJ!8=JZ;B5Z|)JH zu#cGbrY2aT7gY&Q@*)6AepEX92nqtJAN8Z-i5>t8OaNRdG#q61-UA4jLc&4pkfv}` zx(?t*F$iD)Rsm+#!~hQ>h6FjP!KLnpWdl$F79Q+J^`tSeemKY`E|xvs5W^tgO%;|0 z4q|U=4%YEv0APd?LJ1Dl^P~8vKs30(>I@PYYpHweCj|Qq2XSMu=vWxc*Vk9cS5?W2 z;R;j6U@$Pa3QR=>%GQ7~{b?+`AC$(F+<^Fjp$jmH3<{k^@uGn@F!2PhQ!E?=!k!2J z5g(OqYWgQUjro%WHXkrQJRPR21cy<nuwN~hEIl7K$j^ZOs|C}VeNu;60!*({3?iWC z1JGEKze13Rf7;VeF+4ZZArWDKCqQMZGTC00|K?KP(A4}-iwz1~DOCEV6`Sn8X|gEf zzsUMqY#TG1>HHc9+x$=5ziI!G`=&Bm%hVLB>qR`Z5uTwg4zl4NOY$O8NZ8FGQVoS6 zA&?j-nxu+{BJcz}l%NJDK~X4@8kqp7k}yd0FHnXwCJRp^0vk|la3u;G2ZMrRR8*DG zP$E%<2t{Df7$|`V5TIlv0uLwy00yO|@(aXq28G>~c+X#>+JGXlp$IAjG(wH61|_PJ z5Kshx2!|3>R7p@GfWfGuNknCm8n6jPB4UquF{pTUIVn`UD*&U@TsJ2+2*+xf8{!}; zO7OoV=AL*KnQefBm{4e^{QjD-rcePZ7Jh?GWfW4Cod*()Mk}L~k*L3vYyk$7-H98R z%5WvsAGjN3!LpNK6N}&IQ#Qb+1v?k44g<imycpJAUY<C}Mo8cd%gy!%tN$p90foud z@Zae8pFM8{c>j3&u>?FRn^R!$X4_)%#2-$WcpreY>4<IjV~Xg8r?~>`_5HJ<{*Y7t zOR<n-G9II>MuHLu1SAweBB7ud0HX>ez{zlu8Xi!^z!85(XL^xYzIX<p<;u>KoejHz zHnRcCZBi-!cWqxcV1p+(du_v!P!$zxI2wz@U=e629EF9$A+Vnb!!}m+9~rB|{tqYW zn+m^d18ln=GWPbu-mPGNZdX4!+o17(`1@Il|Dgvq^uJF25x@V^^)Frjh=G5k{BL*t zOV>YQ;2$af+g<-}baDOl!2{6PryyVU=S*6yz#98gXeYr~Ul;U!<DXHRAIFyLq8m6c zK_G5{jcW_&TB<Nx$iXr+)#Di5A++}hJhMbL76jVCWvHuV?bkP*;$mXuD%|`XH<BuB zWW0K-Vrwxv!W6}Ov`RPa0LeI&zqV&I#EB&_BY9$$5dQMC)Lm)Xlal;)y-_kbHT>8G z+9drIUCTi^$$p2JbYfK2MXn02u~e7w^7fv-#jPrd-)Gm<XPM~P=#|rNqqm0gYI7d? zZ@2BgPguyt13MB^`+t{~^|eS;lvFT2E0x?M5I-VOPTH}$!)(C)sSbosACmt2&6~fM z=(rv=PkivCtZxkMJX7-7Kuoeh67(rUk*7X=R=5Sm8XXX>j#9Q6*?+x>WJ(?u@=#jf zPV?W^y)(l@<iRpR|JpN=+?J8&9Hl4o<-Q9%i+fGa%(l0)5%;AHj@pg3#0L9&R*noP zkaq!wPK7-j{NZRjT>Qv;l9Q)@xL?T0tL5rqdRH=UD!R)X%h=p@IJ>u1+d+k5ty1Qk zsTf+$tL?xE9J12xVg)#q4n*1AXO`Xf6Eb2jKp?yG=R5aJG_HuJjSGvVb_Qug?<p-_ z${=6aHk0KE(mX!M8BD#5_tFv0oNL?FHkR&mQ4oeZyW^?4+~M{epd~#T*bfycz|oPN zzc?8m{N1o7>)j`tiL$z$(8~NI>7ZMF%3bTDk30kB6bkP~t##@JiEzGaN3ZzpbEvQK zJ$%di)PZO6wD}v?q6YMph*Kqt)vDOKpmN3cZ7YQqPHGadtB=mr=DDM*zKbn?bbCBr zaLmCne4&lmF+{nlkUjSGx!hZ{zmdJLULyUsH~iKxI%z402tR-I4uYFo@+rT@+T;#v z=sa8K#1y`MKhVu6G&$aCEJS;(xuKy!;6>Mk<G64n03`E_*eVoV3TZOXl^b+TIXq7| zW!Tiw;p6bz?G|+J3)%SD={BSvIRQ32mX_;dU!>aEx5UBSzwQzLsm}lWFzWMYW<PEJ zO$$_slB(EB*EP&s4OJUyL>&lf@UEO1ZTM=x1uz_a&G2d!k)EbgR5DBYJ<v0sY|`VA zMtwoCyF_i<P+}`z`Yvs}o2eSxmsQ1<OWpQNG)DW>Jf)!X0<P$wPqx)3pC{f-^bcLM zfu6ETBpERj>&qHf61$Gcr6ogCODkIZiW&gH_OT=&Tk*;GFgkMIDl%51#P_wt^kDu} zymWF4+Sa;Or-@j)6mfD}Eq{b))WrA2M0(w~acFC-iItZ%dO1?_<Amk|dY#pl;dLXe zGxq4g*>AMg*k|92#m#q|ce3gB&d7dAcRsD7W^D?-o<|(?9u_|{^xF}{*)|>1*K<#! z$K;Jw#Lt~8;Bi5`o!GBkEk!rm$2ItPM)K;O=4otyn0fR(Gb_ElkX_T%_tn{hm6`cd zB0$acX()6~U-i1>m*;X-99!#Gt3G<_6XA>Uxyr%~T`oi4M^4VV={hk-vn|=R46H+| zN}ry;J~-3Odgtb=#;#p!{Z<2c)I<|vParIGE`2cC!Zav1gYqy_m9IxpMJRqOw>{sz z$G@68MZ>FcyvJ{0!fj1{d&H@o_oMeeil2PPFll&xS}Uk#72V_)lcaUe=SWvVU|Ii& zZuqCSf?-ZNpNrKlNno*IdFiar>L^cpj3|=Z_1n~?`iU;#Iw~i(DQ==VP%m?<jq!lo z;ktX#FZS1jzw3nuYxHPHTXj?<gqc9^%j?T=Z!XAI?ahI?(B{gF58E7MD(a>_069G` W_a03dIl<m2L56x}x+U7bh5QGgXI!KJ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-backdrop.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-backdrop.svg new file mode 100644 index 0000000..d3ebfca --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-backdrop.svg @@ -0,0 +1,63 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg11" + sodipodi:docname="titlebutton-backdrop.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs15" /> + <sodipodi:namedview + id="namedview13" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="g901" /> + <g + id="g901"> + <rect + x="0" + y="-1.4648437e-05" + width="16" + height="16" + ry="1.6931001e-05" + opacity="0" + stroke-width="0.47432" + style="paint-order:markers stroke fill" + id="rect2" /> + <g + transform="translate(1,1)" + enable-background="new" + id="g8" + style="fill:#1f2233;fill-opacity:1"> + <g + transform="translate(-5,-1033.4)" + fill-rule="evenodd" + id="g6" + style="fill:#1f2233;fill-opacity:1"> + <path + d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7" + fill="#5d5d5d" + id="path4" + style="fill:#1f2233;fill-opacity:1" /> + </g> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-active.svg new file mode 100644 index 0000000..5fe56fe --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-active.svg @@ -0,0 +1,55 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg14" + sodipodi:docname="titlebutton-close-active.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs18" /> + <sodipodi:namedview + id="namedview16" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg14" /> + <g + transform="matrix(1.2857103,0,0,1.2857103,-1.0032855,-1.009265)" + enable-background="new" + id="g8" + style="fill:#f07178;fill-opacity:1"> + <g + transform="translate(-5,-1033.4)" + id="g6" + style="fill:#f07178;fill-opacity:1"> + <g + fill-rule="evenodd" + id="g4" + style="fill:#f07178;fill-opacity:1"> + <path + d="m 12.003,1045.9 c 3.0068,0 5.4444,-2.4375 5.4444,-5.4444 0,-3.0069 -2.4376,-5.4445 -5.4444,-5.4445 -3.0069,0 -5.4445,2.4376 -5.4445,5.4445 0,3.0069 2.4376,5.4444 5.4445,5.4444" + fill="#cb4e43" + stroke-width="0.77778" + id="path2" + style="fill:#f07178;fill-opacity:1" /> + </g> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg new file mode 100644 index 0000000..0c43994 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg @@ -0,0 +1,60 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg13" + sodipodi:docname="titlebutton-close-backdrop-active.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17" /> + <sodipodi:namedview + id="namedview15" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg13" /> + <rect + x="0" + y="-1.4648437e-05" + width="16" + height="16" + ry="1.6931001e-05" + opacity="0" + stroke-width="0.47432" + style="paint-order:markers stroke fill" + id="rect2" /> + <g + transform="translate(1,1)" + enable-background="new" + id="g8" + style="fill:#f07178;fill-opacity:1"> + <g + transform="translate(-5,-1033.4)" + fill-rule="evenodd" + id="g6" + style="fill:#f07178;fill-opacity:1"> + <path + d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7" + fill="#4d4d4d" + id="path4" + style="fill:#f07178;fill-opacity:1" /> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-backdrop.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-backdrop.svg new file mode 100644 index 0000000..795cc28 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-backdrop.svg @@ -0,0 +1,60 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg13" + sodipodi:docname="titlebutton-close-backdrop.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17" /> + <sodipodi:namedview + id="namedview15" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg13" /> + <rect + x="0" + y="-1.4648437e-05" + width="16" + height="16" + ry="1.6931001e-05" + opacity="0" + stroke-width="0.47432" + style="paint-order:markers stroke fill" + id="rect2" /> + <g + transform="translate(1,1)" + enable-background="new" + id="g8" + style="fill:#dc6068;fill-opacity:1"> + <g + transform="translate(-5,-1033.4)" + fill-rule="evenodd" + id="g6" + style="fill:#dc6068;fill-opacity:1"> + <path + d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7" + fill="#5d5d5d" + id="path4" + style="fill:#dc6068;fill-opacity:1" /> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-hover.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-hover.svg new file mode 100644 index 0000000..14b9448 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close-hover.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg6" + sodipodi:docname="titlebutton-close-hover.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs10" /> + <sodipodi:namedview + id="namedview8" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg6" /> + <path + d="m8.0005 15.002c3.8659 0 6.9999-3.134 6.9999-7 0-3.866-3.134-6.9999-6.9999-6.9999-3.866 0-7 3.1339-7 6.9999 0 3.866 3.134 7 7 7" + fill="#e9524a" + fill-rule="evenodd" + id="path2" + style="fill:#dc6068;fill-opacity:1" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close.svg new file mode 100644 index 0000000..d93f5ee --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-close.svg @@ -0,0 +1,48 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg6" + sodipodi:docname="titlebutton-close.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs10" /> + <sodipodi:namedview + id="namedview8" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg6" /> + <rect + y="6.1035e-7" + width="16" + height="16" + ry="1.6931e-5" + opacity="0" + stroke-width=".47432" + style="paint-order:markers stroke fill" + id="rect2" /> + <path + d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" + fill="#e9524a" + fill-rule="evenodd" + id="path4" + style="fill:#f07178;fill-opacity:1" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-active.svg new file mode 100644 index 0000000..0e3dd5b --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-active.svg @@ -0,0 +1,45 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg10" + sodipodi:docname="titlebutton-maximize-active.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs14" /> + <sodipodi:namedview + id="namedview12" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg10" /> + <g + transform="matrix(3.7795,0,0,3.7795,-340.99873,-468.52023)" + fill-rule="evenodd" + id="g4" + style="fill:#c3e88d;fill-opacity:1"> + <path + d="m 92.34,127.93 c 1.0229,0 1.8521,-0.82923 1.8521,-1.8521 0,-1.0229 -0.82921,-1.8521 -1.8521,-1.8521 -1.0229,0 -1.8521,0.82923 -1.8521,1.8521 0,1.0229 0.82921,1.8521 1.8521,1.8521" + fill="#20a932" + stroke-width="0.77781" + id="path2" + style="fill:#c3e88d;fill-opacity:1" /> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg new file mode 100644 index 0000000..e250b4f --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg @@ -0,0 +1,60 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg13" + sodipodi:docname="titlebutton-maximize-backdrop-active.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17" /> + <sodipodi:namedview + id="namedview15" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg13" /> + <rect + x="0" + y="-1.4648437e-05" + width="16" + height="16" + ry="1.6931001e-05" + opacity="0" + stroke-width="0.47432" + style="paint-order:markers stroke fill" + id="rect2" /> + <g + transform="translate(1,1)" + enable-background="new" + id="g8" + style="fill:#c3e88d;fill-opacity:1"> + <g + transform="translate(-5,-1033.4)" + fill-rule="evenodd" + id="g6" + style="fill:#c3e88d;fill-opacity:1"> + <path + d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7" + fill="#4d4d4d" + id="path4" + style="fill:#c3e88d;fill-opacity:1" /> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg new file mode 100644 index 0000000..ab27e11 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg @@ -0,0 +1,60 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg13" + sodipodi:docname="titlebutton-maximize-backdrop.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17" /> + <sodipodi:namedview + id="namedview15" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg13" /> + <rect + x="0" + y="-1.4648437e-05" + width="16" + height="16" + ry="1.6931001e-05" + opacity="0" + stroke-width="0.47432" + style="paint-order:markers stroke fill" + id="rect2" /> + <g + transform="translate(1,1)" + enable-background="new" + id="g8" + style="fill:#abcf76;fill-opacity:1"> + <g + transform="translate(-5,-1033.4)" + fill-rule="evenodd" + id="g6" + style="fill:#abcf76;fill-opacity:1"> + <path + d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7" + fill="#5d5d5d" + id="path4" + style="fill:#abcf76;fill-opacity:1" /> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-hover.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-hover.svg new file mode 100644 index 0000000..46ba30e --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize-hover.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg6" + sodipodi:docname="titlebutton-maximize-hover.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs10" /> + <sodipodi:namedview + id="namedview8" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg6" /> + <path + d="m8.0019 14.999c3.8661 0 7-3.1339 7-7 0-3.8661-3.134-7-7-7-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7" + fill="#59c837" + fill-rule="evenodd" + stroke-width="2.9396" + id="path2" + style="fill:#abcf76;fill-opacity:1" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize.svg new file mode 100644 index 0000000..68b94a2 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-maximize.svg @@ -0,0 +1,48 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg6" + sodipodi:docname="titlebutton-maximize.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs10" /> + <sodipodi:namedview + id="namedview8" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg6" /> + <rect + y="6.1035e-7" + width="16" + height="16" + ry="1.6931e-5" + opacity="0" + stroke-width=".47432" + style="paint-order:markers stroke fill" + id="rect2" /> + <path + d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" + fill="#59c837" + fill-rule="evenodd" + id="path4" + style="fill:#c3e88d;fill-opacity:1" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-active.svg new file mode 100644 index 0000000..700a768 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-active.svg @@ -0,0 +1,11 @@ +<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#4d4d4d"/> + <g id="titlebutton-minimize-backdrop" transform="translate(-253,268.64)"> + <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/> + <g transform="translate(254,-267.64)" enable-background="new"></g> + </g> + <g id="menu_focused_prelight" transform="matrix(3.7795 0 0 3.7795 -384 -278.52)"> + <rect x="101.6" y="73.692" width="4.2333" height="4.2333" ry="4.4796e-6" opacity="0" stroke-width=".1255" style="paint-order:markers stroke fill"/> + <circle transform="scale(1,-1)" cx="103.72" cy="-75.808" r=".66146" fill="#000000" fill-opacity=".96838" opacity=".5"/> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg new file mode 120000 index 0000000..6c570ef --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg @@ -0,0 +1 @@ +titlebutton-menu-active.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg new file mode 120000 index 0000000..74c19df --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg @@ -0,0 +1 @@ +titlebutton-menu-hover.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-hover.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-hover.svg new file mode 100644 index 0000000..f2360e2 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu-hover.svg @@ -0,0 +1,11 @@ +<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#5d5d5d"/> + <g id="titlebutton-minimize-backdrop" transform="translate(-253,268.64)"> + <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/> + <g transform="translate(254,-267.64)" enable-background="new"></g> + </g> + <g id="menu_focused_prelight" transform="matrix(3.7795 0 0 3.7795 -384 -278.52)"> + <rect x="101.6" y="73.692" width="4.2333" height="4.2333" ry="4.4796e-6" opacity="0" stroke-width=".1255" style="paint-order:markers stroke fill"/> + <circle transform="scale(1,-1)" cx="103.72" cy="-75.808" r=".66146" fill="#000000" fill-opacity=".96838" opacity=".5"/> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu.svg new file mode 120000 index 0000000..2a679ce --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-menu.svg @@ -0,0 +1 @@ +titlebutton-backdrop.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-active.svg new file mode 100644 index 0000000..706b362 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-active.svg @@ -0,0 +1,51 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg12" + sodipodi:docname="titlebutton-minimize-active.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs16" /> + <sodipodi:namedview + id="namedview14" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg12" /> + <g + transform="matrix(1.0002447,0,0,1.0002447,1.9952185,1.4e-4)" + enable-background="new" + id="g6" + style="fill:#ffcb6b;fill-opacity:1"> + <g + transform="translate(-5,-1033.4)" + fill-rule="evenodd" + id="g4" + style="fill:#ffcb6b;fill-opacity:1"> + <path + d="m 11.003,1048.4 c 3.865,0 6.9982,-3.1332 6.9982,-6.9983 0,-3.8651 -3.1333,-6.9984 -6.9982,-6.9984 -3.865,0 -6.9983,3.1332 -6.9983,6.9984 0,3.865 3.1333,6.9983 6.9983,6.9983" + fill="#caa124" + stroke-width="0.77778" + id="path2" + style="fill:#ffcb6b;fill-opacity:1" /> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg new file mode 100644 index 0000000..0ec6491 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg @@ -0,0 +1,60 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg13" + sodipodi:docname="titlebutton-minimize-backdrop-active.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17" /> + <sodipodi:namedview + id="namedview15" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg13" /> + <rect + x="0" + y="-1.4648437e-05" + width="16" + height="16" + ry="1.6931001e-05" + opacity="0" + stroke-width="0.47432" + style="paint-order:markers stroke fill" + id="rect2" /> + <g + transform="translate(1,1)" + enable-background="new" + id="g8" + style="fill:#ffcb6b;fill-opacity:1"> + <g + transform="translate(-5,-1033.4)" + fill-rule="evenodd" + id="g6" + style="fill:#ffcb6b;fill-opacity:1"> + <path + d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7" + fill="#4d4d4d" + id="path4" + style="fill:#ffcb6b;fill-opacity:1" /> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg new file mode 100644 index 0000000..047a358 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg @@ -0,0 +1,60 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg13" + sodipodi:docname="titlebutton-minimize-backdrop.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17" /> + <sodipodi:namedview + id="namedview15" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg13" /> + <rect + x="0" + y="-1.4648437e-05" + width="16" + height="16" + ry="1.6931001e-05" + opacity="0" + stroke-width="0.47432" + style="paint-order:markers stroke fill" + id="rect2" /> + <g + transform="translate(1,1)" + enable-background="new" + id="g8" + style="fill:#e6b455;fill-opacity:1"> + <g + transform="translate(-5,-1033.4)" + fill-rule="evenodd" + id="g6" + style="fill:#e6b455;fill-opacity:1"> + <path + d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7" + fill="#5d5d5d" + id="path4" + style="fill:#e6b455;fill-opacity:1" /> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-hover.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-hover.svg new file mode 100644 index 0000000..df6b8d0 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize-hover.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg6" + sodipodi:docname="titlebutton-minimize-hover.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs10" /> + <sodipodi:namedview + id="namedview8" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg6" /> + <path + d="m7.9999 15.004c3.8659 0 6.9999-3.134 6.9999-7 0-3.866-3.1341-7.0001-6.9999-7.0001-3.866 0-7.0001 3.134-7.0001 7.0001 0 3.8659 3.1341 7 7.0001 7" + fill="#f1ae1b" + fill-rule="evenodd" + stroke-width=".77797" + id="path2" + style="fill:#e6b455;fill-opacity:1" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize.svg new file mode 100644 index 0000000..8a9970b --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-minimize.svg @@ -0,0 +1,48 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg6" + sodipodi:docname="titlebutton-minimize.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs10" /> + <sodipodi:namedview + id="namedview8" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg6" /> + <rect + y="6.1035e-7" + width="16" + height="16" + ry="1.6931e-5" + opacity="0" + stroke-width=".47432" + style="paint-order:markers stroke fill" + id="rect2" /> + <path + d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" + fill="#f1ae1b" + fill-rule="evenodd" + id="path4" + style="fill:#ffcb6b;fill-opacity:1" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-active.svg new file mode 100644 index 0000000..215334b --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-active.svg @@ -0,0 +1,67 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg13" + sodipodi:docname="titlebutton-shade-active.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17" /> + <sodipodi:namedview + id="namedview15" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg13" /> + <rect + x="-0.0040094261" + y="-0.0019087296" + width="15.999758" + height="15.999758" + ry="1.693065e-05" + opacity="0" + stroke-width="0.474327" + style="paint-order:markers stroke fill" + id="rect2" /> + <path + d="m 7.997184,14.99893 c 3.866051,0 7.000012,-3.133961 7.000012,-7.0000119 0,-3.8660506 -3.133999,-7.000012 -7.000012,-7.000012 -3.8660506,0 -7.00001195,3.1339614 -7.00001195,7.000012 0,3.8660509 3.13399915,7.0000119 7.00001195,7.0000119" + fill="#0b67ef" + fill-rule="evenodd" + id="path4" + style="stroke-width:3.7795;fill:#6e98eb;fill-opacity:1" /> + <g + transform="matrix(0.99998011,0,0,0.99998011,-0.0040175,0.4969885)" + fill="#c0e3ff" + id="g10"> + <g + transform="translate(-81,-967)" + fill="#c0e3ff" + id="g8"> + <path + transform="translate(-41,867)" + d="m 130,104 -2,3 h 1 v 4 h 2 v -4 h 1 z" + color="#000000" + fill="#000000" + opacity="0.5" + style="text-indent:0;text-decoration-line:none;text-transform:none" + id="path6" /> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg new file mode 100644 index 0000000..5091b16 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg @@ -0,0 +1,8 @@ +<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#4d4d4d"/> + <g id="titlebutton-minimize-backdrop" transform="translate(-253 268.64)"> + <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/> + <g transform="translate(254,-267.64)" enable-background="new"></g> + </g> + <path d="m8 5-2 3h1v4h2v-4h1z" color="#000000" fill="#000000" opacity=".5" style="text-decoration-line:none;text-indent:0;text-transform:none"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg new file mode 100644 index 0000000..8ac0d6a --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg @@ -0,0 +1,8 @@ +<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#5d5d5d"/> + <g id="titlebutton-minimize-backdrop" transform="translate(-253 268.64)"> + <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/> + <g transform="translate(254,-267.64)" enable-background="new"></g> + </g> + <path d="m8 5-2 3h1v4h2v-4h1z" color="#000000" fill="#000000" opacity=".5" style="text-decoration-line:none;text-indent:0;text-transform:none"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-hover.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-hover.svg new file mode 100644 index 0000000..9726257 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade-hover.svg @@ -0,0 +1,67 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg13" + sodipodi:docname="titlebutton-shade-hover.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17" /> + <sodipodi:namedview + id="namedview15" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg13" /> + <rect + x="-0.0040094261" + y="-0.001080925" + width="15.999758" + height="15.999758" + ry="1.693065e-05" + opacity="0" + stroke-width="0.474327" + style="paint-order:markers stroke fill" + id="rect2" /> + <path + d="m 7.997184,14.99597 c 3.866051,0 7.000012,-3.133961 7.000012,-7.000012 0,-3.8660505 -3.133999,-7.0000119 -7.000012,-7.0000119 -3.8660506,0 -7.00001195,3.1339614 -7.00001195,7.0000119 0,3.866051 3.13399915,7.000012 7.00001195,7.000012" + fill="#4285f4" + fill-rule="evenodd" + id="path4" + style="stroke-width:3.7795;fill:#82aaff;fill-opacity:1" /> + <g + transform="matrix(0.99998011,0,0,0.99998011,-0.0040175,0.996702)" + fill="#c0e3ff" + id="g10"> + <g + transform="translate(-81,-967)" + fill="#c0e3ff" + id="g8"> + <path + transform="translate(-41,867)" + d="m 130,104 -2,3 h 1 v 4 h 2 v -4 h 1 z" + color="#000000" + fill="#000000" + opacity="0.5" + style="text-indent:0;text-decoration-line:none;text-transform:none" + id="path6" /> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade.svg new file mode 100644 index 0000000..d6efd73 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-shade.svg @@ -0,0 +1,60 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg11" + sodipodi:docname="titlebutton-shade.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs15" /> + <sodipodi:namedview + id="namedview13" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg11" /> + <rect + x="0" + y="6.1035155e-07" + width="16" + height="16" + ry="1.6931001e-05" + opacity="0" + stroke-width="0.47432" + style="paint-order:markers stroke fill" + id="rect2" /> + <g + transform="translate(1,1)" + enable-background="new" + id="g8" + style="fill:#82aaff;fill-opacity:1"> + <g + transform="translate(-5,-1033.4)" + fill-rule="evenodd" + id="g6" + style="fill:#82aaff;fill-opacity:1"> + <path + d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7" + fill="#4285f4" + id="path4" + style="fill:#82aaff;fill-opacity:1" /> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg new file mode 100644 index 0000000..951dc88 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg @@ -0,0 +1,45 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg8" + sodipodi:docname="titlebutton-unmaximize-active.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs12" /> + <sodipodi:namedview + id="namedview10" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg8" /> + <g + transform="matrix(3.7795 0 0 3.7795 -341 -468.52)" + fill-rule="evenodd" + id="g4" + style="fill:#c3e88d;fill-opacity:1"> + <path + d="m92.34 127.93c1.0229 0 1.8521-0.82923 1.8521-1.8521 0-1.0229-0.82921-1.8521-1.8521-1.8521-1.0229 0-1.8521 0.82923-1.8521 1.8521 0 1.0229 0.82921 1.8521 1.8521 1.8521" + fill="#20a932" + stroke-width=".77781" + id="path2" + style="fill:#c3e88d;fill-opacity:1" /> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg new file mode 100644 index 0000000..45bb6d9 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg6" + sodipodi:docname="titlebutton-unmaximize-backdrop-active.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs10" /> + <sodipodi:namedview + id="namedview8" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg6" /> + <path + d="m8.0019 14.999c3.8661 0 7-3.1339 7-7s-3.134-7-7-7c-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7" + fill="#4d4d4d" + fill-rule="evenodd" + stroke-width="2.9396" + id="path2" + style="fill:#c3e88d;fill-opacity:1" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg new file mode 100644 index 0000000..05d195d --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg6" + sodipodi:docname="titlebutton-unmaximize-backdrop.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs10" /> + <sodipodi:namedview + id="namedview8" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg6" /> + <path + d="m8.0019 14.999c3.8661 0 7-3.1339 7-7s-3.134-7-7-7c-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7" + fill="#5d5d5d" + fill-rule="evenodd" + stroke-width="2.9396" + id="path2" + style="fill:#abcf76;fill-opacity:1" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg new file mode 100644 index 0000000..1409c07 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg6" + sodipodi:docname="titlebutton-unmaximize-hover.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs10" /> + <sodipodi:namedview + id="namedview8" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8.0461095" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg6" /> + <path + d="m8.0019 14.999c3.8661 0 7-3.1339 7-7s-3.134-7-7-7c-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7" + fill="#59c837" + fill-rule="evenodd" + stroke-width="2.9396" + id="path2" + style="fill:#abcf76;fill-opacity:1" /> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-active.svg new file mode 100644 index 0000000..149597a --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-active.svg @@ -0,0 +1,68 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg13" + sodipodi:docname="titlebutton-unshade-active.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17" /> + <sodipodi:namedview + id="namedview15" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg13" /> + <rect + x="-0.0040094261" + y="-16.001909" + width="15.999758" + height="15.999758" + ry="1.693065e-05" + opacity="0" + stroke-width="0.474327" + style="paint-order:markers stroke fill" + id="rect2" + transform="scale(1,-1)" /> + <path + d="m 7.997184,1.00107 c 3.866051,0 7.000012,3.1339614 7.000012,7.0000119 0,3.8660501 -3.133999,7.0000121 -7.000012,7.0000121 -3.8660506,0 -7.00001195,-3.133962 -7.00001195,-7.0000121 0,-3.8660505 3.13399915,-7.0000119 7.00001195,-7.0000119" + fill="#0b67ef" + fill-rule="evenodd" + id="path4" + style="stroke-width:3.7795;fill:#6e98eb;fill-opacity:1" /> + <g + transform="matrix(0.99998011,0,0,-0.99998011,-0.0040175,15.503011)" + fill="#c0e3ff" + id="g10"> + <g + transform="translate(-81,-967)" + fill="#c0e3ff" + id="g8"> + <path + transform="translate(-41,867)" + d="m 130,104 -2,3 h 1 v 4 h 2 v -4 h 1 z" + color="#000000" + fill="#000000" + opacity="0.5" + style="text-indent:0;text-decoration-line:none;text-transform:none" + id="path6" /> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg new file mode 100644 index 0000000..5714d2f --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg @@ -0,0 +1,8 @@ +<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#4d4d4d"/> + <g id="titlebutton-minimize-backdrop" transform="matrix(1 0 0 -1 -253 -252.64)"> + <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/> + <g transform="translate(254,-267.64)" enable-background="new"></g> + </g> + <path d="m8 12-2-3h1v-4h2v4h1z" color="#000000" fill="#000000" opacity=".5" style="text-decoration-line:none;text-indent:0;text-transform:none"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg new file mode 100644 index 0000000..dad0671 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg @@ -0,0 +1,8 @@ +<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#5d5d5d"/> + <g id="titlebutton-minimize-backdrop" transform="matrix(1 0 0 -1 -253 -252.64)"> + <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/> + <g transform="translate(254,-267.64)" enable-background="new"></g> + </g> + <path d="m8 12-2-3h1v-4h2v4h1z" color="#000000" fill="#000000" opacity=".5" style="text-decoration-line:none;text-indent:0;text-transform:none"/> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-hover.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-hover.svg new file mode 100644 index 0000000..6bb51f6 --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade-hover.svg @@ -0,0 +1,67 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + id="svg13" + sodipodi:docname="titlebutton-unshade-hover.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs17" /> + <sodipodi:namedview + id="namedview15" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:pageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="43.375" + inkscape:cx="8" + inkscape:cy="8" + inkscape:window-width="1866" + inkscape:window-height="1006" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg13" /> + <rect + x="-0.0040094261" + y="-16.001081" + width="15.999758" + height="15.999758" + ry="1.693065e-05" + opacity="0" + stroke-width="0.474327" + style="paint-order:markers stroke fill" + id="rect2" + transform="scale(1,-1)" /> + <path + d="m 7.997184,1.00403 c 3.866051,0 7.000012,3.1339614 7.000012,7.000012 0,3.86605 -3.133999,7.000012 -7.000012,7.000012 -3.8660506,0 -7.00001195,-3.133961 -7.00001195,-7.000012 0,-3.8660506 3.13399915,-7.000012 7.00001195,-7.000012" + fill="#4285f4" + fill-rule="evenodd" + id="path4" + style="stroke-width:3.7795;fill:#82aaff;fill-opacity:1" /> + <g + transform="matrix(0.99998011,0,0,-0.99998011,-0.0040175,15.003298)" + fill="#c0e3ff" + id="g10"> + <g + transform="translate(-81,-967)" + fill="#c0e3ff" + id="g8"> + <path + d="m 89,970 -2,3 h 1 v 4 h 2 v -4 h 1 z" + color="#000000" + fill="#000000" + opacity="0.5" + style="text-indent:0;text-decoration-line:none;text-transform:none" + id="path6" /> + </g> + </g> +</svg> diff --git a/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade.svg b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade.svg new file mode 120000 index 0000000..58a2bbf --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/metacity-1/titlebuttons/titlebutton-unshade.svg @@ -0,0 +1 @@ +titlebutton-shade.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-active.png new file mode 100644 index 0000000000000000000000000000000000000000..ac39d738f674c8d141aa106791a5b0d81e1bab05 GIT binary patch literal 138 zcmeAS@N?(olHy`uVBq!ia0vp^0zk~f!3HD)-^P3dQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0xGo-U3d95a(c!i@i)cVJ9d e<YLSW1PuGWFgCAVFE|aTgu&C*&t;ucLK6T9_a*TF literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..ac39d738f674c8d141aa106791a5b0d81e1bab05 GIT binary patch literal 138 zcmeAS@N?(olHy`uVBq!ia0vp^0zk~f!3HD)-^P3dQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0xGo-U3d95a(c!i@i)cVJ9d e<YLSW1PuGWFgCAVFE|aTgu&C*&t;ucLK6T9_a*TF literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-left-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-left-active.png new file mode 100644 index 0000000000000000000000000000000000000000..dba94fc0dfdbb5cd4dac4630f9905e509a6cd34d GIT binary patch literal 158 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4aTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TpR`x;TbNOid06GyZ@6z<~n` z)+?Vq(ZFu-aI#G338v(jJ)geV#|d+?n(#0%Sl6@hELqR;52%g7)78&qol`;+0Q5L8 A0{{R3 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-left-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-left-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..dba94fc0dfdbb5cd4dac4630f9905e509a6cd34d GIT binary patch literal 158 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4aTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TpR`x;TbNOid06GyZ@6z<~n` z)+?Vq(ZFu-aI#G338v(jJ)geV#|d+?n(#0%Sl6@hELqR;52%g7)78&qol`;+0Q5L8 A0{{R3 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-right-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-right-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2aa132b0937c85dbdef26c2a3d3b85859e623483 GIT binary patch literal 156 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4aTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TpR_x;TbNOikwD;z~Net`}GN wYkngTaIV)<F)$L{bl^~@mfEY=9>z=zPsBK;&Y7cp2B?X_)78&qol`;+01!<rt^fc4 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-right-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/bottom-right-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..2aa132b0937c85dbdef26c2a3d3b85859e623483 GIT binary patch literal 156 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4aTa()7BevL9R^{><M}I6fP#`G zt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TpR_x;TbNOikwD;z~Net`}GN wYkngTaIV)<F)$L{bl^~@mfEY=9>z=zPsBK;&Y7cp2B?X_)78&qol`;+01!<rt^fc4 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/close-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/close-active.png new file mode 100644 index 0000000000000000000000000000000000000000..36c44c56b793790184e032d984cda1f86dc2faf3 GIT binary patch literal 515 zcmV+e0{s1nP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10gy>V zK~z|U?bkm~!ay9x@duDnYz?RkwCH4UrjtWA|GWdjN_-2-+dyA~PReT_OyWxSIu<)& z2wq7op>=8kH8H<7jdtjFZSV5w_0n8(C#PpVQc(WC0YSOSzMQSdW*H=01__rz!leeX z6L(;x#6hb|kVOH$@58c}c(E)jT=#DvwK9*M+Cp1tqL|NZU0ZoR28MzDM90i=BF!7= z6W^>>@pyFsSrC4`Z^{_D!x4=6oD3oFky@E2ApoEuig>s@$05%r59z5b5@Hi`qqdTT zR7xD$N|QWkP)AX)#}$)<Xm#nw#-zj*^3WtXImnSHMn(i3i?r8Cg7}DkcJh4MSQ5l! zc5H}g)5ek@W6Q$Ii@qxE+QX}5B?no!E(V4X8S-Qp_;gpvK>(mX(J^I=j4&C)y{?n* zCqrhAgYIxd!kCQVdN{&|^F@Y4{+&4BOSn~4bQA?#Vf#7UwTEZp4R`t^5+W8PXpbvG zlVmi6T>!w;USe#$llMeokfck^2`z(!%OK%0NVwEMz5%(>e&D#e!x8`h002ovPDHLk FV1hN@-J<{i literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/close-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/close-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..41d9e27e5c3953412bf0d3c6ef86c3fde4dcfea1 GIT binary patch literal 448 zcmV;x0YCnUP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10ZmCn zK~z|U?UzAr!Y~j;{}>ww3aZ$4Td7y*{qKX?MFNT)+tURFfvKu-no=tHZ8I}^awb0s zJ-@s%?f~`I0!Qd^^HfjdoGOx2MRKZ0&fSRUv5iCotu2(A0RU2p2*H7QTs{_yD5cOW z)-YxXqRVT{fcHDNzC%js_e9jpV71zuP9cW~u=WAQH0Zi_q&UcDiwl+dR^qaD_E{@m zL2+fXSc@diWo)yaR)mOP%u+n`$b7y8<%{$a5v}djVoD$aw6W8Pl-!c5UXu0RO`wTH zN;Bc2m*aFIA@mp%n9M*J+;k$$4DWZvBHr)CkuTnnLu|{A892Oq`o0y{i$zjOhu9X# zq!h91-oORBRrJ)PIG}B}aBlzQ&M*Vc?a{Vd#289OkN>YBB4}ezIgvOb3^)7?IKs>r qd_T7RivJa8x1fsTRFRx2lJfzP)qJ^6cq9Y>0000<MNUMnLSTY$EXBA0 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/close-prelight.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/close-prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..cd8ff222cd1457de405aaf413e0c01bb998b9908 GIT binary patch literal 506 zcmV<W0R{evP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10f$LM zK~z|U?bktS!ax)T;6LItBv@O;fECQ5g%S^-wuca}(YmmAX%~77y@gFLkZcNZp)C<C zS|+5Cq$|Zvp}g48W|4n8^M;S%@tBb=F53}OklcR*wvkRswd_XrlR?B}5HT4<Ollzc zLko+Hp{Z3+RTM-3UOf+{yTCdK{svN(W%L>bI&~fSob+XF6Gj+M9SkfROW%)mZmbc1 zeq6-EbsJSh`ElQzbMz-Bp4Tffgxn)#StcO>;7nC<f7L=smXn9{8U_imkGV07WFbYy z(5dU>L$~SbItq-|h9pQ+t9)xrN?1-pOVg5r)KoP#VpprsYDtjj7f+`Uv|<uu&b@;n z)LIh6T)5bT@vkKaBRnnK<RI%Hz<BD!hKw8s@4+TH2mlN$8*|Rdh#BV?+7@{~8M5?! z^d}|>Gvge0lSjPyA7n`E@5HHmgj=J5uC9X#vn2>4j2s6;+lqxa2(nFq<<Zi#-PnKe wJeaOa?uo=8NhdWgv<xC9gNVr>Vp0S71ex}G-Zk@g%>V!Z07*qoM6N<$f)8HNdjJ3c literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/close-pressed.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/close-pressed.png new file mode 100644 index 0000000000000000000000000000000000000000..4858970cd08c6b28309dd868836b536b4ac91ce8 GIT binary patch literal 529 zcmeAS@N?(olHy`uVBq!ia0vp^N<gf_!3HGX$i27^q&N#aB8wRq_zr_G<MI3zDL_HV z64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq!<_&=Xts~hD5Z!y?)+{$x(*= z!~0q9cD<e^A-b;elYdFfM*)?&Ys3Yb`~v$09tOMo;F;I8K>fn5mJ+VLZB>`9a2OSt zl%L+}%(=6DMr_-s4fj9)X*<vJd3yJ{+#W;b!oTJTLg(Z;ER8=I^Bs|4PwHbfOixqD z+uh3Ocp%K<;3^$v204y{zN>rJE&I!x;wm!HS8YP4%Y!ms{}=6v4>rXeKN-vFf7smn zZ<N)e>&%Q#$}e$vU0VOvs+sW{x9gqq_!Wv*vQutq2PrZrXn3B;U%pYL>ZbE1F7 zosT|0v{<;Q^#`lm%#5C0mp#jp3w1u&SbJ!#IPmz9j<by(pQdXfJ7;}<pf%@dyRr#} zZ}!jaF^ts}UE=v`o8nnJ5bH{wv%KUq!CxmFR$fhHue@3sb0uq<V)|9B6T8pxF)=KE zYBZ}QKzUY+LioCX?aSM2_)TTR)~__^jpJu;)%F%&@bvwWMd1e~u1eCEW4AZA<;zWZ zuqVoOUChQB?%V&apOBNA?IrN==X&F17hgZz_Sa*t+6>2t^t8APq_CQwA5eWfd4j?^ QV01Egy85}Sb4q9e093NtJ^%m! literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/hide-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/hide-active.png new file mode 100644 index 0000000000000000000000000000000000000000..8adfe16355034aa460acefab05a7cf438c2f046f GIT binary patch literal 562 zcmV-20?qx2P)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10l!H^ zK~z|U?bf?W!(bT3@h2wKRPj`+^^Bl&u}}v=9EzfN1ES)ppo^DK3xb1s0WKm4;?luI z5L_x%p)Q4@4i2KNr!@79n%aXV4pOKY^i7G{A^$b+7k&x(k}xgyP6c^T!G8lXF=Z8X z#vRGdfT%Md>I{gwyn%4JF08HO(br)^Lv;}V;Nm(CUoZyoF7Y>zI;$Bo6Alb?H-KTj z9#a%x&3_5c;vu3ML7HCi?e=nbXS!gk;J=-VJtQzZwTJ!VNBto+l|1|ly{NGil1?n% zCD1du1@S&fnkPT3(_;=Y0{Db`M%&2qB#5Qdgu&i=@<}s|^f$p$YSItV-ChNb)xOi& z0tPOpRX<2(i{?_JjkcBqk(J#4o!({I90_tJ#&d?8iIRSh?a&R9DdMGNl}yRl3Ek)i zd5)*CvKi3~S>6ca<@HTJ2ms8k93c{=-DUs?3lip5kI3_6$o*3aL+${=!q1q~D+xpH z03M&yWC+WfOQyA8yuNerCKis?a&YX|uU;Z8V`=>a<MTlXx4-z&%dXhW!R54~xwaSp z5D_Ho9^67AJ`=h@^e%7y&<uz=1ES7=sLLD32XzXA(K_f_U;qFB07*qoM6N<$f_7~9 AQ~&?~ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/hide-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/hide-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..de50b13fbf148a92ad6fa0a07c15b098c3774151 GIT binary patch literal 456 zcmV;(0XP1MP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10aZyv zK~z|U?U&0=!!Qs<?>NqbC<wulEfT-L|Njqk<2EFYJ;MUEDh@)Ew3H(GY~!(x?CY^Z zPtPxcE5Q7<z#h80f6Oa#OcqJWA}LuU<!VIi+Cnl0rL94x000O_OkspDUq-}Gfu`+H zl{Wy<*N-Cb(>sQK3zqnMB1K`*bq|MCm_dZ9YEjx6Zo2`;pq^Wu5ktk#630H~bF4A? z2&zXmZKskrOl%4?&Fy(bhzMobswdr3RxK#a(J3O<*0Wq{AOfsy&L?6PY{|S<xBFMq z&{QJ4vPl6@_Y;*!2m@rrgHi+tlRuw`h`{@Pv55CQM0BgE&d4x0FzeekbHp$>^?0?2 zFk`pfsAQM}c5bui0$g-zVhnKZ730`{n;8*c9D6wThRFJR1~}orhRDE{)uG2QM}*0% yGm*0TJtD%G{IIrs#{X()mmrIzWRa9ClJWsKpM0@T2eDlM0000<MNUMnLSTY3qQj&B literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/hide-prelight.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/hide-prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..c2fef68936ea773c5a4e7a5407ffeb4b5d45fd48 GIT binary patch literal 541 zcmV+&0^<FNP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10jfzv zK~z|U?boqN!%!3k;6FBvg_b62qhh5U1d-}qr4GJ85d`%K)I|`fZ&7g3Mc+WwF1~;c zf;wx!NvJ7QqnM!8v}qcL643~H5`uQfzvi6F$GMkFE;BNkwa@|S`fq?8hVK~)Ch|D} z#F+r%OaO7FV<4>8#y&ob+(ZwC#clwAtkiLO`GiN!_#22Qa40OMk<W?fVwf-AT9$>Q z(+6zs-QZqz2Xb}AkENs7-N--`xF72jwSlFggzIvR3?ZKpk>^MVpgpynLI#QW@3pQW z>kDZT!p=Z1hqd{XzYspgBA*k<i`to;?ngXIJBB34RE7r|Vty}lB+N3H%n1HLl48U) z;-fb~+fEY1G`;^jwTP`GNaeBa86qpRUJ~T&N`=vMKb3}I;at-EgFL^QI5@d;4cR}g z;^nRB9|Qol4$G)0IvF7=I<`w?ay=RH^lV_cC_yG*Ztr!h6eXxHv}phyo)bch#p+xN z^D~3s!e8%}hGAj<xQeY(8JY`(Cy1SBB!uiZk7S~K$H<C~3rRywH@z$uJg~kcfH)IC foCzS#bPVJjYZiN})+R0200000NkvXXu0mjf<__qR literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/hide-pressed.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/hide-pressed.png new file mode 100644 index 0000000000000000000000000000000000000000..19131e24554ab2abf18361c3a9da07ba683ef7e1 GIT binary patch literal 555 zcmV+`0@VG9P)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10k}y- zK~z|U?bppO!*CqO@lSP~Z7j_^Y_nvOkT}Q=#6jX<@$?^fNStJj{sa#Z$;4maNQ8rM z77-Cda1nDcH*|#ViI~*3qH}6uJ@D)D3qACG?YGS<?Jw=GOmj<T5eBH@zX56t@A8>< z<a;JWn+efoLbMqMVk!5;THcD@4i5qz2LM12CG4Lkk$I8-2I8%$#7sDdk$yke3Z~@P zr&7fFZX9z<F(jVzx~{A16(4Nku^H(?L#^${xyMW%gOkU&yw1{xcw9CdEcX10P<u${ z5SrLW>bXEPPrO*C!>z;!0Pxk>F*VjoJWm91IjtD!3lLvaZFHa!d^JZ85^AppXJLLH z)WlgBgxcKnAbz()H$pAowbO$XQU2aZQOM3Ef(YVU*^qc5M-OrsO+tQGbR!C~g2QNv z9waM$U~Nax4O!W~#p~NUJqQ3qR$_=J$RCj)N?2IEBAzFPWL{(pO`bpyB_hP|)G3~_ z<R3uRW_Ql&!EEf^p~}u7*u;ZnOW!R8S;6ww4aVosaGxSuq-tgV*Ek&<y4&kZwgE>M tY2r0O4MID^?9fbzHWQ-FglIDi<O}x%g!qrlzdir}002ovPDHLkV1i&*@nrx2 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/left-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/left-active.png new file mode 100644 index 0000000000000000000000000000000000000000..493f8cc32274ae91282e5e0a5963a33094a04e3a GIT binary patch literal 138 zcmeAS@N?(olHy`uVBq!ia0vp^Oh7Ea!3HF4R;=3sq&N#aB8wRq_zr_G<MI3zDL_HV z64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1UVJzX3_IA$h?gc<)oe*g%M eFt9S8W?;DefpLD1<-*TEB@CXfelF{r5}E))jVTHM literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/left-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/left-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..493f8cc32274ae91282e5e0a5963a33094a04e3a GIT binary patch literal 138 zcmeAS@N?(olHy`uVBq!ia0vp^Oh7Ea!3HF4R;=3sq&N#aB8wRq_zr_G<MI3zDL_HV z64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1UVJzX3_IA$h?gc<)oe*g%M eFt9S8W?;DefpLD1<-*TEB@CXfelF{r5}E))jVTHM literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-active.png new file mode 100644 index 0000000000000000000000000000000000000000..83fa92a5a78cda5732d752f222951d1e969b5e79 GIT binary patch literal 524 zcmV+n0`vWeP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10hvie zK~z|U?bk6+!ax9q;SWL~Hc&uB0~#1KP7v4x83{XtQJI;Pzkq)MCY^C3u*)nmf~+o( z0I?EG+knB6)(L|(F;~1OL*M!C^0d8NuBOA|6BQef`M&|nOis7ocq6MB5N!rTn*q_b zF%ZkT6YZQ0kyrp;KL=G+F&;^1xB8fh^S^<(JS=jB1d{0xEX>yzx{wt#YF$)HO$d{j zu61=C@qwcqT-{{g^>IIr<A)-O`8xVfV`2#L9&veCA_M^J`Z*M@GjMLR^dY%If(WsS zIlDNe3$b%HB-0_{MVF<rVXzJ>JxC-L__i@gVi+@`@gP0O-hop$;&bjk*<2!s`irZR zqA2tr&jWF72tSnQK{~A-7BbnBttQI~I;|c($W)x8QS0i4+*Kbjliuk;0H9K8f*+E9 zB7Pv?w%jBhPYe+zGZgc6A`CweP|VjMzP=GdbpK9p?k${OCXmX8!D!AFSys@fc2Ozc z>q4vrS;ji7h{l8P`Wyg&myv|_Lyve*P=nBJV{T{$M4JK8W<a!U4CDg|4u0Jgh12%{ O0000<MNUMnLSTaOOx1t@ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..41d9e27e5c3953412bf0d3c6ef86c3fde4dcfea1 GIT binary patch literal 448 zcmV;x0YCnUP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10ZmCn zK~z|U?UzAr!Y~j;{}>ww3aZ$4Td7y*{qKX?MFNT)+tURFfvKu-no=tHZ8I}^awb0s zJ-@s%?f~`I0!Qd^^HfjdoGOx2MRKZ0&fSRUv5iCotu2(A0RU2p2*H7QTs{_yD5cOW z)-YxXqRVT{fcHDNzC%js_e9jpV71zuP9cW~u=WAQH0Zi_q&UcDiwl+dR^qaD_E{@m zL2+fXSc@diWo)yaR)mOP%u+n`$b7y8<%{$a5v}djVoD$aw6W8Pl-!c5UXu0RO`wTH zN;Bc2m*aFIA@mp%n9M*J+;k$$4DWZvBHr)CkuTnnLu|{A892Oq`o0y{i$zjOhu9X# zq!h91-oORBRrJ)PIG}B}aBlzQ&M*Vc?a{Vd#289OkN>YBB4}ezIgvOb3^)7?IKs>r qd_T7RivJa8x1fsTRFRx2lJfzP)qJ^6cq9Y>0000<MNUMnLSTY$EXBA0 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-prelight.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..0703dd5c47efa60bc483d9cf7ddb5796bc464914 GIT binary patch literal 529 zcmV+s0`C2ZP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10iH=j zK~z|U?bp3d!cY_k@IP1(D9D%LYcheDbV9=501Fdr@(S_-y7C0N@&xz@xX8#Ls~A`? zfx$@%u?9n_7z%a5KuyeP(`bkO*WPpU>*>wOtu1+cs=x%X|2JS0n?IPaI<g%LqK*Yo z$AYM18VIAe(BpH0%ft|hvVfxCZ6cxH89@@4e*-xPx=^m9kt?RK$JlnBtz-r5<^YX) z53}h))4rNUeBvm8%j*I{5%$-0!g!8awS|}GDH%dOBL_hj2>}4%D2t1$0(=3N@sM&Q zO+svA&d$@uLOebva>W#R(@pZFB;2gSI0%=C{WzGEFb+GoY}`1=Va%%;@m(9GeNGZY zQS{%PsI?@Bz|VC<UdOar5~Tk)!b;ZO6?wVFQ-?PWB8f}1n*+^|`@11N=CqMdo+FKV z4+62x03h%pZg0Be^<>Cwx<IYkB4GqxM6KF_`2I<TX#Sn>`u9<;oFHFHf^qD=hrC>) z-5jD(?`lHmf^6bu9pJKYgd-jRfH0BJe;AR^gkcb)W11V91yRR>sAECYF%9GkJKKKU TBPn~y00000NkvXXu0mjfs+{Sy literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-pressed.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-pressed.png new file mode 100644 index 0000000000000000000000000000000000000000..44ce42bab7f812901d449b763f30019bcae29128 GIT binary patch literal 530 zcmV+t0`2{YP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10iQ`k zK~z|U?bkg|!axAV@dv|8Y@mQx4QOC6x+sB75GP+|MOSo`4gCi48DL_^jleFm$Oy8! zKmx=<FqDA7lGdpPYhtc=QHK8KyUVZb<#IJ_Z0*XJgBJc9pk%N+J^CA&PKT(|A?kF9 zy19WEXPszeEeM3X;5;m3Sw^=#K&9NkP#FIW#NlFaaUH?o=?;vhuP<~WN+{-Q$fio@ z_ePr5)pW%BHkXmiM8Ub)AIEjt0&cGgXgqg`A;f#c;bMpo0KmCfBr{Riml*nx%bR^7 zgwl$KMJ%yL7h+{CI5^oRUR3Gm%n!z9rUwaxyx%q^NhZ?*f?*#$$m+UXGvagZ8rfVT zi2RGIlO##>ATLc}W(eOJ(1TRVbxcIEC!0<bB~;6GdXS+oMloO047txeVKjKB2LXU= zssz48{)zZzA9v{z@pxiLzc)fMULeBo%|4Rx0)*E$Vu<G73D&uYSR#Vsb3aU~vqcmo z6mvCX(+`>uGeMLXn;F5d51iWu0O+&_s65t*_XITv?dIl&rbE=}5Oq34-P}Mv0Ntv7 U*|?4s>i_@%07*qoM6N<$f}Qx~F#rGn literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-toggled-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-toggled-active.png new file mode 100644 index 0000000000000000000000000000000000000000..6fdf3dfb80cd9390b2f4df653c3bbd19bac57170 GIT binary patch literal 536 zcmV+z0_XjSP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10i{Vq zK~z|U?bkm~!ax9r;U5U1U|SJTL<57-g%I3Caq`cs5=V4o)9?+zk04IEDjPv(qNB)W zKsOgLq0x#81u<AtoNBOxxniRXedk{D^x9tTbQ4oEEp$Qp{{~3u7^_R0k@hr*JPjgG zgUIU|h@sPg6w`<4Sq~g83IOoP)^M4<MV)W{4a91*U?UpD;;I)thVK*lA&59TxyIq{ zIVw*LMfX*-#Cs;~*f|Kn?xcRau6$oZERsg?rc4YW{ze9EW+DUt*qs#O`)go^%<4ln zqw_=vDaR;{@b;X#kOA6+g%vOHO{JDXK3HgzdJuoW4TDknpKdhj;SadggN%$biV<I9 z$H>MKL0Z4qI*FpF9^|3KcMRd!ntG6Yt_VROd$RTfK}0@RR1fmXH*uQ2QVhwY3TV{c z)q?=QQ6dYDC4WU+sfy%YmiT&NNcFjacq9$3R3$>hBFErg-iRTJj}x@DAK|Same+kS z%GMS^5Rpk0kW6I3SI7|^L8Q!7FZ=-yhFvrOfMa>&FYeH&ceV}C4p{Ouh&&A<PlL$o a8ptON+<VKw`vSTE0000<MNUMnLSTaXZsn^0 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-toggled-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-toggled-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..8e78ef40488ba6633de92002707123b34d9f8990 GIT binary patch literal 449 zcmV;y0Y3hTP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10ZvIo zK~z|U?U%uB!Y~Yme}{wu15I3aowQfj`@av`4lPyFCiV^t1Yw$-u47Efcdc!GO5MLL zJ-@sP?f~=G0!Qd^`&3TkoFbA^L{f@K%H4?Av5iCoYbzKt0{}2bgy11EE+4Z+j4@a& zH*jtRqRVR{z|gnox*E*<dm?7$uwHLZr;tJf%&QfwtI#y>;5g`Ks|$_!R^qaD_F1c6 zL3QO~xlu`+%T$Z?v?4?V=T_>WN9OYfP`XGz5wW(qT1*W@fOXY$B00C@s+V-VcN1tT zk=#tU=#@B~NC+Lq1f~cO20xvMh@kKH*&==4sv}>$Bfe|EtUG4l@b2llT3xReVdg_@ zD`c1>_RSk4W4E%N8jb_%dI#^@FLy=+@V-S|?+|0i89n~LhKOKYb;=2rh%nsnGvJ7b rVCcKC?N|J-K)VG+B&CR?6p@q<VQ74{f3G`}00000NkvXXu0mjf%6Gw* literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-toggled-prelight.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-toggled-prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..4054e49be00df8f2a696c730dca29bcf95a805e2 GIT binary patch literal 537 zcmV+!0_OdRP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10j5br zK~z|U?bg3e!cY_j@UPfLpjG}Eu}mhQ35!Y?9AME!+;|0f0UYrOWRw?>S73ul7916s zaKOPus7Wyxikf0^Frd~%Pn#+X{pNdae!2JNoXdpQw?~+PIHnC4hw=DA+O!b>zye^V zjR0ooYHWx;HbfsAq7Q4f(8Y6z#zpv-c>sVc^>KaK!IPr?4`jjXMEYO@iBtqE_w_)B zs)ky*g;KGBe(%N5zKq8gA`iXLsu$Vg9Rz~>kLzSfK_PdByW1WaLVhEQJ|_<Izas!3 z5af}~??Uj*TMtQRHYe|al0cA0I<sXh#4T`0>_y0%j+0D<;o>>#AkmnJIo9})W;q9< zanU-+k|-EPOlk>liVPWz%>O2-l_ZGVQA|T*iB?O3H0y1=4vnA6P}R`9Xj=yv^i`Z! zT81IDa*N#Z$$g|$Y@mBjzam*uP%1Xa>&cMEhi9DRsw9joDJUFO4b2-vvj+GWdddB@ zZ@p!xYN%CiP&&Q(+oAV4Zh=EICc?k+-Y2>p1<iUJgTA?MfN6-;nVBD&4bjJj=wn0l bnHk6%5%hZL@+MFf00000NkvXXu0mjfydLU} literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-toggled-pressed.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/maximize-toggled-pressed.png new file mode 100644 index 0000000000000000000000000000000000000000..6a5c33b1ba1dcd804f9265094336aefb6db64e48 GIT binary patch literal 551 zcmV+?0@(eDP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10kla( zK~z|U?bkg^LQxn8@V{@B-SRaQG7<`+7c!a>i>Q{S3ZyBBTB<3?PmrIWr3Tj^YOq{d zgocJlYbtE0E#zwW0_L^UQoJ>UQ8&nQE|+q+|Mi~d;m5<d2OdRt&&V6<Aj<y+RHM)v z+vSOTjSLY+h6p1=gsB^dT5O@g+>BwD9o7y#03g9~xC%wVWeR@-F<BTad&V&_(+j2Q z`#|{$kJIB@>~5VQlg?B1rF!DK`YiDJ+%Q>~U(aPyd2Fs7;r=d73?aTF#x{ls0eno& z>vO|su6>povg8>fLR4e6wqS8%R9Z-@z6q1F{lrbHnVK6wi>^^R$dI!WDmDF|uGT2w zaN4DVSZsP~L^W2MPC5wB^P(Z7wM3BALryd#87HeHf?S8AD3|G{QZ7{xxnQM(6rM^r zIlQ5U1pN^do?oSd0Kne%IZ|<s7?F%|IM@jjpC^Xo9*fvq2_PA(jY+Uscvl0+WsAfR z>UBbA&|+cTh3WZ0Xc|=CzLiTA1pN{0Z-?;2z0kB3zt?D)1~{CZpYKF6#vyXaqL?p< pX(umOKO#efks-p!5Mk;D@(zPwe4`L7%P{}|002ovPDHLkV1jWr>~sJC literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/menu-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/menu-active.png new file mode 100644 index 0000000000000000000000000000000000000000..92a0c5ca19ce5ccd54daad5f0dd3ae52bd69dc6f GIT binary patch literal 683 zcmV;c0#yBpP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10ys%T zK~z|U?U&t4Q(+v(KOP5eCn3UlHi8wpxj|kO3-P84vlo*jx3&ySD~WE3gkC@hDMF!( z{)Fh2q0J<3q6?+Q7$)8LhB>F3o3o3w+s%u0W?k4uox1QSBQMV9>cH=J9zM^P-#HIY zk=0)NgB^hIzXfs>?cTFjOXPPn5ha?45=}&jCZc59B7z_w2;1M!mR2x`BG+$qGCUSw zekH;DN`m2!AGmh&1_n{wl8EZF#<G7O&tLnfv{?aIUtb5vrxII;($Uh+@={Wjh^j<N z^m?B9Us7qal2}Y|`CJ<ga|I4_1s6T7%zX}Ht+Mgt)eB1W`of8{U%7<MUPWYfj;6W> zg6{)lvsq+WCKL$bZFI4`l%&dG=R!w&;Y7}OTmU@kc}O~yqM@mg@#qZW(HTyjK1Di} zqPP120L@;PDiKvPGW%r#gD6sMv9p#=^C>)mWRd__{klT!0VlgkOPNVVSWBm=w%9i< zqAHQxU=|l|y!Jhl$=5Q!o^!QaZ$U&N;RpbA$Lj&;>byfd7AGECq^t8b07p+8`=fWW z=+rb1`3G^<9HzVXK4YO#MuQ>hYmVgWWyUh@_T0<&szFsE1HOKyC#I0hCf<ccaJP6c zmK!ma8)^2s85((uWRjSkm}J1$uS!Jq53O91c-;4lgU&<$tWS+ka<#RCZ>y_?6#>xc zba-3O<8C>N&9U)iL?iPI4ZLBn&yOt2YM0cm6MvzJDA7ceXd+595hXiD<R=jovh?qm R7!v>h002ovPDHLkV1nKTGG+h( literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/menu-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/menu-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..2cd12d79a497ecc02b89a91db3a2ccc35af35f94 GIT binary patch literal 529 zcmV+s0`C2ZP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10iH=j zK~z|U?Ul`n+b|SHkA4$7w!?(!EM{BiEA;&zr!<r%ah%xt>%wVZOes|$O%^_&)xC(r zmGnt`{_-{P1jt7V{6?%_-rb`m0Q6-&oToXOS!BvAGG!K-GK);PDOH64YfFqRP|5%h zg2N3bhM^<f@Qr4R2qCGe4N9Aj8)=Ky7Hdn|_6I4&`-unvRlPweLyCc}+v9zI5m~Y< zYLqrq)rPj+W=$sRj@ZTODzQIoaqdh?iIft~ooEkRQj92Vu(r(EI#0yd0)VdDlVZe} zCC&PcX8nfI3sQ=7-EQn%+)+eH1%USh0A<-Ar9w(Yv07hh{fFMWhzP_#b=^Xih>sos zZ7cv?w<D!Uijh;dA8UH7g&49#vR;iFPUyn0ENZ;#ajs|g^V_v9grq2&Yi|x&6B+s= zA$XM3)XgW1DL@E>kQlS1ZeEd65rSjrk69vO{qmlbgF>n?(A1xY8G;`J?Vd*ikYb=c ze8(<U7+at(LO%F0;``(OiFkmNpg$k!&w1nj8&C85&LUH0ktwstlv!lT(}?^6!!Dec TV6`}+00000NkvXXu0mjf1nlUs literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/menu-prelight.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/menu-prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..15c880d9801565a6488693e2f052d0190cfe78db GIT binary patch literal 636 zcmV-?0)zdDP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10trb( zK~z|U?bT06lVKdd@$W*1l3{Nxa8qaOB@KuD!A4RZ=Agrn4i$K)QRtzAha3eSB<31j z>foPKc@o_6xDJ)O#9oTR!BVJPWHHgLn&9*mhI%lpgXH1G%M-lK;Qd}7-iHs*`@Fx` zB-fw)#U5y1u>pTFRZ6z4Vj}=b08_CMu!mla0nuhav>6a>21HxQ-#k=mHskjCXlc7d z?a>ARvh%Yf;!%`XgrA$6!h4!3C7aOSS2|q9?a&x@*}3a_CY@p+a2<7dQ9nqj*-T*Y zId<8}%F++UM}o{uzXqW3bSoWQeN<ID$fQ%;^S29~jL;o%dwn~IyWJN^zInmMdV!7g z0#k2eg!~s#^EvFYlQyqUWNR_VInNaUo;(h+R#@ev%fnFQ9fRQ{CtM!Z3agBd1OaIA zT-Fa#U3UzCndw&mboM+%vRFBE#75_>2LODW+Fq-vtJe>rXF`zg3txfliwQ6~+>5%r zh?>taI@}9D(-}7a-xj_IL4@YWq!Pu^aEgwuK4w2m@;({If310EegA=jT)o*3Kq4L$ zf(V_6G7%;__X%r_%>73%akaKnR$f6_c?Heqy#$7yAz7?s(kYZ!L<k~2&@5K&gvO|K zH14{dNv9a-zk!<1=?ekvh(8WMcK$O7<tfTU_}`3pz4|{tUp+G*+6;&`1ES4<X!{M_ Wz@CB<BlztA0000<MNUMnLSTZ*fE<ee literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/menu-pressed.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/menu-pressed.png new file mode 100644 index 0000000000000000000000000000000000000000..38b4339132331ff7e902dc1793bd76389fc620e9 GIT binary patch literal 638 zcmV-^0)hRBP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10t-n* zK~z|U?Ug}DQ*j)}Ka24oQJ2LwT~M;sroM|KFpMHr22<;>1w}M6spEp`AQT>UsEd#Y zU4u%cz{B&h+MpqH2&2HAwtA)>IyB$gq3j7FB6WD^;pOEYyj<`;*YEHD=fm&+|Ns83 zQ26*SYJfevEwF{l(-hd;Z3zH3HPV%ukN`*IPaF{|j))aU#ESc`7D*DFiL1!*B;HUM z0DV!VoS&wsOtQJLA-t!{(-aW;eH*;ZTpAn4ACY&=HMPXl?Q0m-W&1?jlElE%EdGd$ zp;su3W>|Xv7J$~SQ^eBu*ncR9rj~eiy<ey^LU$yZNa2sj{M5ej<jOfd6|$_a8mzAx zs57s5K6n8`ui%f!M3X6zt;Iy-zKZ}99%Wct`A+D>8PcyllFoi0)E#4O<p+h)j9D8` z+9%=-9tGGwj=td$8vOwpn-9`EJYr_EX0~;SZ4t2(A(86R7XVtjP6Cj7ID}DM#?UL| z9t;5x>^^PQF3t;y2+fgFP9Y$761#PuuXD33yqn>1@3HNCuV)`UcQa;fUJ()z>PS(U zK%Xyj;BbhWFAKDt?MJGsN2;r*z2`hPUc8~f*Mg>&C@PaeBH{zh*TUtoaeU#99dk`B zF?DAEL$BB?0_I?gCQ@|76Znp_0iZ8@rktN<PMP>OBi=6l&*y6=j))aU#EK(g#SyXc Y8-XI8ey9PW6#xJL07*qoM6N<$f_Y0I$^ZZW literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/right-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/right-active.png new file mode 100644 index 0000000000000000000000000000000000000000..493f8cc32274ae91282e5e0a5963a33094a04e3a GIT binary patch literal 138 zcmeAS@N?(olHy`uVBq!ia0vp^Oh7Ea!3HF4R;=3sq&N#aB8wRq_zr_G<MI3zDL_HV z64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1UVJzX3_IA$h?gc<)oe*g%M eFt9S8W?;DefpLD1<-*TEB@CXfelF{r5}E))jVTHM literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/right-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/right-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..493f8cc32274ae91282e5e0a5963a33094a04e3a GIT binary patch literal 138 zcmeAS@N?(olHy`uVBq!ia0vp^Oh7Ea!3HF4R;=3sq&N#aB8wRq_zr_G<MI3zDL_HV z64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1UVJzX3_IA$h?gc<)oe*g%M eFt9S8W?;DefpLD1<-*TEB@CXfelF{r5}E))jVTHM literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-active.png new file mode 100644 index 0000000000000000000000000000000000000000..ca26576b6e445bef7e337b50eee54b581294fc73 GIT binary patch literal 583 zcmV-N0=WH&P)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10n|xE zK~z|U?bqK+Q(+v(@%Kh@cGu1Vf2?kF?(8fuy7Q)Dgos2qmx{7*%v>ncwHF~pAw>T} z)Yxb^qfyX67K=p5TXR8Y^J0{m)}`y_V6ZM)(9Yb&2@V=OpWE-}JiK^#cn*)vqx4oe z2C*MC;7@EPWw+Rozat>V2#7HPVvK+o^M6Amhl889XUHz+(00pcyJfP=Ibye_ksOYH zf|&l-xX+v>zL><T`VO6!K50yjMfkeCV+vwwM<hw&X*z*d^|AH&3$bt%wWABQql>BW z2%B0F#jo;YA%P@G)<Le{h@kjYHnk#GF7=aNdV{X(=(^6^T%O^9AUj*z_|B??Cnv0f z1V@Gdc=X^QKPr`md1b%C{M`LoH)I{8Tk!(0w(`DdXZ77mt=nxKq+0!buI={bpV@5n zT}vP(tpvb@z{RGWK;PxMt|gF{i!T6}y?Y1QB{$4nr(Dd<->d6d0$E5r<Ku?{ot{pX zR`U!F58;%ZIAteSLxW^;uW4;>qp-d~I+-#BF@2%6wzu&(6{qL?xkKlL^$lX-DBt(K zSqlMZX*t2zM3~^{HI&*7ThfZWdY&PjOmT4V)9jMsInfXSF-Aa)5fEbp#F%3P`2`G! Vho<f;L}~y4002ovPDHLkV1muQ5Gnuw literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..a4c292e3667ef283f996e8f461ecba1d79b614c5 GIT binary patch literal 475 zcmV<10VMv3P)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10cc4? zK~z|U?Uqeb!yphq9}q~>FUP7Eug>@v{Qv)_<Dp3#Ljrh6TQ#kYbSByZ?+Ux~W?2@* z)ALK<3XuOTa6sJLKBkI%CW#D5B14kMkR&qXYDBV2f`kB*&(NkIQ+<lgb+op|He134 zk4ChJkdpcQ4yC?^W=fM48e<Bo>XqRAcp^e@l<?kB?@GF^=@V(gq*$PoW<Fn0mFuX= zMD>WtXGe*0v!-opLhyv(Y3&=;W{vj_r8LIOVp7M6Xj1@C?@B^AEqw@qdbjEK=EZm- zncO$#{y5Ijbrt|6)p#Pm<FbENlt|}0pl{6Y$g&&&=iPWBt*rr=6bpn9C+k8=rqgA= zx2eYyvCS6eT9nLKEFaK%f)ElRBw9~cF76Rh;arQg+bEIf&vQS}Rw$*<t~=L`KhOYz z_f+K?V`k{Q__#@j5pVx!!~=u?O|zwG;>!OMSM&NNks(QBND>*6M21|A$UEbkh)W?Z RASeI;002ovPDHLkV1kV#(n0_L literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-prelight.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..54bd1e469319f75b6ec13b211d3e542a41507fd1 GIT binary patch literal 569 zcmV-90>=G`P)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10mey0 zK~z|U?bkm@8&Mp<@o$O=7-K_d2d#;g1Qj9<LWwD8Nd%!59hxCSYaJXMoNBvC(U3Ze zlYdq{v$algL&ezAmO#;^3G@%4HC8QDYv3?~5!yl2a*4we&SrSu^>_F9@OZrAOrD0; zKa@aM{x{$xlihJc?#RDMh&~C?Cn5SIL|@53$}aMf*<vBk)r&uPAJ@%B05-mVCJ|p? zMODZj9ty81{H<|ZtK#YNIb3dU(Rn7FVtk~Jz1^S2LCh8lqZ5m`++KeF+9Ea+A-VPj z0B=hh;r?N&YTRVfDWXH&LOUaLMuPVqog$tMcJkrvA_qB*gPg|dJC*3;9`<&&sr57w zxcg9KX)(y{U<iQu=?ME;wqU-mWr@v10PuH&jDytF)dP@RdwuRRA6JiO&bkKUAVwwx z*<Ak$93RZ{YQ7Z!;K%wG;~?*sUjPv9AEv@)FPPh|I(RTJ3P57{rE!oIRUwm3QSJ0F zHnoJWy_<4tCFRyie0O>nn|y`idNrAJinyu>K`wNmJ&Ddz>uD-FzmyB@q%yOaU{^2x zj?mc^|Lqfr_yTcN;V7RMT~hu|6eJ<~Bt)Nt=#vnAB?I{jc+rP9y5YKE00000NkvXX Hu0mjfGT{0S literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-pressed.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-pressed.png new file mode 100644 index 0000000000000000000000000000000000000000..79969baba6e584337d986d712257fb9f58863c2d GIT binary patch literal 670 zcmV;P0%84$P)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10xL;G zK~z|U?blsMQ(+v(@$V_$0-YE;TNqT%O_%MW1tn2l*bH2S<O-xft?06(f`aTq0wKJJ z3cTz>)(asuy9hT>u!K;Em@v!f+N99jrZ-MW-InXZtT=hmBaFN_zpLl)f6o8;@bK^) zj#OMyo?-)J)BgsnM#?WJRCnahs1RjTh%zcf85N?;hJj?P>!qx0_ML9PVt1f5lmIXj z8pG#y;eGBT8DA3aDg3R`=nJWP@CeyxUb7wzjL><dfmq~g`XCuu*_?NFBOA@kPEF8r zw}sH)8zf0$=l(++xqJ(4k%?$vgpS5zB;)aah6tSz>#2HVqnVlU01wYpG4|R+a&dvg z!Z$wk_u#xxLo7Ur&a@k=qh6%77{p?)1)#6}4omZMm@2Ah@_1?TcrhNfu{al__ug#) z%BpMA2hkRp0QmgwEdbTcZRBco<Z5-;o7(^wAM6J}Hki@}Nu^eflO#zi&&$idYpY{P zX#Mp;rb7V$c9mBE;BLJ^EIi5V)CAqF*8wO#SP4KhI4T4Yx<@{^U$EU`rSj5EzPukG zIM7G?i37jtTk;FAU2FL{*ChlI+7YkoF_F<>w(c-+@mVirM{CH*(~y&=!E8IuxsF%l z$=e9~eGGLy5rPO`Xt}bUy8BM_rIt18VZV>gtBuT0N74%c*qoWk-jiq9V|O4MN&$!l z{e1LvG4%2&-xCSZmg?`sUr`~-s1RjTh%zcfnGFN^0X<@;l*>Jx3jhEB07*qoM6N<$ Eg8P~@Z2$lO literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-toggled-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-toggled-active.png new file mode 100644 index 0000000000000000000000000000000000000000..92a0c5ca19ce5ccd54daad5f0dd3ae52bd69dc6f GIT binary patch literal 683 zcmV;c0#yBpP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10ys%T zK~z|U?U&t4Q(+v(KOP5eCn3UlHi8wpxj|kO3-P84vlo*jx3&ySD~WE3gkC@hDMF!( z{)Fh2q0J<3q6?+Q7$)8LhB>F3o3o3w+s%u0W?k4uox1QSBQMV9>cH=J9zM^P-#HIY zk=0)NgB^hIzXfs>?cTFjOXPPn5ha?45=}&jCZc59B7z_w2;1M!mR2x`BG+$qGCUSw zekH;DN`m2!AGmh&1_n{wl8EZF#<G7O&tLnfv{?aIUtb5vrxII;($Uh+@={Wjh^j<N z^m?B9Us7qal2}Y|`CJ<ga|I4_1s6T7%zX}Ht+Mgt)eB1W`of8{U%7<MUPWYfj;6W> zg6{)lvsq+WCKL$bZFI4`l%&dG=R!w&;Y7}OTmU@kc}O~yqM@mg@#qZW(HTyjK1Di} zqPP120L@;PDiKvPGW%r#gD6sMv9p#=^C>)mWRd__{klT!0VlgkOPNVVSWBm=w%9i< zqAHQxU=|l|y!Jhl$=5Q!o^!QaZ$U&N;RpbA$Lj&;>byfd7AGECq^t8b07p+8`=fWW z=+rb1`3G^<9HzVXK4YO#MuQ>hYmVgWWyUh@_T0<&szFsE1HOKyC#I0hCf<ccaJP6c zmK!ma8)^2s85((uWRjSkm}J1$uS!Jq53O91c-;4lgU&<$tWS+ka<#RCZ>y_?6#>xc zba-3O<8C>N&9U)iL?iPI4ZLBn&yOt2YM0cm6MvzJDA7ceXd+595hXiD<R=jovh?qm R7!v>h002ovPDHLkV1nKTGG+h( literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-toggled-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-toggled-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..2cd12d79a497ecc02b89a91db3a2ccc35af35f94 GIT binary patch literal 529 zcmV+s0`C2ZP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10iH=j zK~z|U?Ul`n+b|SHkA4$7w!?(!EM{BiEA;&zr!<r%ah%xt>%wVZOes|$O%^_&)xC(r zmGnt`{_-{P1jt7V{6?%_-rb`m0Q6-&oToXOS!BvAGG!K-GK);PDOH64YfFqRP|5%h zg2N3bhM^<f@Qr4R2qCGe4N9Aj8)=Ky7Hdn|_6I4&`-unvRlPweLyCc}+v9zI5m~Y< zYLqrq)rPj+W=$sRj@ZTODzQIoaqdh?iIft~ooEkRQj92Vu(r(EI#0yd0)VdDlVZe} zCC&PcX8nfI3sQ=7-EQn%+)+eH1%USh0A<-Ar9w(Yv07hh{fFMWhzP_#b=^Xih>sos zZ7cv?w<D!Uijh;dA8UH7g&49#vR;iFPUyn0ENZ;#ajs|g^V_v9grq2&Yi|x&6B+s= zA$XM3)XgW1DL@E>kQlS1ZeEd65rSjrk69vO{qmlbgF>n?(A1xY8G;`J?Vd*ikYb=c ze8(<U7+at(LO%F0;``(OiFkmNpg$k!&w1nj8&C85&LUH0ktwstlv!lT(}?^6!!Dec TV6`}+00000NkvXXu0mjf1nlUs literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-toggled-prelight.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-toggled-prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..15c880d9801565a6488693e2f052d0190cfe78db GIT binary patch literal 636 zcmV-?0)zdDP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10trb( zK~z|U?bT06lVKdd@$W*1l3{Nxa8qaOB@KuD!A4RZ=Agrn4i$K)QRtzAha3eSB<31j z>foPKc@o_6xDJ)O#9oTR!BVJPWHHgLn&9*mhI%lpgXH1G%M-lK;Qd}7-iHs*`@Fx` zB-fw)#U5y1u>pTFRZ6z4Vj}=b08_CMu!mla0nuhav>6a>21HxQ-#k=mHskjCXlc7d z?a>ARvh%Yf;!%`XgrA$6!h4!3C7aOSS2|q9?a&x@*}3a_CY@p+a2<7dQ9nqj*-T*Y zId<8}%F++UM}o{uzXqW3bSoWQeN<ID$fQ%;^S29~jL;o%dwn~IyWJN^zInmMdV!7g z0#k2eg!~s#^EvFYlQyqUWNR_VInNaUo;(h+R#@ev%fnFQ9fRQ{CtM!Z3agBd1OaIA zT-Fa#U3UzCndw&mboM+%vRFBE#75_>2LODW+Fq-vtJe>rXF`zg3txfliwQ6~+>5%r zh?>taI@}9D(-}7a-xj_IL4@YWq!Pu^aEgwuK4w2m@;({If310EegA=jT)o*3Kq4L$ zf(V_6G7%;__X%r_%>73%akaKnR$f6_c?Heqy#$7yAz7?s(kYZ!L<k~2&@5K&gvO|K zH14{dNv9a-zk!<1=?ekvh(8WMcK$O7<tfTU_}`3pz4|{tUp+G*+6;&`1ES4<X!{M_ Wz@CB<BlztA0000<MNUMnLSTZ*fE<ee literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-toggled-pressed.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/shade-toggled-pressed.png new file mode 100644 index 0000000000000000000000000000000000000000..38b4339132331ff7e902dc1793bd76389fc620e9 GIT binary patch literal 638 zcmV-^0)hRBP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10t-n* zK~z|U?Ug}DQ*j)}Ka24oQJ2LwT~M;sroM|KFpMHr22<;>1w}M6spEp`AQT>UsEd#Y zU4u%cz{B&h+MpqH2&2HAwtA)>IyB$gq3j7FB6WD^;pOEYyj<`;*YEHD=fm&+|Ns83 zQ26*SYJfevEwF{l(-hd;Z3zH3HPV%ukN`*IPaF{|j))aU#ESc`7D*DFiL1!*B;HUM z0DV!VoS&wsOtQJLA-t!{(-aW;eH*;ZTpAn4ACY&=HMPXl?Q0m-W&1?jlElE%EdGd$ zp;su3W>|Xv7J$~SQ^eBu*ncR9rj~eiy<ey^LU$yZNa2sj{M5ej<jOfd6|$_a8mzAx zs57s5K6n8`ui%f!M3X6zt;Iy-zKZ}99%Wct`A+D>8PcyllFoi0)E#4O<p+h)j9D8` z+9%=-9tGGwj=td$8vOwpn-9`EJYr_EX0~;SZ4t2(A(86R7XVtjP6Cj7ID}DM#?UL| z9t;5x>^^PQF3t;y2+fgFP9Y$761#PuuXD33yqn>1@3HNCuV)`UcQa;fUJ()z>PS(U zK%Xyj;BbhWFAKDt?MJGsN2;r*z2`hPUc8~f*Mg>&C@PaeBH{zh*TUtoaeU#99dk`B zF?DAEL$BB?0_I?gCQ@|76Znp_0iZ8@rktN<PMP>OBi=6l&*y6=j))aU#EK(g#SyXc Y8-XI8ey9PW6#xJL07*qoM6N<$f_Y0I$^ZZW literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-active.png new file mode 100644 index 0000000000000000000000000000000000000000..ca26576b6e445bef7e337b50eee54b581294fc73 GIT binary patch literal 583 zcmV-N0=WH&P)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10n|xE zK~z|U?bqK+Q(+v(@%Kh@cGu1Vf2?kF?(8fuy7Q)Dgos2qmx{7*%v>ncwHF~pAw>T} z)Yxb^qfyX67K=p5TXR8Y^J0{m)}`y_V6ZM)(9Yb&2@V=OpWE-}JiK^#cn*)vqx4oe z2C*MC;7@EPWw+Rozat>V2#7HPVvK+o^M6Amhl889XUHz+(00pcyJfP=Ibye_ksOYH zf|&l-xX+v>zL><T`VO6!K50yjMfkeCV+vwwM<hw&X*z*d^|AH&3$bt%wWABQql>BW z2%B0F#jo;YA%P@G)<Le{h@kjYHnk#GF7=aNdV{X(=(^6^T%O^9AUj*z_|B??Cnv0f z1V@Gdc=X^QKPr`md1b%C{M`LoH)I{8Tk!(0w(`DdXZ77mt=nxKq+0!buI={bpV@5n zT}vP(tpvb@z{RGWK;PxMt|gF{i!T6}y?Y1QB{$4nr(Dd<->d6d0$E5r<Ku?{ot{pX zR`U!F58;%ZIAteSLxW^;uW4;>qp-d~I+-#BF@2%6wzu&(6{qL?xkKlL^$lX-DBt(K zSqlMZX*t2zM3~^{HI&*7ThfZWdY&PjOmT4V)9jMsInfXSF-Aa)5fEbp#F%3P`2`G! Vho<f;L}~y4002ovPDHLkV1muQ5Gnuw literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..a4c292e3667ef283f996e8f461ecba1d79b614c5 GIT binary patch literal 475 zcmV<10VMv3P)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10cc4? zK~z|U?Uqeb!yphq9}q~>FUP7Eug>@v{Qv)_<Dp3#Ljrh6TQ#kYbSByZ?+Ux~W?2@* z)ALK<3XuOTa6sJLKBkI%CW#D5B14kMkR&qXYDBV2f`kB*&(NkIQ+<lgb+op|He134 zk4ChJkdpcQ4yC?^W=fM48e<Bo>XqRAcp^e@l<?kB?@GF^=@V(gq*$PoW<Fn0mFuX= zMD>WtXGe*0v!-opLhyv(Y3&=;W{vj_r8LIOVp7M6Xj1@C?@B^AEqw@qdbjEK=EZm- zncO$#{y5Ijbrt|6)p#Pm<FbENlt|}0pl{6Y$g&&&=iPWBt*rr=6bpn9C+k8=rqgA= zx2eYyvCS6eT9nLKEFaK%f)ElRBw9~cF76Rh;arQg+bEIf&vQS}Rw$*<t~=L`KhOYz z_f+K?V`k{Q__#@j5pVx!!~=u?O|zwG;>!OMSM&NNks(QBND>*6M21|A$UEbkh)W?Z RASeI;002ovPDHLkV1kV#(n0_L literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-prelight.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..54bd1e469319f75b6ec13b211d3e542a41507fd1 GIT binary patch literal 569 zcmV-90>=G`P)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10mey0 zK~z|U?bkm@8&Mp<@o$O=7-K_d2d#;g1Qj9<LWwD8Nd%!59hxCSYaJXMoNBvC(U3Ze zlYdq{v$algL&ezAmO#;^3G@%4HC8QDYv3?~5!yl2a*4we&SrSu^>_F9@OZrAOrD0; zKa@aM{x{$xlihJc?#RDMh&~C?Cn5SIL|@53$}aMf*<vBk)r&uPAJ@%B05-mVCJ|p? zMODZj9ty81{H<|ZtK#YNIb3dU(Rn7FVtk~Jz1^S2LCh8lqZ5m`++KeF+9Ea+A-VPj z0B=hh;r?N&YTRVfDWXH&LOUaLMuPVqog$tMcJkrvA_qB*gPg|dJC*3;9`<&&sr57w zxcg9KX)(y{U<iQu=?ME;wqU-mWr@v10PuH&jDytF)dP@RdwuRRA6JiO&bkKUAVwwx z*<Ak$93RZ{YQ7Z!;K%wG;~?*sUjPv9AEv@)FPPh|I(RTJ3P57{rE!oIRUwm3QSJ0F zHnoJWy_<4tCFRyie0O>nn|y`idNrAJinyu>K`wNmJ&Ddz>uD-FzmyB@q%yOaU{^2x zj?mc^|Lqfr_yTcN;V7RMT~hu|6eJ<~Bt)Nt=#vnAB?I{jc+rP9y5YKE00000NkvXX Hu0mjfGT{0S literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-pressed.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-pressed.png new file mode 100644 index 0000000000000000000000000000000000000000..79969baba6e584337d986d712257fb9f58863c2d GIT binary patch literal 670 zcmV;P0%84$P)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10xL;G zK~z|U?blsMQ(+v(@$V_$0-YE;TNqT%O_%MW1tn2l*bH2S<O-xft?06(f`aTq0wKJJ z3cTz>)(asuy9hT>u!K;Em@v!f+N99jrZ-MW-InXZtT=hmBaFN_zpLl)f6o8;@bK^) zj#OMyo?-)J)BgsnM#?WJRCnahs1RjTh%zcf85N?;hJj?P>!qx0_ML9PVt1f5lmIXj z8pG#y;eGBT8DA3aDg3R`=nJWP@CeyxUb7wzjL><dfmq~g`XCuu*_?NFBOA@kPEF8r zw}sH)8zf0$=l(++xqJ(4k%?$vgpS5zB;)aah6tSz>#2HVqnVlU01wYpG4|R+a&dvg z!Z$wk_u#xxLo7Ur&a@k=qh6%77{p?)1)#6}4omZMm@2Ah@_1?TcrhNfu{al__ug#) z%BpMA2hkRp0QmgwEdbTcZRBco<Z5-;o7(^wAM6J}Hki@}Nu^eflO#zi&&$idYpY{P zX#Mp;rb7V$c9mBE;BLJ^EIi5V)CAqF*8wO#SP4KhI4T4Yx<@{^U$EU`rSj5EzPukG zIM7G?i37jtTk;FAU2FL{*ChlI+7YkoF_F<>w(c-+@mVirM{CH*(~y&=!E8IuxsF%l z$=e9~eGGLy5rPO`Xt}bUy8BM_rIt18VZV>gtBuT0N74%c*qoWk-jiq9V|O4MN&$!l z{e1LvG4%2&-xCSZmg?`sUr`~-s1RjTh%zcfnGFN^0X<@;l*>Jx3jhEB07*qoM6N<$ Eg8P~@Z2$lO literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-toggled-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-toggled-active.png new file mode 100644 index 0000000000000000000000000000000000000000..4b9422069c27ca602bda584dbe4702da45c9b98d GIT binary patch literal 650 zcmV;50(Jd~P)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10vAa{ zK~z|U?bqE)Q(+vy@$aH`AUnpoaU1AG#^&6Fq9S_1YGFYynwFHMjg^Jnc{LbD3HEmw zt)%td3bklPAdz0!g?ijr>mqVz>(0TB7Y17w)~b^iJ_E_%d~bgb51;dJUO1*|$F2ga zpf&#*@H5j!i`_Vp-!mZk42V7hqR)Wn`@bQQB;oJsBr-BcER`gdN)j0v#NXA4B$-Qs z2!Cs=b{n_u-=W6sT5=v&V))N=kWte@5TO&1B&mo{XH#7DUB+GMz+LI!O8Z4VeN0m0 zcF`XW37?D*<ea~wh&Wo`z{?jy%xfC+n#Sv)SDZT1NIIqB^3>AiYhO7?)9Gda`g(fF z&Smi)KE(LU2gZ~M4mNnn&SmNA>0Mmg+9CuIx<`~R3D%dD;i+<><#LQE6I9r&0A$oO zyFEMDAj?dBj-%yrc&ePshLrTwm`o-B3WZ<Skk99T%u3l&5R!-|0NA^K9{|Db0O^#9 zI-4Tc9RQ%-d*F|?%WbX5;>g1%Y~8+%!1W;G@80t^`i4DqJBxG6CJWbY-T>g)gU3P; zp%b}x`z|w63Y)i7GdvpQ*vS*f<uY=)%<<+%hDW1V?KYIjX~LlaA&Bq`t-@xdKOCaA z&b{PZnVjZQn~$&Q%*sLl%;t5Ry>OnU))t(u#U~>^6X*G(r-VZTEG&Ez-O~7-_$vdV k&w%JNAo>i5zEuPH4*0sMVl;K0PXGV_07*qoM6N<$f?6#!2><{9 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-toggled-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-toggled-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..6e306f4a653fafdf86aca18da0f01cea7e628c16 GIT binary patch literal 526 zcmV+p0`dKcP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10h>ug zK~z|U?Uu`KoG=tXk8NxoLzyIMv*@-`f1&^XJ5AJT1_H&;E|`u|l#QdJ&VsW-_+lN| z_ksBG^;_ZwkpElY58`<Lc|VcY>>_J+ku|%>nq6eg&4?85`%F-l4W_J-YS|)skF^u? zJOcSsBU?mDMcdvZmHz9!Dl~PWDa)E+_(_amI}w4nO2inLrZdjY0BCKf>JFteZTmpq zKanyHCM!ow)m$a|^ApbgV!4Kdb2CH#OpF1k3UqnM**a6iQ~*rVnUoTRuITO_>FyrU zx+JB<H1?O+dOHy%m%Q-K0&qASkwPJbqG^uHnx8MRYCDm%s)qC`3Eq0zOe9<?q0k0^ z>E%R>VM*MV698H-*B8QuRpaK7qB&Ak9o}1<pK+(}*L5K!b=@tocFYpVIuUC}f_EsT z=(<lBQzL{x2!YlWAKH%yDGA<TGexq0o`sOK?E|XNZ>|UL7=|CD6thIKJ8MdjVR*)v z25oB8rNf5caCXAlF{_ciTV#=ec^)rw<==2K({~qHvx}_RMb_*hYi>s5H)n93s?Sz2 Q%m4rY07*qoM6N<$f^skGpa1{> literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-toggled-prelight.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-toggled-prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..ea59996df2db22d18274d180300148f99b542fdd GIT binary patch literal 644 zcmV-~0(<?5P)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10uf0> zK~z|U?Ug}DlVKRge+wOohAl1JrZe`Dg&#>`)(9mx2pZNQqYgO=y#!qx1ws<Gh9?gb zFO?@@GmmzWc_{pd0!1q*TcokjX-#PMg>!hYsDs+!%gY;lx#0U<AKr%_&-=Xp*CbV* z_(>M9Yo`UaFcn#BKXzIIAcriON>)gKA@V1Nh!#Uciy@*V=Wh<>n$0wxX~E@brmUh8 zfW^5PCX`1gql0{3Ul;CaDzeyweqT#*DK~;)9Fn|kJrR!)>biouyriE<uGvgi?+6Y_ zMolFd>JKpe>L~znO#>HOZ&7M@l8DE+>u(a8jL?oWdVM$~nXg|ybNl*fCZCP4mPxag zN%P`)l%W3{YAT6Cl5u-|BCW+lPI@i?@bE!^)fJWMIuE^(DMH~%s*kzJq`xuL9{|AR zY1U7~UU3kBx0~0|*51S3eKv~s+i7j@0bu&&Mr~_}brI1MA(2n>9{{MTsRv-7uLE^? z2{n~upsxdfBekahSe%~~5)sOgab+0ip`%=C>tyE5IIpM1@VC_dt{3dy!{uuM04BzU zg+zoVqC_Jse0+zsOrrb#6YA=l$jdJzFTarE4QJ`T_ZUlwl|(#-GCC+EA|7ZZR&EBv zlsl`otta9!LU*pBrjq)Kz-GjIeYo7`DL-%+fQ7mD8xbFk{F{i^i~sZa>WLwu#SqbA eh-fiHwEO}ua-NgQ+Ll%T0000<MNUMnLSTZWZ5tT? literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-toggled-pressed.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/stick-toggled-pressed.png new file mode 100644 index 0000000000000000000000000000000000000000..9aa99e969f2e33067d830d6b4655d0cccf93db75 GIT binary patch literal 653 zcmV;80&@L{P)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00009a7bBm000id z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10vbs~ zK~z|U?bbhN6JZ#~@$cC*U`ZRRG-o4d$!SuP4vj;lqDZuY(K@6KMJ!g)F@m}jr9&Ka z=unHZ;Gg&h9j;3>1*0ek6@}KJsa|a}I2i9TXuUuwRdh&oI12I>Vlv!seV%*y@V+n4 zdy?Yc`HL#Zno0xyL~=KJe^eR)-~ehWjesgT8XIDb4Y9_CSYt!1ajfQ}n%Y{zJ$(cZ z#_%Ws0E{_}Y+B{r=skWeEeWqFxf{Jgudk~~rgtQX90;vg*R?4go;yLYpqCHga60L~ znL-YPFpWH!;RLzYF9B%j*h3_Kk@cH>=-L#wPIe3JjL;nk$NG>1A-?OMxpC|O?=vYD zizbUj6YcpEZl5}WY2=XuZM4UZi!3b$2}XMW$P6b~nE#5hYaj8)Z;7Ygpmau9nEyuR z+GPORqDRXIY4U9YAU9q*jzfb(G{{~WHf|z1IJ8`QQR-Fv<%39)^zWus{&)&O3b~H} zv~=tSAboX!VnN3&d?9^h003X--cs+}j1WX<j%3p+-cUP{vzPcZG0yC(XIzi&_*-A= zUPsr3M5%X76@m!u$fTOYn3-n77KJkpGPLeLjI+*#v(Cl#u5M1>e@eZl8C}aVsooWW z2oJP+PcywEckuXwE7o-_%cJxCm`1+55GW0{aBO+RZ*2v@nEk-?*eDZf^8bwZa;0is nUmIeL4Y9_CSYt!1sT#;{a@wDR{w{As00000NkvXXu0mjf^lcw7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/themerc b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/themerc new file mode 100644 index 0000000..126405d --- /dev/null +++ b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/themerc @@ -0,0 +1,23 @@ +button_offset=7 +button_spacing=-7 + +show_app_icon=false + +full_width_title=true + +title_shadow_active=false +title_shadow_inactive=false + +title_horizontal_offset=3 + +active_text_color=#afafaf +active_text_shadow_color=#252525 + +inactive_text_color=#808080 +inactive_text_shadow_color=#252525 + +shadow_delta_height=2 +shadow_delta_width=0 +shadow_delta_x=0 +shadow_delta_y=-5 +shadow_opacity=40 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-1-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-1-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2fb34cf4d58f8511cb1e6e76cc4f6d6a0b5b9014 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0vp^Y(T8S0U}qe@Gb>XoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-yaE{-7@6O%*2jQ^i+U^Pe- qPDucQC*o6-e2=d<0)#AioD9cnnEtCWSAGU+VDNPHb6Mw<&;$U0CM{k7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-1-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-1-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..2fb34cf4d58f8511cb1e6e76cc4f6d6a0b5b9014 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0vp^Y(T8S0U}qe@Gb>XoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-yaE{-7@6O%*2jQ^i+U^Pe- qPDucQC*o6-e2=d<0)#AioD9cnnEtCWSAGU+VDNPHb6Mw<&;$U0CM{k7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-2-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-2-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2fb34cf4d58f8511cb1e6e76cc4f6d6a0b5b9014 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0vp^Y(T8S0U}qe@Gb>XoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-yaE{-7@6O%*2jQ^i+U^Pe- qPDucQC*o6-e2=d<0)#AioD9cnnEtCWSAGU+VDNPHb6Mw<&;$U0CM{k7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-2-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-2-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..2fb34cf4d58f8511cb1e6e76cc4f6d6a0b5b9014 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0vp^Y(T8S0U}qe@Gb>XoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-yaE{-7@6O%*2jQ^i+U^Pe- qPDucQC*o6-e2=d<0)#AioD9cnnEtCWSAGU+VDNPHb6Mw<&;$U0CM{k7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-3-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-3-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2fb34cf4d58f8511cb1e6e76cc4f6d6a0b5b9014 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0vp^Y(T8S0U}qe@Gb>XoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-yaE{-7@6O%*2jQ^i+U^Pe- qPDucQC*o6-e2=d<0)#AioD9cnnEtCWSAGU+VDNPHb6Mw<&;$U0CM{k7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-3-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-3-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..2fb34cf4d58f8511cb1e6e76cc4f6d6a0b5b9014 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0vp^Y(T8S0U}qe@Gb>XoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-yaE{-7@6O%*2jQ^i+U^Pe- qPDucQC*o6-e2=d<0)#AioD9cnnEtCWSAGU+VDNPHb6Mw<&;$U0CM{k7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-4-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-4-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2fb34cf4d58f8511cb1e6e76cc4f6d6a0b5b9014 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0vp^Y(T8S0U}qe@Gb>XoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-yaE{-7@6O%*2jQ^i+U^Pe- qPDucQC*o6-e2=d<0)#AioD9cnnEtCWSAGU+VDNPHb6Mw<&;$U0CM{k7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-4-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-4-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..2fb34cf4d58f8511cb1e6e76cc4f6d6a0b5b9014 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0vp^Y(T8S0U}qe@Gb>XoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-yaE{-7@6O%*2jQ^i+U^Pe- qPDucQC*o6-e2=d<0)#AioD9cnnEtCWSAGU+VDNPHb6Mw<&;$U0CM{k7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-5-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-5-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2fb34cf4d58f8511cb1e6e76cc4f6d6a0b5b9014 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0vp^Y(T8S0U}qe@Gb>XoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-yaE{-7@6O%*2jQ^i+U^Pe- qPDucQC*o6-e2=d<0)#AioD9cnnEtCWSAGU+VDNPHb6Mw<&;$U0CM{k7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-5-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/title-5-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..2fb34cf4d58f8511cb1e6e76cc4f6d6a0b5b9014 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0vp^Y(T8S0U}qe@Gb>XoCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-yaE{-7@6O%*2jQ^i+U^Pe- qPDucQC*o6-e2=d<0)#AioD9cnnEtCWSAGU+VDNPHb6Mw<&;$U0CM{k7 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/top-left-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/top-left-active.png new file mode 100644 index 0000000000000000000000000000000000000000..02d74411366b72b6d4c78310a3b04fc2df54d668 GIT binary patch literal 186 zcmeAS@N?(olHy`uVBq!ia0vp^96+qX!3HF^Bvu~-Qk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0xSo-U3d7QM+lTwF;G?BeTf z{_-bpelY1kK!e`TXJ3<Bm{L4vu<#fpUT)=?QUCX8^Xq@#-U_!d?clsok{n^UDk0?H eil&8&85kmU6pRy2_67irWbkzLb6Mw<&;$TQVLj~t literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/top-left-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/top-left-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..02d74411366b72b6d4c78310a3b04fc2df54d668 GIT binary patch literal 186 zcmeAS@N?(olHy`uVBq!ia0vp^96+qX!3HF^Bvu~-Qk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0xSo-U3d7QM+lTwF;G?BeTf z{_-bpelY1kK!e`TXJ3<Bm{L4vu<#fpUT)=?QUCX8^Xq@#-U_!d?clsok{n^UDk0?H eil&8&85kmU6pRy2_67irWbkzLb6Mw<&;$TQVLj~t literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/top-right-active.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/top-right-active.png new file mode 100644 index 0000000000000000000000000000000000000000..e7a06a92c8f0c5b2922a2414b80a7521a339ef11 GIT binary patch literal 211 zcmeAS@N?(olHy`uVBq!ia0vp^96+qX!3HF^Bvu~-Qk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0uso-U3d7QM+KVaET@GqC=$ zy41sy(ZD&g_~WU||Haqa{O#8{c0ym{>-@&XMn{(rF<137COeoU9Ku$tS3cX3#LCRf ze0cWt{=(givN3x;eX$Q?J+bV8X=2F16-|Mx&Ebp;|BA%S+vj?J0NTai>FVdQ&MBb@ E0CM_CK>z>% literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/top-right-inactive.png b/dotfiles/.themes/Material-DeepOcean-BL/xfwm4/top-right-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..e7a06a92c8f0c5b2922a2414b80a7521a339ef11 GIT binary patch literal 211 zcmeAS@N?(olHy`uVBq!ia0vp^96+qX!3HF^Bvu~-Qk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0uso-U3d7QM+KVaET@GqC=$ zy41sy(ZD&g_~WU||Haqa{O#8{c0ym{>-@&XMn{(rF<137COeoU9Ku$tS3cX3#LCRf ze0cWt{=(givN3x;eX$Q?J+bV8X=2F16-|Mx&Ebp;|BA%S+vj?J0NTai>FVdQ&MBb@ E0CM_CK>z>% literal 0 HcmV?d00001