From de445ae936919a8f43e3f38d26c7814bc3f15e15 Mon Sep 17 00:00:00 2001 From: kateleet Date: Sat, 25 Dec 2021 22:39:49 +0800 Subject: [PATCH] Update --- Cutefish-dark/gtk-2.0/apps.rc | 92 + Cutefish-dark/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 Cutefish-dark/gtk-2.0/assets/button-hover.png | Bin 0 -> 252 bytes Cutefish-dark/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 -> 442 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 -> 385 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 -> 520 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 -> 327 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 -> 337 bytes .../assets/combo-right-entry-disabled.png | Bin 0 -> 207 bytes .../assets/combo-right-entry-hover.png | Bin 0 -> 292 bytes .../gtk-2.0/assets/combo-right-entry.png | Bin 0 -> 217 bytes Cutefish-dark/gtk-2.0/assets/entry-active.png | Bin 0 -> 423 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 Cutefish-dark/gtk-2.0/assets/entry-hover.png | Bin 0 -> 347 bytes Cutefish-dark/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 Cutefish-dark/gtk-2.0/assets/flat-button.png | Bin 0 -> 195 bytes Cutefish-dark/gtk-2.0/assets/focus.png | Bin 0 -> 221 bytes Cutefish-dark/gtk-2.0/assets/frame-inline.png | Bin 0 -> 144 bytes .../gtk-2.0/assets/frame-notebook.png | Bin 0 -> 147 bytes Cutefish-dark/gtk-2.0/assets/frame.png | Bin 0 -> 147 bytes .../gtk-2.0/assets/handle-horz-active.png | Bin 0 -> 170 bytes .../gtk-2.0/assets/handle-horz-hover.png | Bin 0 -> 183 bytes Cutefish-dark/gtk-2.0/assets/handle-horz.png | Bin 0 -> 178 bytes .../gtk-2.0/assets/handle-vert-active.png | Bin 0 -> 166 bytes .../gtk-2.0/assets/handle-vert-hover.png | Bin 0 -> 173 bytes Cutefish-dark/gtk-2.0/assets/handle-vert.png | Bin 0 -> 172 bytes .../assets/menu-checkbox-checked-disabled.png | Bin 0 -> 400 bytes .../gtk-2.0/assets/menu-checkbox-checked.png | Bin 0 -> 435 bytes .../assets/menu-checkbox-mixed-disabled.png | Bin 0 -> 342 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 -> 386 bytes .../gtk-2.0/assets/menu-radio-checked.png | Bin 0 -> 419 bytes .../assets/menu-radio-mixed-disabled.png | Bin 0 -> 342 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 -> 182 bytes Cutefish-dark/gtk-2.0/assets/pan-down-alt.png | Bin 0 -> 190 bytes .../gtk-2.0/assets/pan-down-disabled.png | Bin 0 -> 181 bytes Cutefish-dark/gtk-2.0/assets/pan-down.png | Bin 0 -> 165 bytes .../gtk-2.0/assets/pan-left-alt-disabled.png | Bin 0 -> 185 bytes Cutefish-dark/gtk-2.0/assets/pan-left-alt.png | Bin 0 -> 194 bytes .../gtk-2.0/assets/pan-left-disabled.png | Bin 0 -> 185 bytes .../gtk-2.0/assets/pan-left-semi.png | Bin 0 -> 190 bytes Cutefish-dark/gtk-2.0/assets/pan-left.png | Bin 0 -> 180 bytes .../gtk-2.0/assets/pan-right-alt-disabled.png | Bin 0 -> 187 bytes .../gtk-2.0/assets/pan-right-alt.png | Bin 0 -> 189 bytes .../gtk-2.0/assets/pan-right-disabled.png | Bin 0 -> 187 bytes .../gtk-2.0/assets/pan-right-semi.png | Bin 0 -> 192 bytes Cutefish-dark/gtk-2.0/assets/pan-right.png | Bin 0 -> 181 bytes .../gtk-2.0/assets/pan-up-alt-disabled.png | Bin 0 -> 182 bytes Cutefish-dark/gtk-2.0/assets/pan-up-alt.png | Bin 0 -> 182 bytes .../gtk-2.0/assets/pan-up-disabled.png | Bin 0 -> 182 bytes Cutefish-dark/gtk-2.0/assets/pan-up.png | Bin 0 -> 161 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 -> 432 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 -> 385 bytes .../gtk-2.0/assets/radio-mixed-hover.png | Bin 0 -> 436 bytes Cutefish-dark/gtk-2.0/assets/radio-mixed.png | Bin 0 -> 436 bytes .../gtk-2.0/assets/radio-unchecked-active.png | Bin 0 -> 520 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 -> 160 bytes .../assets/scale-horz-trough-disabled.png | Bin 0 -> 160 bytes .../gtk-2.0/assets/scale-horz-trough.png | Bin 0 -> 160 bytes .../gtk-2.0/assets/scale-slider-active.png | Bin 0 -> 514 bytes .../gtk-2.0/assets/scale-slider-disabled.png | Bin 0 -> 272 bytes .../gtk-2.0/assets/scale-slider-hover.png | Bin 0 -> 463 bytes Cutefish-dark/gtk-2.0/assets/scale-slider.png | Bin 0 -> 290 bytes .../assets/scale-vert-trough-active.png | Bin 0 -> 159 bytes .../assets/scale-vert-trough-disabled.png | Bin 0 -> 160 bytes .../gtk-2.0/assets/scale-vert-trough.png | Bin 0 -> 160 bytes .../assets/scrollbar-horz-slider-active.png | Bin 0 -> 228 bytes .../assets/scrollbar-horz-slider-disabled.png | Bin 0 -> 224 bytes .../assets/scrollbar-horz-slider-hover.png | Bin 0 -> 246 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 -> 225 bytes .../scrollbar-vert-ltr-slider-disabled.png | Bin 0 -> 229 bytes .../scrollbar-vert-ltr-slider-hover.png | Bin 0 -> 247 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 -> 225 bytes .../scrollbar-vert-rtl-slider-disabled.png | Bin 0 -> 228 bytes .../scrollbar-vert-rtl-slider-hover.png | Bin 0 -> 245 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 -> 174 bytes .../gtk-2.0/assets/spin-ltr-down-hover.png | Bin 0 -> 221 bytes .../gtk-2.0/assets/spin-ltr-down.png | Bin 0 -> 180 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 -> 185 bytes .../gtk-2.0/assets/spin-ltr-up-hover.png | Bin 0 -> 236 bytes Cutefish-dark/gtk-2.0/assets/spin-ltr-up.png | Bin 0 -> 196 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 -> 176 bytes .../gtk-2.0/assets/spin-rtl-down-hover.png | Bin 0 -> 220 bytes .../gtk-2.0/assets/spin-rtl-down.png | Bin 0 -> 186 bytes .../gtk-2.0/assets/spin-rtl-up-active.png | Bin 0 -> 246 bytes .../gtk-2.0/assets/spin-rtl-up-disabled.png | Bin 0 -> 184 bytes .../gtk-2.0/assets/spin-rtl-up-hover.png | Bin 0 -> 225 bytes Cutefish-dark/gtk-2.0/assets/spin-rtl-up.png | Bin 0 -> 186 bytes Cutefish-dark/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 -> 126 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 -> 126 bytes Cutefish-dark/gtk-2.0/gtkrc | 36 + Cutefish-dark/gtk-2.0/hacks.rc | 36 + Cutefish-dark/gtk-2.0/main.rc | 2705 ++++++++++ .../scalable/checkbox-checked-symbolic.svg | 43 + .../scalable/checkbox-checked-symbolic@2.svg | 44 + .../scalable/checkbox-mixed-symbolic.svg | 43 + .../scalable/checkbox-mixed-symbolic@2.svg | 44 + .../scalable/cursor-handle-symbolic.svg | 3 + .../scalable/radio-checked-symbolic.svg | 42 + .../scalable/radio-checked-symbolic@2.svg | 43 + .../assets/scalable/radio-mixed-symbolic.svg | 1 + .../scalable/radio-mixed-symbolic@2.svg | 1 + ...scale-horz-marks-after-slider-symbolic.svg | 53 + ...cale-horz-marks-before-slider-symbolic.svg | 47 + .../assets/scalable/scale-slider-symbolic.svg | 11 + ...scale-vert-marks-after-slider-symbolic.svg | 52 + ...cale-vert-marks-before-slider-symbolic.svg | 55 + .../small-checkbox-checked-symbolic.svg | 43 + .../small-checkbox-checked-symbolic@2.svg | 44 + .../small-checkbox-mixed-symbolic.svg | 42 + .../small-checkbox-mixed-symbolic@2.svg | 43 + .../scalable/small-radio-checked-symbolic.svg | 38 + .../small-radio-checked-symbolic@2.svg | 39 + .../scalable/small-radio-mixed-symbolic.svg | 1 + .../scalable/small-radio-mixed-symbolic@2.svg | 1 + .../scale-horz-marks-after-slider-dark.png | Bin 0 -> 597 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 0 -> 974 bytes ...-horz-marks-after-slider-disabled-dark.png | Bin 0 -> 608 bytes ...orz-marks-after-slider-disabled-dark@2.png | Bin 0 -> 922 bytes ...scale-horz-marks-after-slider-disabled.png | Bin 0 -> 608 bytes ...ale-horz-marks-after-slider-disabled@2.png | Bin 0 -> 956 bytes .../assets/scale-horz-marks-after-slider.png | Bin 0 -> 600 bytes .../scale-horz-marks-after-slider@2.png | Bin 0 -> 953 bytes .../scale-horz-marks-before-slider-dark.png | Bin 0 -> 591 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 0 -> 951 bytes ...horz-marks-before-slider-disabled-dark.png | Bin 0 -> 590 bytes ...rz-marks-before-slider-disabled-dark@2.png | Bin 0 -> 914 bytes ...cale-horz-marks-before-slider-disabled.png | Bin 0 -> 605 bytes ...le-horz-marks-before-slider-disabled@2.png | Bin 0 -> 948 bytes .../assets/scale-horz-marks-before-slider.png | Bin 0 -> 591 bytes .../scale-horz-marks-before-slider@2.png | Bin 0 -> 943 bytes .../scale-vert-marks-after-slider-dark.png | Bin 0 -> 547 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 0 -> 907 bytes ...-vert-marks-after-slider-disabled-dark.png | Bin 0 -> 547 bytes ...ert-marks-after-slider-disabled-dark@2.png | Bin 0 -> 887 bytes ...scale-vert-marks-after-slider-disabled.png | Bin 0 -> 553 bytes ...ale-vert-marks-after-slider-disabled@2.png | Bin 0 -> 900 bytes .../assets/scale-vert-marks-after-slider.png | Bin 0 -> 547 bytes .../scale-vert-marks-after-slider@2.png | Bin 0 -> 902 bytes .../scale-vert-marks-before-slider-dark.png | Bin 0 -> 553 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 0 -> 884 bytes ...vert-marks-before-slider-disabled-dark.png | Bin 0 -> 542 bytes ...rt-marks-before-slider-disabled-dark@2.png | Bin 0 -> 835 bytes ...cale-vert-marks-before-slider-disabled.png | Bin 0 -> 566 bytes ...le-vert-marks-before-slider-disabled@2.png | Bin 0 -> 867 bytes .../assets/scale-vert-marks-before-slider.png | Bin 0 -> 550 bytes .../scale-vert-marks-before-slider@2.png | Bin 0 -> 875 bytes .../selectionmode-checkbox-checked-dark.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 0 -> 710 bytes .../assets/selectionmode-checkbox-checked.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked@2.png | Bin 0 -> 718 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 Cutefish-dark/gtk-3.0/gtk-dark.css | 4180 +++++++++++++++ Cutefish-dark/gtk-3.0/gtk.css | 4180 +++++++++++++++ Cutefish-dark/gtk-3.0/thumbnail.png | Bin 0 -> 2075 bytes .../scalable/checkbox-checked-symbolic.svg | 43 + .../scalable/checkbox-checked-symbolic@2.svg | 44 + .../scalable/checkbox-mixed-symbolic.svg | 43 + .../scalable/checkbox-mixed-symbolic@2.svg | 44 + .../scalable/cursor-handle-symbolic.svg | 3 + .../scalable/radio-checked-symbolic.svg | 42 + .../scalable/radio-checked-symbolic@2.svg | 43 + .../assets/scalable/radio-mixed-symbolic.svg | 1 + .../scalable/radio-mixed-symbolic@2.svg | 1 + ...scale-horz-marks-after-slider-symbolic.svg | 53 + ...cale-horz-marks-before-slider-symbolic.svg | 47 + .../assets/scalable/scale-slider-symbolic.svg | 11 + ...scale-vert-marks-after-slider-symbolic.svg | 52 + ...cale-vert-marks-before-slider-symbolic.svg | 55 + .../small-checkbox-checked-symbolic.svg | 43 + .../small-checkbox-checked-symbolic@2.svg | 44 + .../small-checkbox-mixed-symbolic.svg | 42 + .../small-checkbox-mixed-symbolic@2.svg | 43 + .../scalable/small-radio-checked-symbolic.svg | 38 + .../small-radio-checked-symbolic@2.svg | 39 + .../scalable/small-radio-mixed-symbolic.svg | 1 + .../scalable/small-radio-mixed-symbolic@2.svg | 1 + .../scale-horz-marks-after-slider-dark.png | Bin 0 -> 597 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 0 -> 974 bytes ...-horz-marks-after-slider-disabled-dark.png | Bin 0 -> 608 bytes ...orz-marks-after-slider-disabled-dark@2.png | Bin 0 -> 922 bytes ...scale-horz-marks-after-slider-disabled.png | Bin 0 -> 608 bytes ...ale-horz-marks-after-slider-disabled@2.png | Bin 0 -> 956 bytes .../assets/scale-horz-marks-after-slider.png | Bin 0 -> 600 bytes .../scale-horz-marks-after-slider@2.png | Bin 0 -> 953 bytes .../scale-horz-marks-before-slider-dark.png | Bin 0 -> 591 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 0 -> 951 bytes ...horz-marks-before-slider-disabled-dark.png | Bin 0 -> 590 bytes ...rz-marks-before-slider-disabled-dark@2.png | Bin 0 -> 914 bytes ...cale-horz-marks-before-slider-disabled.png | Bin 0 -> 605 bytes ...le-horz-marks-before-slider-disabled@2.png | Bin 0 -> 948 bytes .../assets/scale-horz-marks-before-slider.png | Bin 0 -> 591 bytes .../scale-horz-marks-before-slider@2.png | Bin 0 -> 943 bytes .../scale-vert-marks-after-slider-dark.png | Bin 0 -> 547 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 0 -> 907 bytes ...-vert-marks-after-slider-disabled-dark.png | Bin 0 -> 547 bytes ...ert-marks-after-slider-disabled-dark@2.png | Bin 0 -> 887 bytes ...scale-vert-marks-after-slider-disabled.png | Bin 0 -> 553 bytes ...ale-vert-marks-after-slider-disabled@2.png | Bin 0 -> 900 bytes .../assets/scale-vert-marks-after-slider.png | Bin 0 -> 547 bytes .../scale-vert-marks-after-slider@2.png | Bin 0 -> 902 bytes .../scale-vert-marks-before-slider-dark.png | Bin 0 -> 553 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 0 -> 884 bytes ...vert-marks-before-slider-disabled-dark.png | Bin 0 -> 542 bytes ...rt-marks-before-slider-disabled-dark@2.png | Bin 0 -> 835 bytes ...cale-vert-marks-before-slider-disabled.png | Bin 0 -> 566 bytes ...le-vert-marks-before-slider-disabled@2.png | Bin 0 -> 867 bytes .../assets/scale-vert-marks-before-slider.png | Bin 0 -> 550 bytes .../scale-vert-marks-before-slider@2.png | Bin 0 -> 875 bytes .../selectionmode-checkbox-checked-dark.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 0 -> 710 bytes .../assets/selectionmode-checkbox-checked.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked@2.png | Bin 0 -> 718 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 Cutefish-dark/gtk-4.0/gtk-dark.css | 4645 ++++++++++++++++ Cutefish-dark/gtk-4.0/gtk.css | 4645 ++++++++++++++++ Cutefish-dark/gtk-4.0/thumbnail.png | Bin 0 -> 2075 bytes Cutefish-dark/index.theme | 5 + Cutefish-light/gtk-2.0/apps.rc | 92 + Cutefish-light/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 Cutefish-light/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 -> 431 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 -> 510 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 -> 326 bytes .../assets/combo-left-entry-disabled.png | Bin 0 -> 208 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 -> 337 bytes .../assets/combo-right-entry-disabled.png | Bin 0 -> 204 bytes .../assets/combo-right-entry-hover.png | Bin 0 -> 293 bytes .../gtk-2.0/assets/combo-right-entry.png | Bin 0 -> 217 bytes .../gtk-2.0/assets/entry-active.png | Bin 0 -> 423 bytes .../assets/entry-background-disabled.png | Bin 0 -> 135 bytes .../gtk-2.0/assets/entry-background.png | Bin 0 -> 135 bytes .../gtk-2.0/assets/entry-disabled.png | Bin 0 -> 229 bytes Cutefish-light/gtk-2.0/assets/entry-hover.png | Bin 0 -> 347 bytes Cutefish-light/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 Cutefish-light/gtk-2.0/assets/flat-button.png | Bin 0 -> 195 bytes Cutefish-light/gtk-2.0/assets/focus.png | Bin 0 -> 221 bytes .../gtk-2.0/assets/frame-inline.png | Bin 0 -> 143 bytes .../gtk-2.0/assets/frame-notebook.png | Bin 0 -> 147 bytes Cutefish-light/gtk-2.0/assets/frame.png | Bin 0 -> 141 bytes .../gtk-2.0/assets/handle-horz-active.png | Bin 0 -> 168 bytes .../gtk-2.0/assets/handle-horz-hover.png | Bin 0 -> 180 bytes Cutefish-light/gtk-2.0/assets/handle-horz.png | Bin 0 -> 179 bytes .../gtk-2.0/assets/handle-vert-active.png | Bin 0 -> 169 bytes .../gtk-2.0/assets/handle-vert-hover.png | Bin 0 -> 174 bytes Cutefish-light/gtk-2.0/assets/handle-vert.png | Bin 0 -> 173 bytes .../assets/menu-checkbox-checked-disabled.png | Bin 0 -> 397 bytes .../gtk-2.0/assets/menu-checkbox-checked.png | Bin 0 -> 435 bytes .../assets/menu-checkbox-mixed-disabled.png | Bin 0 -> 334 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 -> 375 bytes .../gtk-2.0/assets/menu-radio-checked.png | Bin 0 -> 419 bytes .../assets/menu-radio-mixed-disabled.png | Bin 0 -> 334 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 -> 190 bytes .../gtk-2.0/assets/pan-down-disabled.png | Bin 0 -> 190 bytes Cutefish-light/gtk-2.0/assets/pan-down.png | Bin 0 -> 188 bytes .../gtk-2.0/assets/pan-left-alt-disabled.png | Bin 0 -> 186 bytes .../gtk-2.0/assets/pan-left-alt.png | Bin 0 -> 192 bytes .../gtk-2.0/assets/pan-left-disabled.png | Bin 0 -> 192 bytes .../gtk-2.0/assets/pan-left-semi.png | Bin 0 -> 191 bytes Cutefish-light/gtk-2.0/assets/pan-left.png | Bin 0 -> 178 bytes .../gtk-2.0/assets/pan-right-alt-disabled.png | Bin 0 -> 181 bytes .../gtk-2.0/assets/pan-right-alt.png | Bin 0 -> 183 bytes .../gtk-2.0/assets/pan-right-disabled.png | Bin 0 -> 184 bytes .../gtk-2.0/assets/pan-right-semi.png | Bin 0 -> 196 bytes Cutefish-light/gtk-2.0/assets/pan-right.png | Bin 0 -> 183 bytes .../gtk-2.0/assets/pan-up-alt-disabled.png | Bin 0 -> 178 bytes Cutefish-light/gtk-2.0/assets/pan-up-alt.png | Bin 0 -> 175 bytes .../gtk-2.0/assets/pan-up-disabled.png | Bin 0 -> 170 bytes Cutefish-light/gtk-2.0/assets/pan-up.png | Bin 0 -> 174 bytes .../gtk-2.0/assets/progressbar-progress.png | Bin 0 -> 136 bytes .../gtk-2.0/assets/progressbar-trough.png | Bin 0 -> 137 bytes .../gtk-2.0/assets/radio-checked-active.png | Bin 0 -> 483 bytes .../gtk-2.0/assets/radio-checked-disabled.png | Bin 0 -> 417 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 Cutefish-light/gtk-2.0/assets/radio-mixed.png | Bin 0 -> 436 bytes .../gtk-2.0/assets/radio-unchecked-active.png | Bin 0 -> 510 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 -> 160 bytes .../assets/scale-horz-trough-disabled.png | Bin 0 -> 155 bytes .../gtk-2.0/assets/scale-horz-trough.png | Bin 0 -> 155 bytes .../gtk-2.0/assets/scale-slider-active.png | Bin 0 -> 528 bytes .../gtk-2.0/assets/scale-slider-disabled.png | Bin 0 -> 290 bytes .../gtk-2.0/assets/scale-slider-hover.png | Bin 0 -> 454 bytes .../gtk-2.0/assets/scale-slider.png | Bin 0 -> 290 bytes .../assets/scale-vert-trough-active.png | Bin 0 -> 159 bytes .../assets/scale-vert-trough-disabled.png | Bin 0 -> 153 bytes .../gtk-2.0/assets/scale-vert-trough.png | Bin 0 -> 153 bytes .../assets/scrollbar-horz-slider-active.png | Bin 0 -> 253 bytes .../assets/scrollbar-horz-slider-disabled.png | Bin 0 -> 232 bytes .../assets/scrollbar-horz-slider-hover.png | Bin 0 -> 247 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 -> 257 bytes .../scrollbar-vert-ltr-slider-disabled.png | Bin 0 -> 236 bytes .../scrollbar-vert-ltr-slider-hover.png | Bin 0 -> 248 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 -> 256 bytes .../scrollbar-vert-rtl-slider-disabled.png | Bin 0 -> 235 bytes .../scrollbar-vert-rtl-slider-hover.png | Bin 0 -> 250 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 -> 173 bytes .../gtk-2.0/assets/spin-ltr-down-hover.png | Bin 0 -> 213 bytes .../gtk-2.0/assets/spin-ltr-down.png | Bin 0 -> 179 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 -> 183 bytes .../gtk-2.0/assets/spin-ltr-up-hover.png | Bin 0 -> 233 bytes Cutefish-light/gtk-2.0/assets/spin-ltr-up.png | Bin 0 -> 190 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 -> 177 bytes .../gtk-2.0/assets/spin-rtl-down-hover.png | Bin 0 -> 225 bytes .../gtk-2.0/assets/spin-rtl-down.png | Bin 0 -> 180 bytes .../gtk-2.0/assets/spin-rtl-up-active.png | Bin 0 -> 246 bytes .../gtk-2.0/assets/spin-rtl-up-disabled.png | Bin 0 -> 172 bytes .../gtk-2.0/assets/spin-rtl-up-hover.png | Bin 0 -> 223 bytes Cutefish-light/gtk-2.0/assets/spin-rtl-up.png | Bin 0 -> 178 bytes Cutefish-light/gtk-2.0/assets/tab.png | Bin 0 -> 127 bytes .../assets/treeview-ltr-button-active.png | Bin 0 -> 129 bytes .../assets/treeview-ltr-button-hover.png | Bin 0 -> 129 bytes .../gtk-2.0/assets/treeview-ltr-button.png | Bin 0 -> 129 bytes .../assets/treeview-rtl-button-active.png | Bin 0 -> 129 bytes .../assets/treeview-rtl-button-hover.png | Bin 0 -> 129 bytes .../gtk-2.0/assets/treeview-rtl-button.png | Bin 0 -> 129 bytes Cutefish-light/gtk-2.0/gtkrc | 36 + Cutefish-light/gtk-2.0/hacks.rc | 36 + Cutefish-light/gtk-2.0/main.rc | 2705 ++++++++++ .../scalable/checkbox-checked-symbolic.svg | 43 + .../scalable/checkbox-checked-symbolic@2.svg | 44 + .../scalable/checkbox-mixed-symbolic.svg | 43 + .../scalable/checkbox-mixed-symbolic@2.svg | 44 + .../scalable/cursor-handle-symbolic.svg | 3 + .../scalable/radio-checked-symbolic.svg | 42 + .../scalable/radio-checked-symbolic@2.svg | 43 + .../assets/scalable/radio-mixed-symbolic.svg | 1 + .../scalable/radio-mixed-symbolic@2.svg | 1 + ...scale-horz-marks-after-slider-symbolic.svg | 53 + ...cale-horz-marks-before-slider-symbolic.svg | 47 + .../assets/scalable/scale-slider-symbolic.svg | 11 + ...scale-vert-marks-after-slider-symbolic.svg | 52 + ...cale-vert-marks-before-slider-symbolic.svg | 55 + .../small-checkbox-checked-symbolic.svg | 43 + .../small-checkbox-checked-symbolic@2.svg | 44 + .../small-checkbox-mixed-symbolic.svg | 42 + .../small-checkbox-mixed-symbolic@2.svg | 43 + .../scalable/small-radio-checked-symbolic.svg | 38 + .../small-radio-checked-symbolic@2.svg | 39 + .../scalable/small-radio-mixed-symbolic.svg | 1 + .../scalable/small-radio-mixed-symbolic@2.svg | 1 + .../scale-horz-marks-after-slider-dark.png | Bin 0 -> 597 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 0 -> 974 bytes ...-horz-marks-after-slider-disabled-dark.png | Bin 0 -> 608 bytes ...orz-marks-after-slider-disabled-dark@2.png | Bin 0 -> 922 bytes ...scale-horz-marks-after-slider-disabled.png | Bin 0 -> 608 bytes ...ale-horz-marks-after-slider-disabled@2.png | Bin 0 -> 956 bytes .../assets/scale-horz-marks-after-slider.png | Bin 0 -> 600 bytes .../scale-horz-marks-after-slider@2.png | Bin 0 -> 953 bytes .../scale-horz-marks-before-slider-dark.png | Bin 0 -> 591 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 0 -> 951 bytes ...horz-marks-before-slider-disabled-dark.png | Bin 0 -> 590 bytes ...rz-marks-before-slider-disabled-dark@2.png | Bin 0 -> 914 bytes ...cale-horz-marks-before-slider-disabled.png | Bin 0 -> 605 bytes ...le-horz-marks-before-slider-disabled@2.png | Bin 0 -> 948 bytes .../assets/scale-horz-marks-before-slider.png | Bin 0 -> 591 bytes .../scale-horz-marks-before-slider@2.png | Bin 0 -> 943 bytes .../scale-vert-marks-after-slider-dark.png | Bin 0 -> 547 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 0 -> 907 bytes ...-vert-marks-after-slider-disabled-dark.png | Bin 0 -> 547 bytes ...ert-marks-after-slider-disabled-dark@2.png | Bin 0 -> 887 bytes ...scale-vert-marks-after-slider-disabled.png | Bin 0 -> 553 bytes ...ale-vert-marks-after-slider-disabled@2.png | Bin 0 -> 900 bytes .../assets/scale-vert-marks-after-slider.png | Bin 0 -> 547 bytes .../scale-vert-marks-after-slider@2.png | Bin 0 -> 902 bytes .../scale-vert-marks-before-slider-dark.png | Bin 0 -> 553 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 0 -> 884 bytes ...vert-marks-before-slider-disabled-dark.png | Bin 0 -> 542 bytes ...rt-marks-before-slider-disabled-dark@2.png | Bin 0 -> 835 bytes ...cale-vert-marks-before-slider-disabled.png | Bin 0 -> 566 bytes ...le-vert-marks-before-slider-disabled@2.png | Bin 0 -> 867 bytes .../assets/scale-vert-marks-before-slider.png | Bin 0 -> 550 bytes .../scale-vert-marks-before-slider@2.png | Bin 0 -> 875 bytes .../selectionmode-checkbox-checked-dark.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 0 -> 710 bytes .../assets/selectionmode-checkbox-checked.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked@2.png | Bin 0 -> 718 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 Cutefish-light/gtk-3.0/gtk-dark.css | 4180 +++++++++++++++ Cutefish-light/gtk-3.0/gtk.css | 4171 +++++++++++++++ Cutefish-light/gtk-3.0/thumbnail.png | Bin 0 -> 2057 bytes .../scalable/checkbox-checked-symbolic.svg | 43 + .../scalable/checkbox-checked-symbolic@2.svg | 44 + .../scalable/checkbox-mixed-symbolic.svg | 43 + .../scalable/checkbox-mixed-symbolic@2.svg | 44 + .../scalable/cursor-handle-symbolic.svg | 3 + .../scalable/radio-checked-symbolic.svg | 42 + .../scalable/radio-checked-symbolic@2.svg | 43 + .../assets/scalable/radio-mixed-symbolic.svg | 1 + .../scalable/radio-mixed-symbolic@2.svg | 1 + ...scale-horz-marks-after-slider-symbolic.svg | 53 + ...cale-horz-marks-before-slider-symbolic.svg | 47 + .../assets/scalable/scale-slider-symbolic.svg | 11 + ...scale-vert-marks-after-slider-symbolic.svg | 52 + ...cale-vert-marks-before-slider-symbolic.svg | 55 + .../small-checkbox-checked-symbolic.svg | 43 + .../small-checkbox-checked-symbolic@2.svg | 44 + .../small-checkbox-mixed-symbolic.svg | 42 + .../small-checkbox-mixed-symbolic@2.svg | 43 + .../scalable/small-radio-checked-symbolic.svg | 38 + .../small-radio-checked-symbolic@2.svg | 39 + .../scalable/small-radio-mixed-symbolic.svg | 1 + .../scalable/small-radio-mixed-symbolic@2.svg | 1 + .../scale-horz-marks-after-slider-dark.png | Bin 0 -> 597 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 0 -> 974 bytes ...-horz-marks-after-slider-disabled-dark.png | Bin 0 -> 608 bytes ...orz-marks-after-slider-disabled-dark@2.png | Bin 0 -> 922 bytes ...scale-horz-marks-after-slider-disabled.png | Bin 0 -> 608 bytes ...ale-horz-marks-after-slider-disabled@2.png | Bin 0 -> 956 bytes .../assets/scale-horz-marks-after-slider.png | Bin 0 -> 600 bytes .../scale-horz-marks-after-slider@2.png | Bin 0 -> 953 bytes .../scale-horz-marks-before-slider-dark.png | Bin 0 -> 591 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 0 -> 951 bytes ...horz-marks-before-slider-disabled-dark.png | Bin 0 -> 590 bytes ...rz-marks-before-slider-disabled-dark@2.png | Bin 0 -> 914 bytes ...cale-horz-marks-before-slider-disabled.png | Bin 0 -> 605 bytes ...le-horz-marks-before-slider-disabled@2.png | Bin 0 -> 948 bytes .../assets/scale-horz-marks-before-slider.png | Bin 0 -> 591 bytes .../scale-horz-marks-before-slider@2.png | Bin 0 -> 943 bytes .../scale-vert-marks-after-slider-dark.png | Bin 0 -> 547 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 0 -> 907 bytes ...-vert-marks-after-slider-disabled-dark.png | Bin 0 -> 547 bytes ...ert-marks-after-slider-disabled-dark@2.png | Bin 0 -> 887 bytes ...scale-vert-marks-after-slider-disabled.png | Bin 0 -> 553 bytes ...ale-vert-marks-after-slider-disabled@2.png | Bin 0 -> 900 bytes .../assets/scale-vert-marks-after-slider.png | Bin 0 -> 547 bytes .../scale-vert-marks-after-slider@2.png | Bin 0 -> 902 bytes .../scale-vert-marks-before-slider-dark.png | Bin 0 -> 553 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 0 -> 884 bytes ...vert-marks-before-slider-disabled-dark.png | Bin 0 -> 542 bytes ...rt-marks-before-slider-disabled-dark@2.png | Bin 0 -> 835 bytes ...cale-vert-marks-before-slider-disabled.png | Bin 0 -> 566 bytes ...le-vert-marks-before-slider-disabled@2.png | Bin 0 -> 867 bytes .../assets/scale-vert-marks-before-slider.png | Bin 0 -> 550 bytes .../scale-vert-marks-before-slider@2.png | Bin 0 -> 875 bytes .../selectionmode-checkbox-checked-dark.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 0 -> 710 bytes .../assets/selectionmode-checkbox-checked.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked@2.png | Bin 0 -> 718 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 Cutefish-light/gtk-4.0/gtk-dark.css | 4645 ++++++++++++++++ Cutefish-light/gtk-4.0/gtk.css | 4653 ++++++++++++++++ Cutefish-light/gtk-4.0/thumbnail.png | Bin 0 -> 2057 bytes Cutefish-light/index.theme | 5 + Cutefish/gtk-2.0/apps.rc | 92 + Cutefish/gtk-2.0/assets/border.png | Bin 0 -> 126 bytes Cutefish/gtk-2.0/assets/button-active.png | Bin 0 -> 267 bytes Cutefish/gtk-2.0/assets/button-disabled.png | Bin 0 -> 229 bytes Cutefish/gtk-2.0/assets/button-hover.png | Bin 0 -> 252 bytes Cutefish/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 -> 431 bytes .../gtk-2.0/assets/checkbox-checked-hover.png | Bin 0 -> 491 bytes Cutefish/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 Cutefish/gtk-2.0/assets/checkbox-mixed.png | Bin 0 -> 436 bytes .../assets/checkbox-unchecked-active.png | Bin 0 -> 510 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 -> 326 bytes .../assets/combo-left-entry-disabled.png | Bin 0 -> 208 bytes .../gtk-2.0/assets/combo-left-entry-hover.png | Bin 0 -> 282 bytes Cutefish/gtk-2.0/assets/combo-left-entry.png | Bin 0 -> 216 bytes .../assets/combo-right-entry-active.png | Bin 0 -> 337 bytes .../assets/combo-right-entry-disabled.png | Bin 0 -> 204 bytes .../assets/combo-right-entry-hover.png | Bin 0 -> 293 bytes Cutefish/gtk-2.0/assets/combo-right-entry.png | Bin 0 -> 217 bytes Cutefish/gtk-2.0/assets/entry-active.png | Bin 0 -> 423 bytes .../assets/entry-background-disabled.png | Bin 0 -> 135 bytes Cutefish/gtk-2.0/assets/entry-background.png | Bin 0 -> 135 bytes Cutefish/gtk-2.0/assets/entry-disabled.png | Bin 0 -> 229 bytes Cutefish/gtk-2.0/assets/entry-hover.png | Bin 0 -> 347 bytes Cutefish/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 Cutefish/gtk-2.0/assets/flat-button-hover.png | Bin 0 -> 252 bytes Cutefish/gtk-2.0/assets/flat-button.png | Bin 0 -> 195 bytes Cutefish/gtk-2.0/assets/focus.png | Bin 0 -> 221 bytes Cutefish/gtk-2.0/assets/frame-inline.png | Bin 0 -> 143 bytes Cutefish/gtk-2.0/assets/frame-notebook.png | Bin 0 -> 147 bytes Cutefish/gtk-2.0/assets/frame.png | Bin 0 -> 141 bytes .../gtk-2.0/assets/handle-horz-active.png | Bin 0 -> 168 bytes Cutefish/gtk-2.0/assets/handle-horz-hover.png | Bin 0 -> 180 bytes Cutefish/gtk-2.0/assets/handle-horz.png | Bin 0 -> 179 bytes .../gtk-2.0/assets/handle-vert-active.png | Bin 0 -> 169 bytes Cutefish/gtk-2.0/assets/handle-vert-hover.png | Bin 0 -> 174 bytes Cutefish/gtk-2.0/assets/handle-vert.png | Bin 0 -> 173 bytes .../assets/menu-checkbox-checked-disabled.png | Bin 0 -> 397 bytes .../gtk-2.0/assets/menu-checkbox-checked.png | Bin 0 -> 435 bytes .../assets/menu-checkbox-mixed-disabled.png | Bin 0 -> 334 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 -> 375 bytes .../gtk-2.0/assets/menu-radio-checked.png | Bin 0 -> 419 bytes .../assets/menu-radio-mixed-disabled.png | Bin 0 -> 334 bytes Cutefish/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 Cutefish/gtk-2.0/assets/pan-down-alt.png | Bin 0 -> 190 bytes Cutefish/gtk-2.0/assets/pan-down-disabled.png | Bin 0 -> 190 bytes Cutefish/gtk-2.0/assets/pan-down.png | Bin 0 -> 188 bytes .../gtk-2.0/assets/pan-left-alt-disabled.png | Bin 0 -> 186 bytes Cutefish/gtk-2.0/assets/pan-left-alt.png | Bin 0 -> 192 bytes Cutefish/gtk-2.0/assets/pan-left-disabled.png | Bin 0 -> 192 bytes Cutefish/gtk-2.0/assets/pan-left-semi.png | Bin 0 -> 191 bytes Cutefish/gtk-2.0/assets/pan-left.png | Bin 0 -> 178 bytes .../gtk-2.0/assets/pan-right-alt-disabled.png | Bin 0 -> 181 bytes Cutefish/gtk-2.0/assets/pan-right-alt.png | Bin 0 -> 183 bytes .../gtk-2.0/assets/pan-right-disabled.png | Bin 0 -> 184 bytes Cutefish/gtk-2.0/assets/pan-right-semi.png | Bin 0 -> 196 bytes Cutefish/gtk-2.0/assets/pan-right.png | Bin 0 -> 183 bytes .../gtk-2.0/assets/pan-up-alt-disabled.png | Bin 0 -> 178 bytes Cutefish/gtk-2.0/assets/pan-up-alt.png | Bin 0 -> 175 bytes Cutefish/gtk-2.0/assets/pan-up-disabled.png | Bin 0 -> 170 bytes Cutefish/gtk-2.0/assets/pan-up.png | Bin 0 -> 174 bytes .../gtk-2.0/assets/progressbar-progress.png | Bin 0 -> 136 bytes .../gtk-2.0/assets/progressbar-trough.png | Bin 0 -> 137 bytes .../gtk-2.0/assets/radio-checked-active.png | Bin 0 -> 483 bytes .../gtk-2.0/assets/radio-checked-disabled.png | Bin 0 -> 417 bytes .../gtk-2.0/assets/radio-checked-hover.png | Bin 0 -> 483 bytes Cutefish/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 Cutefish/gtk-2.0/assets/radio-mixed-hover.png | Bin 0 -> 436 bytes Cutefish/gtk-2.0/assets/radio-mixed.png | Bin 0 -> 436 bytes .../gtk-2.0/assets/radio-unchecked-active.png | Bin 0 -> 510 bytes .../assets/radio-unchecked-disabled.png | Bin 0 -> 404 bytes .../gtk-2.0/assets/radio-unchecked-hover.png | Bin 0 -> 542 bytes Cutefish/gtk-2.0/assets/radio-unchecked.png | Bin 0 -> 500 bytes .../assets/scale-horz-trough-active.png | Bin 0 -> 160 bytes .../assets/scale-horz-trough-disabled.png | Bin 0 -> 155 bytes Cutefish/gtk-2.0/assets/scale-horz-trough.png | Bin 0 -> 155 bytes .../gtk-2.0/assets/scale-slider-active.png | Bin 0 -> 528 bytes .../gtk-2.0/assets/scale-slider-disabled.png | Bin 0 -> 290 bytes .../gtk-2.0/assets/scale-slider-hover.png | Bin 0 -> 454 bytes Cutefish/gtk-2.0/assets/scale-slider.png | Bin 0 -> 290 bytes .../assets/scale-vert-trough-active.png | Bin 0 -> 159 bytes .../assets/scale-vert-trough-disabled.png | Bin 0 -> 153 bytes Cutefish/gtk-2.0/assets/scale-vert-trough.png | Bin 0 -> 153 bytes .../assets/scrollbar-horz-slider-active.png | Bin 0 -> 253 bytes .../assets/scrollbar-horz-slider-disabled.png | Bin 0 -> 232 bytes .../assets/scrollbar-horz-slider-hover.png | Bin 0 -> 247 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 -> 257 bytes .../scrollbar-vert-ltr-slider-disabled.png | Bin 0 -> 236 bytes .../scrollbar-vert-ltr-slider-hover.png | Bin 0 -> 248 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 -> 256 bytes .../scrollbar-vert-rtl-slider-disabled.png | Bin 0 -> 235 bytes .../scrollbar-vert-rtl-slider-hover.png | Bin 0 -> 250 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 -> 173 bytes .../gtk-2.0/assets/spin-ltr-down-hover.png | Bin 0 -> 213 bytes Cutefish/gtk-2.0/assets/spin-ltr-down.png | Bin 0 -> 179 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 -> 183 bytes Cutefish/gtk-2.0/assets/spin-ltr-up-hover.png | Bin 0 -> 233 bytes Cutefish/gtk-2.0/assets/spin-ltr-up.png | Bin 0 -> 190 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 -> 177 bytes .../gtk-2.0/assets/spin-rtl-down-hover.png | Bin 0 -> 225 bytes Cutefish/gtk-2.0/assets/spin-rtl-down.png | Bin 0 -> 180 bytes .../gtk-2.0/assets/spin-rtl-up-active.png | Bin 0 -> 246 bytes .../gtk-2.0/assets/spin-rtl-up-disabled.png | Bin 0 -> 172 bytes Cutefish/gtk-2.0/assets/spin-rtl-up-hover.png | Bin 0 -> 223 bytes Cutefish/gtk-2.0/assets/spin-rtl-up.png | Bin 0 -> 178 bytes Cutefish/gtk-2.0/assets/tab.png | Bin 0 -> 127 bytes .../assets/treeview-ltr-button-active.png | Bin 0 -> 129 bytes .../assets/treeview-ltr-button-hover.png | Bin 0 -> 129 bytes .../gtk-2.0/assets/treeview-ltr-button.png | Bin 0 -> 129 bytes .../assets/treeview-rtl-button-active.png | Bin 0 -> 129 bytes .../assets/treeview-rtl-button-hover.png | Bin 0 -> 129 bytes .../gtk-2.0/assets/treeview-rtl-button.png | Bin 0 -> 129 bytes Cutefish/gtk-2.0/gtkrc | 36 + Cutefish/gtk-2.0/hacks.rc | 36 + Cutefish/gtk-2.0/main.rc | 2705 ++++++++++ .../scalable/checkbox-checked-symbolic.svg | 43 + .../scalable/checkbox-checked-symbolic@2.svg | 44 + .../scalable/checkbox-mixed-symbolic.svg | 43 + .../scalable/checkbox-mixed-symbolic@2.svg | 44 + .../scalable/cursor-handle-symbolic.svg | 3 + .../scalable/radio-checked-symbolic.svg | 42 + .../scalable/radio-checked-symbolic@2.svg | 43 + .../assets/scalable/radio-mixed-symbolic.svg | 1 + .../scalable/radio-mixed-symbolic@2.svg | 1 + ...scale-horz-marks-after-slider-symbolic.svg | 53 + ...cale-horz-marks-before-slider-symbolic.svg | 47 + .../assets/scalable/scale-slider-symbolic.svg | 11 + ...scale-vert-marks-after-slider-symbolic.svg | 52 + ...cale-vert-marks-before-slider-symbolic.svg | 55 + .../small-checkbox-checked-symbolic.svg | 43 + .../small-checkbox-checked-symbolic@2.svg | 44 + .../small-checkbox-mixed-symbolic.svg | 42 + .../small-checkbox-mixed-symbolic@2.svg | 43 + .../scalable/small-radio-checked-symbolic.svg | 38 + .../small-radio-checked-symbolic@2.svg | 39 + .../scalable/small-radio-mixed-symbolic.svg | 1 + .../scalable/small-radio-mixed-symbolic@2.svg | 1 + .../scale-horz-marks-after-slider-dark.png | Bin 0 -> 597 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 0 -> 974 bytes ...-horz-marks-after-slider-disabled-dark.png | Bin 0 -> 608 bytes ...orz-marks-after-slider-disabled-dark@2.png | Bin 0 -> 922 bytes ...scale-horz-marks-after-slider-disabled.png | Bin 0 -> 608 bytes ...ale-horz-marks-after-slider-disabled@2.png | Bin 0 -> 956 bytes .../assets/scale-horz-marks-after-slider.png | Bin 0 -> 600 bytes .../scale-horz-marks-after-slider@2.png | Bin 0 -> 953 bytes .../scale-horz-marks-before-slider-dark.png | Bin 0 -> 591 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 0 -> 951 bytes ...horz-marks-before-slider-disabled-dark.png | Bin 0 -> 590 bytes ...rz-marks-before-slider-disabled-dark@2.png | Bin 0 -> 914 bytes ...cale-horz-marks-before-slider-disabled.png | Bin 0 -> 605 bytes ...le-horz-marks-before-slider-disabled@2.png | Bin 0 -> 948 bytes .../assets/scale-horz-marks-before-slider.png | Bin 0 -> 591 bytes .../scale-horz-marks-before-slider@2.png | Bin 0 -> 943 bytes .../scale-vert-marks-after-slider-dark.png | Bin 0 -> 547 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 0 -> 907 bytes ...-vert-marks-after-slider-disabled-dark.png | Bin 0 -> 547 bytes ...ert-marks-after-slider-disabled-dark@2.png | Bin 0 -> 887 bytes ...scale-vert-marks-after-slider-disabled.png | Bin 0 -> 553 bytes ...ale-vert-marks-after-slider-disabled@2.png | Bin 0 -> 900 bytes .../assets/scale-vert-marks-after-slider.png | Bin 0 -> 547 bytes .../scale-vert-marks-after-slider@2.png | Bin 0 -> 902 bytes .../scale-vert-marks-before-slider-dark.png | Bin 0 -> 553 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 0 -> 884 bytes ...vert-marks-before-slider-disabled-dark.png | Bin 0 -> 542 bytes ...rt-marks-before-slider-disabled-dark@2.png | Bin 0 -> 835 bytes ...cale-vert-marks-before-slider-disabled.png | Bin 0 -> 566 bytes ...le-vert-marks-before-slider-disabled@2.png | Bin 0 -> 867 bytes .../assets/scale-vert-marks-before-slider.png | Bin 0 -> 550 bytes .../scale-vert-marks-before-slider@2.png | Bin 0 -> 875 bytes .../selectionmode-checkbox-checked-dark.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 0 -> 710 bytes .../assets/selectionmode-checkbox-checked.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked@2.png | Bin 0 -> 718 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 Cutefish/gtk-3.0/gtk-dark.css | 4180 +++++++++++++++ Cutefish/gtk-3.0/gtk.css | 4180 +++++++++++++++ Cutefish/gtk-3.0/thumbnail.png | Bin 0 -> 2057 bytes .../scalable/checkbox-checked-symbolic.svg | 43 + .../scalable/checkbox-checked-symbolic@2.svg | 44 + .../scalable/checkbox-mixed-symbolic.svg | 43 + .../scalable/checkbox-mixed-symbolic@2.svg | 44 + .../scalable/cursor-handle-symbolic.svg | 3 + .../scalable/radio-checked-symbolic.svg | 42 + .../scalable/radio-checked-symbolic@2.svg | 43 + .../assets/scalable/radio-mixed-symbolic.svg | 1 + .../scalable/radio-mixed-symbolic@2.svg | 1 + ...scale-horz-marks-after-slider-symbolic.svg | 53 + ...cale-horz-marks-before-slider-symbolic.svg | 47 + .../assets/scalable/scale-slider-symbolic.svg | 11 + ...scale-vert-marks-after-slider-symbolic.svg | 52 + ...cale-vert-marks-before-slider-symbolic.svg | 55 + .../small-checkbox-checked-symbolic.svg | 43 + .../small-checkbox-checked-symbolic@2.svg | 44 + .../small-checkbox-mixed-symbolic.svg | 42 + .../small-checkbox-mixed-symbolic@2.svg | 43 + .../scalable/small-radio-checked-symbolic.svg | 38 + .../small-radio-checked-symbolic@2.svg | 39 + .../scalable/small-radio-mixed-symbolic.svg | 1 + .../scalable/small-radio-mixed-symbolic@2.svg | 1 + .../scale-horz-marks-after-slider-dark.png | Bin 0 -> 597 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 0 -> 974 bytes ...-horz-marks-after-slider-disabled-dark.png | Bin 0 -> 608 bytes ...orz-marks-after-slider-disabled-dark@2.png | Bin 0 -> 922 bytes ...scale-horz-marks-after-slider-disabled.png | Bin 0 -> 608 bytes ...ale-horz-marks-after-slider-disabled@2.png | Bin 0 -> 956 bytes .../assets/scale-horz-marks-after-slider.png | Bin 0 -> 600 bytes .../scale-horz-marks-after-slider@2.png | Bin 0 -> 953 bytes .../scale-horz-marks-before-slider-dark.png | Bin 0 -> 591 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 0 -> 951 bytes ...horz-marks-before-slider-disabled-dark.png | Bin 0 -> 590 bytes ...rz-marks-before-slider-disabled-dark@2.png | Bin 0 -> 914 bytes ...cale-horz-marks-before-slider-disabled.png | Bin 0 -> 605 bytes ...le-horz-marks-before-slider-disabled@2.png | Bin 0 -> 948 bytes .../assets/scale-horz-marks-before-slider.png | Bin 0 -> 591 bytes .../scale-horz-marks-before-slider@2.png | Bin 0 -> 943 bytes .../scale-vert-marks-after-slider-dark.png | Bin 0 -> 547 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 0 -> 907 bytes ...-vert-marks-after-slider-disabled-dark.png | Bin 0 -> 547 bytes ...ert-marks-after-slider-disabled-dark@2.png | Bin 0 -> 887 bytes ...scale-vert-marks-after-slider-disabled.png | Bin 0 -> 553 bytes ...ale-vert-marks-after-slider-disabled@2.png | Bin 0 -> 900 bytes .../assets/scale-vert-marks-after-slider.png | Bin 0 -> 547 bytes .../scale-vert-marks-after-slider@2.png | Bin 0 -> 902 bytes .../scale-vert-marks-before-slider-dark.png | Bin 0 -> 553 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 0 -> 884 bytes ...vert-marks-before-slider-disabled-dark.png | Bin 0 -> 542 bytes ...rt-marks-before-slider-disabled-dark@2.png | Bin 0 -> 835 bytes ...cale-vert-marks-before-slider-disabled.png | Bin 0 -> 566 bytes ...le-vert-marks-before-slider-disabled@2.png | Bin 0 -> 867 bytes .../assets/scale-vert-marks-before-slider.png | Bin 0 -> 550 bytes .../scale-vert-marks-before-slider@2.png | Bin 0 -> 875 bytes .../selectionmode-checkbox-checked-dark.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 0 -> 710 bytes .../assets/selectionmode-checkbox-checked.png | Bin 0 -> 467 bytes .../selectionmode-checkbox-checked@2.png | Bin 0 -> 718 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 Cutefish/gtk-4.0/gtk-dark.css | 4645 ++++++++++++++++ Cutefish/gtk-4.0/gtk.css | 4662 +++++++++++++++++ Cutefish/gtk-4.0/thumbnail.png | Bin 0 -> 2057 bytes Cutefish/index.theme | 5 + README.md | 6 +- debian/changelog | 5 + debian/compat | 1 + debian/control | 13 + debian/copyright | 18 + debian/install | 3 + debian/rules | 24 + debian/source/format | 1 + 824 files changed, 66056 insertions(+), 1 deletion(-) create mode 100644 Cutefish-dark/gtk-2.0/apps.rc create mode 100644 Cutefish-dark/gtk-2.0/assets/border.png create mode 100644 Cutefish-dark/gtk-2.0/assets/button-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/button-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/button-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/button.png create mode 100644 Cutefish-dark/gtk-2.0/assets/checkbox-checked-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/checkbox-checked-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/checkbox-checked-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/checkbox-checked.png create mode 100644 Cutefish-dark/gtk-2.0/assets/checkbox-mixed-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/checkbox-mixed-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/checkbox-mixed-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/checkbox-mixed.png create mode 100644 Cutefish-dark/gtk-2.0/assets/checkbox-unchecked-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/checkbox-unchecked-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/checkbox-unchecked-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/checkbox-unchecked.png create mode 100644 Cutefish-dark/gtk-2.0/assets/combo-left-entry-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/combo-left-entry-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/combo-left-entry-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/combo-left-entry.png create mode 100644 Cutefish-dark/gtk-2.0/assets/combo-right-entry-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/combo-right-entry-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/combo-right-entry-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/combo-right-entry.png create mode 100644 Cutefish-dark/gtk-2.0/assets/entry-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/entry-background-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/entry-background.png create mode 100644 Cutefish-dark/gtk-2.0/assets/entry-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/entry-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/entry.png create mode 100644 Cutefish-dark/gtk-2.0/assets/flat-button-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/flat-button-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/flat-button-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/flat-button.png create mode 100644 Cutefish-dark/gtk-2.0/assets/focus.png create mode 100644 Cutefish-dark/gtk-2.0/assets/frame-inline.png create mode 100644 Cutefish-dark/gtk-2.0/assets/frame-notebook.png create mode 100644 Cutefish-dark/gtk-2.0/assets/frame.png create mode 100644 Cutefish-dark/gtk-2.0/assets/handle-horz-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/handle-horz-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/handle-horz.png create mode 100644 Cutefish-dark/gtk-2.0/assets/handle-vert-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/handle-vert-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/handle-vert.png create mode 100644 Cutefish-dark/gtk-2.0/assets/menu-checkbox-checked-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/menu-checkbox-checked.png create mode 100644 Cutefish-dark/gtk-2.0/assets/menu-checkbox-mixed-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/menu-checkbox-mixed.png create mode 100644 Cutefish-dark/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/menu-checkbox-unchecked.png create mode 100644 Cutefish-dark/gtk-2.0/assets/menu-radio-checked-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/menu-radio-checked.png create mode 100644 Cutefish-dark/gtk-2.0/assets/menu-radio-mixed-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/menu-radio-mixed.png create mode 100644 Cutefish-dark/gtk-2.0/assets/menu-radio-unchecked-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/menu-radio-unchecked.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-down-alt-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-down-alt.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-down-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-down.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-left-alt-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-left-alt.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-left-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-left-semi.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-left.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-right-alt-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-right-alt.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-right-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-right-semi.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-right.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-up-alt-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-up-alt.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-up-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/pan-up.png create mode 100644 Cutefish-dark/gtk-2.0/assets/progressbar-progress.png create mode 100644 Cutefish-dark/gtk-2.0/assets/progressbar-trough.png create mode 100644 Cutefish-dark/gtk-2.0/assets/radio-checked-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/radio-checked-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/radio-checked-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/radio-checked.png create mode 100644 Cutefish-dark/gtk-2.0/assets/radio-mixed-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/radio-mixed-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/radio-mixed-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/radio-mixed.png create mode 100644 Cutefish-dark/gtk-2.0/assets/radio-unchecked-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/radio-unchecked-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/radio-unchecked-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/radio-unchecked.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scale-horz-trough-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scale-horz-trough-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scale-horz-trough.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scale-slider-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scale-slider-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scale-slider-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scale-slider.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scale-vert-trough-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scale-vert-trough-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scale-vert-trough.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-horz-slider-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-horz-slider.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-horz-trough.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png create mode 100644 Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-ltr-down-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-ltr-down-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-ltr-down-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-ltr-down.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-ltr-up-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-ltr-up-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-ltr-up-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-ltr-up.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-rtl-down-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-rtl-down-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-rtl-down-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-rtl-down.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-rtl-up-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-rtl-up-disabled.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-rtl-up-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/spin-rtl-up.png create mode 100644 Cutefish-dark/gtk-2.0/assets/tab.png create mode 100644 Cutefish-dark/gtk-2.0/assets/treeview-ltr-button-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/treeview-ltr-button-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/treeview-ltr-button.png create mode 100644 Cutefish-dark/gtk-2.0/assets/treeview-rtl-button-active.png create mode 100644 Cutefish-dark/gtk-2.0/assets/treeview-rtl-button-hover.png create mode 100644 Cutefish-dark/gtk-2.0/assets/treeview-rtl-button.png create mode 100644 Cutefish-dark/gtk-2.0/gtkrc create mode 100644 Cutefish-dark/gtk-2.0/hacks.rc create mode 100644 Cutefish-dark/gtk-2.0/main.rc create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/radio-checked-symbolic.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg create mode 120000 Cutefish-dark/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg create mode 120000 Cutefish-dark/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/scale-slider-symbolic.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg create mode 120000 Cutefish-dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg create mode 120000 Cutefish-dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider.png create mode 100644 Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png create mode 100644 Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-checked.png create mode 100644 Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-checked@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png create mode 100644 Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png create mode 100644 Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-unchecked.png create mode 100644 Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png create mode 100644 Cutefish-dark/gtk-3.0/gtk-dark.css create mode 100644 Cutefish-dark/gtk-3.0/gtk.css create mode 100644 Cutefish-dark/gtk-3.0/thumbnail.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/radio-checked-symbolic.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg create mode 120000 Cutefish-dark/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg create mode 120000 Cutefish-dark/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/scale-slider-symbolic.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg create mode 120000 Cutefish-dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg create mode 120000 Cutefish-dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider.png create mode 100644 Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png create mode 100644 Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-checked.png create mode 100644 Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-checked@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png create mode 100644 Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png create mode 100644 Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-unchecked.png create mode 100644 Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png create mode 100644 Cutefish-dark/gtk-4.0/gtk-dark.css create mode 100644 Cutefish-dark/gtk-4.0/gtk.css create mode 100644 Cutefish-dark/gtk-4.0/thumbnail.png create mode 100644 Cutefish-dark/index.theme create mode 100644 Cutefish-light/gtk-2.0/apps.rc create mode 100644 Cutefish-light/gtk-2.0/assets/border.png create mode 100644 Cutefish-light/gtk-2.0/assets/button-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/button-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/button-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/button.png create mode 100644 Cutefish-light/gtk-2.0/assets/checkbox-checked-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/checkbox-checked-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/checkbox-checked-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/checkbox-checked.png create mode 100644 Cutefish-light/gtk-2.0/assets/checkbox-mixed-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/checkbox-mixed-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/checkbox-mixed-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/checkbox-mixed.png create mode 100644 Cutefish-light/gtk-2.0/assets/checkbox-unchecked-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/checkbox-unchecked-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/checkbox-unchecked-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/checkbox-unchecked.png create mode 100644 Cutefish-light/gtk-2.0/assets/combo-left-entry-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/combo-left-entry-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/combo-left-entry-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/combo-left-entry.png create mode 100644 Cutefish-light/gtk-2.0/assets/combo-right-entry-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/combo-right-entry-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/combo-right-entry-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/combo-right-entry.png create mode 100644 Cutefish-light/gtk-2.0/assets/entry-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/entry-background-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/entry-background.png create mode 100644 Cutefish-light/gtk-2.0/assets/entry-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/entry-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/entry.png create mode 100644 Cutefish-light/gtk-2.0/assets/flat-button-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/flat-button-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/flat-button-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/flat-button.png create mode 100644 Cutefish-light/gtk-2.0/assets/focus.png create mode 100644 Cutefish-light/gtk-2.0/assets/frame-inline.png create mode 100644 Cutefish-light/gtk-2.0/assets/frame-notebook.png create mode 100644 Cutefish-light/gtk-2.0/assets/frame.png create mode 100644 Cutefish-light/gtk-2.0/assets/handle-horz-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/handle-horz-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/handle-horz.png create mode 100644 Cutefish-light/gtk-2.0/assets/handle-vert-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/handle-vert-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/handle-vert.png create mode 100644 Cutefish-light/gtk-2.0/assets/menu-checkbox-checked-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/menu-checkbox-checked.png create mode 100644 Cutefish-light/gtk-2.0/assets/menu-checkbox-mixed-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/menu-checkbox-mixed.png create mode 100644 Cutefish-light/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/menu-checkbox-unchecked.png create mode 100644 Cutefish-light/gtk-2.0/assets/menu-radio-checked-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/menu-radio-checked.png create mode 100644 Cutefish-light/gtk-2.0/assets/menu-radio-mixed-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/menu-radio-mixed.png create mode 100644 Cutefish-light/gtk-2.0/assets/menu-radio-unchecked-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/menu-radio-unchecked.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-down-alt-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-down-alt.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-down-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-down.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-left-alt-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-left-alt.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-left-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-left-semi.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-left.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-right-alt-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-right-alt.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-right-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-right-semi.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-right.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-up-alt-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-up-alt.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-up-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/pan-up.png create mode 100644 Cutefish-light/gtk-2.0/assets/progressbar-progress.png create mode 100644 Cutefish-light/gtk-2.0/assets/progressbar-trough.png create mode 100644 Cutefish-light/gtk-2.0/assets/radio-checked-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/radio-checked-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/radio-checked-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/radio-checked.png create mode 100644 Cutefish-light/gtk-2.0/assets/radio-mixed-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/radio-mixed-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/radio-mixed-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/radio-mixed.png create mode 100644 Cutefish-light/gtk-2.0/assets/radio-unchecked-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/radio-unchecked-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/radio-unchecked-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/radio-unchecked.png create mode 100644 Cutefish-light/gtk-2.0/assets/scale-horz-trough-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/scale-horz-trough-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/scale-horz-trough.png create mode 100644 Cutefish-light/gtk-2.0/assets/scale-slider-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/scale-slider-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/scale-slider-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/scale-slider.png create mode 100644 Cutefish-light/gtk-2.0/assets/scale-vert-trough-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/scale-vert-trough-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/scale-vert-trough.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-horz-slider-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-horz-slider-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-horz-slider-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-horz-slider.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-horz-trough.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-vert-ltr-slider.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-vert-ltr-trough.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-vert-rtl-slider.png create mode 100644 Cutefish-light/gtk-2.0/assets/scrollbar-vert-rtl-trough.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-ltr-down-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-ltr-down-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-ltr-down-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-ltr-down.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-ltr-up-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-ltr-up-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-ltr-up-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-ltr-up.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-rtl-down-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-rtl-down-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-rtl-down-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-rtl-down.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-rtl-up-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-rtl-up-disabled.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-rtl-up-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/spin-rtl-up.png create mode 100644 Cutefish-light/gtk-2.0/assets/tab.png create mode 100644 Cutefish-light/gtk-2.0/assets/treeview-ltr-button-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/treeview-ltr-button-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/treeview-ltr-button.png create mode 100644 Cutefish-light/gtk-2.0/assets/treeview-rtl-button-active.png create mode 100644 Cutefish-light/gtk-2.0/assets/treeview-rtl-button-hover.png create mode 100644 Cutefish-light/gtk-2.0/assets/treeview-rtl-button.png create mode 100644 Cutefish-light/gtk-2.0/gtkrc create mode 100644 Cutefish-light/gtk-2.0/hacks.rc create mode 100644 Cutefish-light/gtk-2.0/main.rc create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/radio-checked-symbolic.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg create mode 120000 Cutefish-light/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg create mode 120000 Cutefish-light/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/scale-slider-symbolic.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg create mode 120000 Cutefish-light/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg create mode 120000 Cutefish-light/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider.png create mode 100644 Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png create mode 100644 Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-checked.png create mode 100644 Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-checked@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png create mode 100644 Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png create mode 100644 Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-unchecked.png create mode 100644 Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png create mode 100644 Cutefish-light/gtk-3.0/gtk-dark.css create mode 100644 Cutefish-light/gtk-3.0/gtk.css create mode 100644 Cutefish-light/gtk-3.0/thumbnail.png create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/radio-checked-symbolic.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg create mode 120000 Cutefish-light/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg create mode 120000 Cutefish-light/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/scale-slider-symbolic.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg create mode 120000 Cutefish-light/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg create mode 120000 Cutefish-light/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider.png create mode 100644 Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png create mode 100644 Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-checked.png create mode 100644 Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-checked@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png create mode 100644 Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png create mode 100644 Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-unchecked.png create mode 100644 Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png create mode 100644 Cutefish-light/gtk-4.0/gtk-dark.css create mode 100644 Cutefish-light/gtk-4.0/gtk.css create mode 100644 Cutefish-light/gtk-4.0/thumbnail.png create mode 100644 Cutefish-light/index.theme create mode 100644 Cutefish/gtk-2.0/apps.rc create mode 100644 Cutefish/gtk-2.0/assets/border.png create mode 100644 Cutefish/gtk-2.0/assets/button-active.png create mode 100644 Cutefish/gtk-2.0/assets/button-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/button-hover.png create mode 100644 Cutefish/gtk-2.0/assets/button.png create mode 100644 Cutefish/gtk-2.0/assets/checkbox-checked-active.png create mode 100644 Cutefish/gtk-2.0/assets/checkbox-checked-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/checkbox-checked-hover.png create mode 100644 Cutefish/gtk-2.0/assets/checkbox-checked.png create mode 100644 Cutefish/gtk-2.0/assets/checkbox-mixed-active.png create mode 100644 Cutefish/gtk-2.0/assets/checkbox-mixed-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/checkbox-mixed-hover.png create mode 100644 Cutefish/gtk-2.0/assets/checkbox-mixed.png create mode 100644 Cutefish/gtk-2.0/assets/checkbox-unchecked-active.png create mode 100644 Cutefish/gtk-2.0/assets/checkbox-unchecked-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/checkbox-unchecked-hover.png create mode 100644 Cutefish/gtk-2.0/assets/checkbox-unchecked.png create mode 100644 Cutefish/gtk-2.0/assets/combo-left-entry-active.png create mode 100644 Cutefish/gtk-2.0/assets/combo-left-entry-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/combo-left-entry-hover.png create mode 100644 Cutefish/gtk-2.0/assets/combo-left-entry.png create mode 100644 Cutefish/gtk-2.0/assets/combo-right-entry-active.png create mode 100644 Cutefish/gtk-2.0/assets/combo-right-entry-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/combo-right-entry-hover.png create mode 100644 Cutefish/gtk-2.0/assets/combo-right-entry.png create mode 100644 Cutefish/gtk-2.0/assets/entry-active.png create mode 100644 Cutefish/gtk-2.0/assets/entry-background-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/entry-background.png create mode 100644 Cutefish/gtk-2.0/assets/entry-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/entry-hover.png create mode 100644 Cutefish/gtk-2.0/assets/entry.png create mode 100644 Cutefish/gtk-2.0/assets/flat-button-active.png create mode 100644 Cutefish/gtk-2.0/assets/flat-button-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/flat-button-hover.png create mode 100644 Cutefish/gtk-2.0/assets/flat-button.png create mode 100644 Cutefish/gtk-2.0/assets/focus.png create mode 100644 Cutefish/gtk-2.0/assets/frame-inline.png create mode 100644 Cutefish/gtk-2.0/assets/frame-notebook.png create mode 100644 Cutefish/gtk-2.0/assets/frame.png create mode 100644 Cutefish/gtk-2.0/assets/handle-horz-active.png create mode 100644 Cutefish/gtk-2.0/assets/handle-horz-hover.png create mode 100644 Cutefish/gtk-2.0/assets/handle-horz.png create mode 100644 Cutefish/gtk-2.0/assets/handle-vert-active.png create mode 100644 Cutefish/gtk-2.0/assets/handle-vert-hover.png create mode 100644 Cutefish/gtk-2.0/assets/handle-vert.png create mode 100644 Cutefish/gtk-2.0/assets/menu-checkbox-checked-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/menu-checkbox-checked.png create mode 100644 Cutefish/gtk-2.0/assets/menu-checkbox-mixed-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/menu-checkbox-mixed.png create mode 100644 Cutefish/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/menu-checkbox-unchecked.png create mode 100644 Cutefish/gtk-2.0/assets/menu-radio-checked-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/menu-radio-checked.png create mode 100644 Cutefish/gtk-2.0/assets/menu-radio-mixed-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/menu-radio-mixed.png create mode 100644 Cutefish/gtk-2.0/assets/menu-radio-unchecked-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/menu-radio-unchecked.png create mode 100644 Cutefish/gtk-2.0/assets/pan-down-alt-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/pan-down-alt.png create mode 100644 Cutefish/gtk-2.0/assets/pan-down-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/pan-down.png create mode 100644 Cutefish/gtk-2.0/assets/pan-left-alt-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/pan-left-alt.png create mode 100644 Cutefish/gtk-2.0/assets/pan-left-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/pan-left-semi.png create mode 100644 Cutefish/gtk-2.0/assets/pan-left.png create mode 100644 Cutefish/gtk-2.0/assets/pan-right-alt-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/pan-right-alt.png create mode 100644 Cutefish/gtk-2.0/assets/pan-right-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/pan-right-semi.png create mode 100644 Cutefish/gtk-2.0/assets/pan-right.png create mode 100644 Cutefish/gtk-2.0/assets/pan-up-alt-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/pan-up-alt.png create mode 100644 Cutefish/gtk-2.0/assets/pan-up-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/pan-up.png create mode 100644 Cutefish/gtk-2.0/assets/progressbar-progress.png create mode 100644 Cutefish/gtk-2.0/assets/progressbar-trough.png create mode 100644 Cutefish/gtk-2.0/assets/radio-checked-active.png create mode 100644 Cutefish/gtk-2.0/assets/radio-checked-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/radio-checked-hover.png create mode 100644 Cutefish/gtk-2.0/assets/radio-checked.png create mode 100644 Cutefish/gtk-2.0/assets/radio-mixed-active.png create mode 100644 Cutefish/gtk-2.0/assets/radio-mixed-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/radio-mixed-hover.png create mode 100644 Cutefish/gtk-2.0/assets/radio-mixed.png create mode 100644 Cutefish/gtk-2.0/assets/radio-unchecked-active.png create mode 100644 Cutefish/gtk-2.0/assets/radio-unchecked-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/radio-unchecked-hover.png create mode 100644 Cutefish/gtk-2.0/assets/radio-unchecked.png create mode 100644 Cutefish/gtk-2.0/assets/scale-horz-trough-active.png create mode 100644 Cutefish/gtk-2.0/assets/scale-horz-trough-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/scale-horz-trough.png create mode 100644 Cutefish/gtk-2.0/assets/scale-slider-active.png create mode 100644 Cutefish/gtk-2.0/assets/scale-slider-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/scale-slider-hover.png create mode 100644 Cutefish/gtk-2.0/assets/scale-slider.png create mode 100644 Cutefish/gtk-2.0/assets/scale-vert-trough-active.png create mode 100644 Cutefish/gtk-2.0/assets/scale-vert-trough-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/scale-vert-trough.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-horz-slider-active.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-horz-slider-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-horz-slider-hover.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-horz-slider.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-horz-trough.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-vert-ltr-slider.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-vert-ltr-trough.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-vert-rtl-slider.png create mode 100644 Cutefish/gtk-2.0/assets/scrollbar-vert-rtl-trough.png create mode 100644 Cutefish/gtk-2.0/assets/spin-ltr-down-active.png create mode 100644 Cutefish/gtk-2.0/assets/spin-ltr-down-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/spin-ltr-down-hover.png create mode 100644 Cutefish/gtk-2.0/assets/spin-ltr-down.png create mode 100644 Cutefish/gtk-2.0/assets/spin-ltr-up-active.png create mode 100644 Cutefish/gtk-2.0/assets/spin-ltr-up-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/spin-ltr-up-hover.png create mode 100644 Cutefish/gtk-2.0/assets/spin-ltr-up.png create mode 100644 Cutefish/gtk-2.0/assets/spin-rtl-down-active.png create mode 100644 Cutefish/gtk-2.0/assets/spin-rtl-down-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/spin-rtl-down-hover.png create mode 100644 Cutefish/gtk-2.0/assets/spin-rtl-down.png create mode 100644 Cutefish/gtk-2.0/assets/spin-rtl-up-active.png create mode 100644 Cutefish/gtk-2.0/assets/spin-rtl-up-disabled.png create mode 100644 Cutefish/gtk-2.0/assets/spin-rtl-up-hover.png create mode 100644 Cutefish/gtk-2.0/assets/spin-rtl-up.png create mode 100644 Cutefish/gtk-2.0/assets/tab.png create mode 100644 Cutefish/gtk-2.0/assets/treeview-ltr-button-active.png create mode 100644 Cutefish/gtk-2.0/assets/treeview-ltr-button-hover.png create mode 100644 Cutefish/gtk-2.0/assets/treeview-ltr-button.png create mode 100644 Cutefish/gtk-2.0/assets/treeview-rtl-button-active.png create mode 100644 Cutefish/gtk-2.0/assets/treeview-rtl-button-hover.png create mode 100644 Cutefish/gtk-2.0/assets/treeview-rtl-button.png create mode 100644 Cutefish/gtk-2.0/gtkrc create mode 100644 Cutefish/gtk-2.0/hacks.rc create mode 100644 Cutefish/gtk-2.0/main.rc create mode 100644 Cutefish/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/radio-checked-symbolic.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg create mode 120000 Cutefish/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg create mode 120000 Cutefish/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/scale-slider-symbolic.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg create mode 100644 Cutefish/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg create mode 120000 Cutefish/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg create mode 120000 Cutefish/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider.png create mode 100644 Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider.png create mode 100644 Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider@2.png create mode 100644 Cutefish/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png create mode 100644 Cutefish/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png create mode 100644 Cutefish/gtk-3.0/assets/selectionmode-checkbox-checked.png create mode 100644 Cutefish/gtk-3.0/assets/selectionmode-checkbox-checked@2.png create mode 100644 Cutefish/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png create mode 100644 Cutefish/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png create mode 100644 Cutefish/gtk-3.0/assets/selectionmode-checkbox-unchecked.png create mode 100644 Cutefish/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png create mode 100644 Cutefish/gtk-3.0/gtk-dark.css create mode 100644 Cutefish/gtk-3.0/gtk.css create mode 100644 Cutefish/gtk-3.0/thumbnail.png create mode 100644 Cutefish/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/radio-checked-symbolic.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg create mode 120000 Cutefish/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg create mode 120000 Cutefish/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/scale-slider-symbolic.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg create mode 100644 Cutefish/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg create mode 120000 Cutefish/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg create mode 120000 Cutefish/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider.png create mode 100644 Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider.png create mode 100644 Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider@2.png create mode 100644 Cutefish/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png create mode 100644 Cutefish/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png create mode 100644 Cutefish/gtk-4.0/assets/selectionmode-checkbox-checked.png create mode 100644 Cutefish/gtk-4.0/assets/selectionmode-checkbox-checked@2.png create mode 100644 Cutefish/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png create mode 100644 Cutefish/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png create mode 100644 Cutefish/gtk-4.0/assets/selectionmode-checkbox-unchecked.png create mode 100644 Cutefish/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png create mode 100644 Cutefish/gtk-4.0/gtk-dark.css create mode 100644 Cutefish/gtk-4.0/gtk.css create mode 100644 Cutefish/gtk-4.0/thumbnail.png create mode 100644 Cutefish/index.theme create mode 100644 debian/changelog create mode 100644 debian/compat create mode 100644 debian/control create mode 100644 debian/copyright create mode 100644 debian/install create mode 100644 debian/rules create mode 100644 debian/source/format diff --git a/Cutefish-dark/gtk-2.0/apps.rc b/Cutefish-dark/gtk-2.0/apps.rc new file mode 100644 index 0000000..530e72f --- /dev/null +++ b/Cutefish-dark/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/Cutefish-dark/gtk-2.0/assets/border.png b/Cutefish-dark/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>9x+u!XbtB~Tqt zNswPK10xeFo0x{CmVu!$d-NA|pm>0%i(`n!`Q(Ivv$uK~r?DCtY$$nujH%4RAmhz3 zE-A@H8@+Q9x_unSsi1r%i~ z3GxeOU}R=xWAAS(WCV&hdAc};Xq-<@NGRex%5ad2ho>jvh_kaZi$sLeMkaQ)&^JPk zJnL?#Hc2`aHUxGqRBANNDpX^ebCNy1DLKLD=qwk;uSqxW^L$PKxtqb$)z4*}Q$iB} D-L6aU literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/button-hover.png b/Cutefish-dark/gtk-2.0/assets/button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..66e1fdd7e48df0a72870c343f800d1bab5a92a37 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`wFK>9xp@Y>hz5Xgd( zAirP+MrLkd5m5=r2kyKeTYWuU978nDCnpH-y+6RPw2g9xh@Hn5#0+e7c z3GxeOU}WXw;^sNS`qB_6lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LCuX@-XXp{xEIr=8Jm zxT=zSTPyFZX8tMdywlnRr?m=BY37~K&OfPLcv8CnC~V%&D(eG-n;+c;loFtzkd5?bo9yxptg;k zE{-7@!E+~^6lyXMaA{}Y+Qh}t#NDyt;J^R>gAbYQytI7f_g%}36mLmc>&)Jlf9k-s zpATC#=bqkR(Wq)Hwy;nk_FKjeE(_)D*5~xoTE72in(+D55{VB}S8VxrAW-Au4}bG} z>{6;K0-a4?87;e8T+Uh8onCctjm%b|=ZQU@9j(gYN(VB+`1<7~*6-OmMM1o3pY^Os zFCSSH8wK6-zm~6FG|xEy`;w!dx}#22zl+>rYCl0ix9*j|++a}Hd%F6$taD0e0st** B(}(~7 literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/checkbox-checked-disabled.png b/Cutefish-dark/gtk-2.0/assets/checkbox-checked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..a29a117be090f036280a6eedd687c7d30641ef13 GIT binary patch literal 442 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tm?&_=LCuX$FS>4FCT#H2l|Z zd860x#2kd)nzp<(Zg^(g@Xn;+opI9(!={&pP45jFUgXyUH>ni(I*>KGO{6%dUu@J-=V$!rZThb~(SlZngiw Y_@-X*jmFRIr$Hg<>FVdQ&MBb@0Noj`zyJUM literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/checkbox-checked-hover.png b/Cutefish-dark/gtk-2.0/assets/checkbox-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..e101429a28cdac8b3b1a5c5f1919a5e61b465522 GIT binary patch literal 491 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LCuX@-XXp{xF<%>46VzLVbhOnU7*@s0naH-1yz_yWm^Z~P_$(Ods1Z~Z5~^Plw2fASmu ziEsTTy#X=;fC$K#@(w5)IORQv3qo%}XwusNkQSiEcL5*-;sRv@K`P%KwJA&jIzzi8 z$S;_IiJ6s+JuEyTGCDRcKB2R7!o*2armk7LZvBQ$H*Vg(bNAl;2M-@U`uz3VKck~p zJ^;0C^mK6y(FmS9;iOQLfq+Xp1J@=ljwbGo6$k(Q{~vtFZ0DurE5GkrW~6va%35dk zzWh@MuKj%2syX-c28%{jW3h#W3bEfZesEbRZ?`_DpVspIN7IDQr3n7U%izXO39 zAAk6p-(#0jRT1cH`pRh8-Qsf2!tV5{gKK2A3O!Hk@$6_-4p%ym5ysaqFR^~l)+q|& zRr{=GO?vsrqSz?tp8vIc^`d#k`QMiu{nQ&t;uc GLK6Vp{^YIz literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/checkbox-checked.png b/Cutefish-dark/gtk-2.0/assets/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..d39d78ce2655243a27a59839c928624b047f5086 GIT binary patch literal 491 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LCuX@-XXp{xEoH2gQ7 z`Cq%?zhT2`gT@!e4KIxvUm5~Y!z<&)S4K^*jDTe0YmgvBqyfl&4OCzRVgLnS8iUvn zWk4-JK{y-AfQW!hLq+onFU13$p7tFxK%)-j%=N}Ll91t8%!~fs8P|etC)Yd$vwd5U<*2J!{g-M;66KLHGQx<*OIXGtU3MxNu6{1-oD!MlpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XXp{xFDH(XW8 zy{(mZRx|&UcHU|2g40?Br!@0UXy>2QEoymljy_Kp#}En0xd(4cIXOtM zUeFEZa9zsWDfRYy{gG$iElr-Ci;D1Fx_#B_RndzQI-~ez32Z*wSzpAzSXft*O;DWa zOUU8Y?M)spI~3oQhzOX@8nEB(9#VtE76}EZ2xZ(UmUvCT7-U-{@ zi#5-g#_Se%?B@3uiDG*!R+Mk}Q5cx@cgLIBHD8&7__Qu4y!iMA6o{U#elF{r5}E+W COSU@z literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/checkbox-mixed-disabled.png b/Cutefish-dark/gtk-2.0/assets/checkbox-mixed-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..45d5349bdeac3f169edb97a77f0cf5a2c4ae7087 GIT binary patch literal 385 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TqP=_=LCuX$FS>4FCT#H2l|Z zd860x#2kd)nzp<(Zg^(g@XoO5rD4;1gN9f7O|O7#gNB!;4KIxwpBp#6Hfnfb)bQG< z`L$8wYs2PO#*MEG8($bUzFzi2r5$LhOi7SmFaskaleCPCjI5lTzP^E>rInSpw~vpH zZ%AllWLe?Wzd&_uo-U3d5|VQd28uN)h_D{Wo}%QMvZST_|L>mXj=VpM*_LY>|B(2b zAi`y3z%5%gUH$(Jw$qQGUUh35QjjT-0tD{B){` z_$Z(sCexDW>b#lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XXp{qd1bJBm` zi649>zxA8=&Uex~pGmKMC%*BY^u}+>8($zf`K|wyxBipg`A>T1KN%?g)_>w#ze#U^ z>;NE|1SUc3w;(j>Z2(9yP|Ldj5CU<5$^xgn1)}7@@8^N`s+9!!1v4-)v$2PTM?^-) z#>FR0m^f+5)YWU&u3Nw1_MN-;?mu|=@X_b5-~Ju>y3GZsqtDaDF+@Ug?!ntqP7V^R z7j%O;T$eI;O1=GFf8^PBOOt2kq9S~kZeR6!RrI2S&M3ZF0-Miv))((W+pg2X8yQjam$WNg>4=$ZaDwY*W1Ficfz*! zV$E}=F}uYbyZQY^qSzjb73CX#6b5Gf-SMV&%~$3iKCKH1FFw8j1)`^`pUXO@geCyE CA;vKP literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/checkbox-mixed.png b/Cutefish-dark/gtk-2.0/assets/checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..49889df8fc611cfc36e4ff865385d9447f03bdb2 GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XXp{xEI&-}05 z@ZYfEwL#+xsNt1y<13@4S4NGmpzMa%Mvbq5Qb5uO#0IK)X$<5xfYd+` zNDC4|;{v5(HtHDz?NuuY@(X5QVrFIY^A89N4hanlZ|~^r>RGgS$ZcMmL|{6MMd~7 z-M;Ges^~=tol$(V1U8@TtS{nUEUYWZCMeGICFF4H_9l;)9g6QtLcJup-M6o>smny<`3d|DS2UVMB53Pev=KbLh*2~7aCi@VVP literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/checkbox-unchecked-active.png b/Cutefish-dark/gtk-2.0/assets/checkbox-unchecked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..f6948e7af13d05d1de180408944ae449a4000857 GIT binary patch literal 520 zcmV+j0{8uiP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10hLKa zK~zYI)s@RG1W^!%za!=i5F$2gur|hu881NMwh>Pt!>dSmfmustJb|$>8Ejn^Vj&Wj zcmv|MIMvb9`kJv(n@U$#)mPo;R2BSpacM6lm4F(s1WW@X_Ua9|1KL2_IrmW*AZZ!c z1I9Cod;$)fbEmlgk_Lb}ux+M$-~{Lb&t@9~D!?i*Wwr)z=$!jXEl1M6q$^41lGY8F zRHK`L&@h-oqOZTAxJgJsU+#doYwLt55;d6)I60}Ppd=>rg4_{r-%`9o&VlE{uW;xeGkj)&!ZYwm0cB4K?<9Zj^G1CLSLzBk!B>q}9fTQRXNLx5n z{KAlpinR(g8$%zH2dih1^v)|cB0TuZL_=LCu>HpLN6Q)b+0!@@E z3GxeOU}R!u;T8}S5fzh?mXTFb*3>dJGqkv@YLQfaR5RLP5122jl77*c1 zTe~f+YvTX^7j4hne6i8iBtOrih(<^s_Qh|5LB}+KMmC0m3*Q8FZ5b4TzPF^YFr=)S7jP!| z(Xr?Cn)PP&A)n_Lramf*+7LGwKh^xJba7}!0N*(lpinR(g8$%zH2dih1^v)|cB0Ts;*@Ck7R(*Fk~xGKvM0(6{l zNswPK10xeN3p)p=w2Z8lwvMrhshPQjrHiYZyN6dqWK?u!R(4KqXIFPmZ(sj}x%1{P zT(orA&zI3GK<&ppT^vI+Ce95!Db!>jqMaHj$m%F4ATA&hxa8S?`*Smc7Rbu-KbvIo zGJ2WnlX!{Od#dbK+Zcq@m$o~+^)$0(aJ4Z$8yUk;oy)Xd>~Cvy$|Yh9 zzxVap*aOOe3CW#y-si{0uE#+{CPe{kC(>0XJl!>YQhr;cpXvDWlpinR(g8$%zH2dih1^v)|cB0TtB+_=LCu>Hh-<-mhz$1ayH` zNswPK10xeN8@s5OqLR9Xrk1vjiK&^ng{6zDTVPOdNM=@cPHtX)WmQdWeZx$42Ns~N zgPtyqArg{v4@Q?Y88EP1IO*K16v1-D$(Pye*vMY%JUh#j*PBgSmGcY>vwf&CeQ)~Pgg&ebxsLQ E0PK;0HUIzs literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/combo-left-entry-disabled.png b/Cutefish-dark/gtk-2.0/assets/combo-left-entry-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..6a9d9dd228a8a9035f28c745861e641ffccf80a7 GIT binary patch literal 209 zcmeAS@N?(olHy`uVBq!ia0vp^59x_unSsi1r%i~ z3GxeOU}R=xWAAS(WCV)ndAc};NL)@%NGRfMWn^<>v7XYXD$=>Q>rA2Rvz9)IKJ9Z1 jj+|Ok98waDT8kMTS?8#SltqREbuxIm`njxgN@xNAbpS(9 literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/combo-left-entry-hover.png b/Cutefish-dark/gtk-2.0/assets/combo-left-entry-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..c65ced0224bfed84a53ffa4ce6a4451496bb5c54 GIT binary patch literal 282 zcmeAS@N?(olHy`uVBq!ia0vp^5u~r1)*D(2{?Gh9xh@Hn5#0+e7c z3GxeOU}WXw;^sNS`qB_6Wa#PQ7$R{wIU&Kwx0#X6ZMz9eyDD$z;=EQrdP&b zWYqWyh=6P$`7W>_3TUo$NswPK0~R;fa%{E?&Cz-fdg`Xs^E86UNI%BE@GlSM~y} OVDNPHb6Mw<&;$U|oQWX- literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/combo-right-entry-disabled.png b/Cutefish-dark/gtk-2.0/assets/combo-right-entry-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..67cfcc78a9cd0e6d699d625cf430208a5ea68efc GIT binary patch literal 207 zcmeAS@N?(olHy`uVBq!ia0vp^5MU0kns~)78&qol`;+0LGa` A)Bpeg literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/combo-right-entry-hover.png b/Cutefish-dark/gtk-2.0/assets/combo-right-entry-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..8d643bd39502700c96d5de8072f834f6f4cdd3db GIT binary patch literal 292 zcmeAS@N?(olHy`uVBq!ia0vp^5Ai`hky%umk8(v;*9#C5(kKb@T=ciT7RS-08D z4aeEd1PhxY7e6&P?z{K*nHcvYibkJzDHe3I>wIjzKJ9=dw~gqhvWpd#G9TkU$MQ4S zt)9NOVP(}t?jL6v*bEvNc^=p^e}0v$pAfqDJ!8zHjn8sl@6HH4y?(>tw6^DMCoHYk mC_lRLiCuW##;?yy{xH_xQ`gug!2b>Ccm_{bKbLh*2~7Y(^>qgT literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/combo-right-entry.png b/Cutefish-dark/gtk-2.0/assets/combo-right-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..5d232339ff5e86db4f95636acc691dfa6472eaee GIT binary patch literal 217 zcmeAS@N?(olHy`uVBq!ia0vp^59xh@Hn5#0+e7c z3GxeOU}WXw;^sNS`qB_6WaR1M7$Pw>*`v8Jft8KTLS5IDp>y)HhBKZ{&s3C)gC<&L o9`2dkb@{gEjwUWkfo4$&hGMzqa5j5iO`vWDPgg&ebxsLQ0FNk0D*ylh literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/entry-active.png b/Cutefish-dark/gtk-2.0/assets/entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..4d261e1552d0e493a2d47151a43cba32631b1949 GIT binary patch literal 423 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3-n?Hl6taq&N#aB8wRq_zr_GKeGhf3tVc)U2O|>t081AHw9Zg7db4s+}tDWQO!`vmj2=V!G(;mI}%ftvYS?y@O%>9u|6lk z=CJZ)w%GM^gcf}Gr968bL&7aPt?M5zs~q6Jooe24awXFppo17ZUHx3vIVCg!0JNjE Aw*UYD literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/entry-background-disabled.png b/Cutefish-dark/gtk-2.0/assets/entry-background-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..ce14ba81059ca0c9e73cf85785a48b55c618d85e 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^eh1_EJb a5e5c>3}z0g##b3Y1q`09elF{r5}E)V6CyzX literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/entry-background.png b/Cutefish-dark/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>b9x_unSsi1r%i~ z3GxeOU}R=xWAAS(WCV&hdAc};Xq-<@NGRex%5ad2ho>jvh_kaZi$sLeMkaQ)&^JPk zJnL?#Hc2`aHUxGqRBANNDpX^ebCNy1DLKLD=qwk;uSqxW^L$PKxtqb$)z4*}Q$iB} D-L6aU literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/entry-hover.png b/Cutefish-dark/gtk-2.0/assets/entry-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..573323929cd2c5ee819d67b129381ff07b8fec3c GIT binary patch literal 347 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3-n?Hl6taq&N#aB8wRq_zr_G zlmz(&GcYl8aq|cY39D;pYH9oU`uPV0heyXGhVxZr1Jx9Gx;TbdoPImSQLI@(;HXj9 zh7cCk)BFGXR<|bJPX89EcA)5rBKzVr=7`yMwunw!HZQ3_AUNEZ@2jrG&0R*zg9<(e zrfU3ZU7;T|!=b9h{YQGD)dH)@FV;EDn{nWG*s(veZ|29EnQwZ{ny~XnSmdUI{1aB{ VOndiXh6d1X22WQ%mvv4FO#r#NrKkV^ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/entry.png b/Cutefish-dark/gtk-2.0/assets/entry.png new file mode 100644 index 0000000000000000000000000000000000000000..3fe12c70009fb95852d4b6080269c39396c57044 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`wFK>9xh@Hn5#0+e7c z3GxeOU}WXw;^sNS`qB_69x+u!XbtB~Tqt zNswPK10xeFo0x{CmVu!$d-NA|pm>0%i(`n!`Q(Ivv$uK~r?DCtY$$nujH%4RAmhz3 zE-A@H8@+Q9xp@Y>hz5Xgd( zAirP+MrLkd5m5=r2kyKeTYWuU978nDCnpH-y+6RPw2g!P{ z$S;_ISy)6=T1M{g!zNFln31Q8V+eFVdQ&MBb@0I3HsOaK4? literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/frame-notebook.png b/Cutefish-dark/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/Cutefish-dark/gtk-2.0/assets/frame.png b/Cutefish-dark/gtk-2.0/assets/frame.png new file mode 100644 index 0000000000000000000000000000000000000000..1562a81b65cb1adfc028fd76a790490e8e99f728 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 l00@kX?jThGpXH8tXPs)Bvhw@O1TaS?83{1OQ7aD7^px literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/handle-horz-active.png b/Cutefish-dark/gtk-2.0/assets/handle-horz-active.png new file mode 100644 index 0000000000000000000000000000000000000000..f1c519efb91d778954d864077450a4e6c3c3f3d6 GIT binary patch literal 170 zcmeAS@N?(olHy`uVBq!ia0vp^0zk~d!3HGTx9oodq&N#aB8wRq_zr_GY1r?*@298p@fok@ bZ+jyDuSMf>&4~(rpm_|Qu6{1-oD!MF WC8b!Mb;BEI6oaR$pUXO@geCyPZaW?T literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/handle-vert-active.png b/Cutefish-dark/gtk-2.0/assets/handle-vert-active.png new file mode 100644 index 0000000000000000000000000000000000000000..0cec1dc5c53d3786e7145c96ec3783976b946cec GIT binary patch literal 166 zcmeAS@N?(olHy`uVBq!ia0vp^EI=&4!3HD^x83^;q&N#aB8wRq_zr_GAi#2v z|J9EN_Zc1}XDnc3^(j57CY~`v;>3-|FI4kR#Fk!Buc-aJiNVXY<$LDCulIr489ZJ6 KT-G@yGywqIU^hbm literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/handle-vert-hover.png b/Cutefish-dark/gtk-2.0/assets/handle-vert-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..600fb08bbaf6b0d52097523a927dceb2470e7f65 GIT binary patch literal 173 zcmeAS@N?(olHy`uVBq!ia0vp^EI=&4!3HD^x83^;q&N#aB8wRq_zr_GIdA{~ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/handle-vert.png b/Cutefish-dark/gtk-2.0/assets/handle-vert.png new file mode 100644 index 0000000000000000000000000000000000000000..377fdf0bee5eb8f5a034a334254fa7df8c8f8db5 GIT binary patch literal 172 zcmeAS@N?(olHy`uVBq!ia0vp^EI=&4!3HD^x83^;q&N#aB8wRq_zr_Gj$jrmmtT}V`<;yxP*HM#Plzj!X88Y~q2a%A`8(r| zcLojjjhf$>G`uiw0Tqmz@9mzP&aXhcM$in$2THw=xQE{-7*;lAg+#hMiuoG+>;Ee+lBKaAzf zzwn!lE6%=|mmY8S`%Khci&bXqG*;f-cKe;g{TS9ebQssd?Tc2;8Cs}l}I{4qM eJg>}MR~YOW1w}j_tu@*N3LsBcKbLh*2~7a{p`A+r literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/menu-checkbox-checked.png b/Cutefish-dark/gtk-2.0/assets/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..40c35dd0166ab176e67ed8ce32f4a00fb23bb3ab GIT binary patch literal 435 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*FvIPlzj!4qf%%q2a&r%>UXA z|5Ya4Hf(sS-}Kz1;e~P23!|o&#*MEH8($hVyf$ulX#`|6zA|ihWduY(Mk7%0HBbu3 zHEsfl7&W~%YJ3gU1!6b80_ufmfpC$@n`Y)8fOe~w1o;IsFtf0-v1@7T=$6$sb@uj6 zm^gXLwCRhNuU@lz&)$8PuU!53>GPLAe;e5@YXP-%db&7UslINscrG_8c^Zi-wlzm^N7`mmtT}V`<;yxP?2|lPlzj!W@z|tT>j3u3JHyfh~)GwR0JwY_jGX# zk&p~M$SKsUAmVcH`%%`jT}*ji)p)b|_VI@0TE<^? zYu$W!RpRCq4i(QB71u>7dXto9OEr4-GENUYDXX)p;=sLKdwUK&TjTug*vVeSr3NJ; Y_7AoSEcDy*#~tKNPgg&ebxsLQ0Dc;P?f?J) literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/menu-checkbox-mixed.png b/Cutefish-dark/gtk-2.0/assets/menu-checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..8b3d44f3971401ada8b26e35fe0a1b2ab7a1c0e7 GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GHXPlzj!HlF!kyWzjeq}zrK zZ}pp=n>4&IZhB$d@Y1Leh+Y{syfOkJAfxfMal>n)rq@P|KoTScM8-fiSQ&(iO!`bz zJp?pewj{_en1PjzT}xX>x3_P?#K}{pP2as|@4m}du73RV`OBZbDV4jn0TpI>x;TbN zNQNF{7iv~ua6PDAb}__6>)-EqmmtT}V`<;yxP?3FrPlzj!{!amL-u){JXoP4< zkY6wZBNHHqy*?4{?D?^XFF68?L@7L z&oO_!#j9c#thgkiFL3qUgQagX4S)W9@mTkt{F#OgD}GDXGI7*R+x+swyRY{-A8_|t Wu&ta~yh#P<00vK2KbLh*2~7YZNSn6+ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/menu-checkbox-unchecked.png b/Cutefish-dark/gtk-2.0/assets/menu-checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..5317874cc1353662365ec3f33a737f05fb438fe8 GIT binary patch literal 392 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GHXPlzj!{!beaX|#PW&~&+y zAirP+W)?PfQ894|X&G5}4^J;|pSbv}?4ru5n%cVh1}lfsXF!#$o-U3d65*-+2Zfpy z1f1oAE(W!Rtz0zY|NpacC98~|ZOb>isl(vwVY&R?#?@8%lT@Z=Fsusn{&4Nrh76Mf z?!mj)Z=0-Sa=Ylv1-+vewLgT191lM)T%o$@4dmmtT}V`<;yxP*H4vPlzj!W@z~D(D2`~@3Cdy zf8+9Z#vShr8txl4zcFlhZqoG1xZ#;`!)v43XGTr04I7>rw!AiIdSl%9+Nj}$Q8N&| zF=%*Y0z}QP44YpWH@-4zd}Y}1+7PI?@%1xzhv`7`yUnYXMKf^7o8M!ss94ZkWY-mPVTIpxoz-erXRXg-4Oscj zs_XR9cWs?|Yr{X?S9Zt#&0_w;ko8Kq TquxeG5fmhzu6{1-oD!M<=%mmtT}V`<;yxP*G8UPlzj!HlF!kyWzjeq}!$q zuZ&w?8#cVwZ+T#h<0TGbV_}aMP zwNcY+qedVJk^&-QARDXzpTGS4^Ve<5?{c7qMo$;V5D7`&gPeR#1`I3*Sho~KJpH7@ zvE|MG{V%jQU-HzgDvOx5P;=wSJnjEZ^PM)Cm#-H&Fn1!~iZC~)#VG gao1*dHs4Ps9&w413(s%<0y>7l)78&qol`;+0Kgrsl>h($ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/menu-radio-mixed-disabled.png b/Cutefish-dark/gtk-2.0/assets/menu-radio-mixed-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..3a88ecad70c4f6fb282fec3dfed777cd8f667dd6 GIT binary patch literal 342 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?2|lPlzj!W@z|tT>j3u3JHyfh~)GwR0JwY_jGX# zk&p~M$SKsUAmVcH`%%`jT}*ji)p)b|_VI@0TE<^? zYu$W!RpRCq4i(QB71u>7dXto9OEr4-GENUYDXX)p;=sLKdwUK&TjTug*vVeSr3NJ; Y_7AoSEcDy*#~tKNPgg&ebxsLQ0Dc;P?f?J) literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/menu-radio-mixed.png b/Cutefish-dark/gtk-2.0/assets/menu-radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..8b3d44f3971401ada8b26e35fe0a1b2ab7a1c0e7 GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GHXPlzj!HlF!kyWzjeq}zrK zZ}pp=n>4&IZhB$d@Y1Leh+Y{syfOkJAfxfMal>n)rq@P|KoTScM8-fiSQ&(iO!`bz zJp?pewj{_en1PjzT}xX>x3_P?#K}{pP2as|@4m}du73RV`OBZbDV4jn0TpI>x;TbN zNQNF{7iv~ua6PDAb}__6>)-EqmmtT}V`<;yxP?3FrPlzj!{!amL-u){JXoP4< zkY6wZBNHHqy*?4{?D?^XFF68?L@7L z&oO_!#j9c#thgkiFL3qUgQagX4S)W9@mTkt{F#OgD}GDXGI7*R+x+swyRY{-A8_|t Wu&ta~yh#P<00vK2KbLh*2~7YZNSn6+ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/menu-radio-unchecked.png b/Cutefish-dark/gtk-2.0/assets/menu-radio-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..5317874cc1353662365ec3f33a737f05fb438fe8 GIT binary patch literal 392 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GHXPlzj!{!beaX|#PW&~&+y zAirP+W)?PfQ894|X&G5}4^J;|pSbv}?4ru5n%cVh1}lfsXF!#$o-U3d65*-+2Zfpy z1f1oAE(W!Rtz0zY|NpacC98~|ZOb>isl(vwVY&R?#?@8%lT@Z=Fsusn{&4Nrh76Mf z?!mj)Z=0-Sa=Ylv1-+vewLgT191lM)T%o$@4danMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;};E{-7EMV@-is!9MRjX zpt$kBnND()z(Y^hW^3_nUn={*GO2hzy%1u&`rU&hqa*JUjAuT2dSK>`kAe!!mNIoo ZCM)ksdH>hoo&q$E!PC{xWt~$(699DTJo5km literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-down-alt.png b/Cutefish-dark/gtk-2.0/assets/pan-down-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..974686c7e3d5cbc16e78e136826b753f022d4ce8 GIT binary patch literal 190 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Ktf`Ek)2Hi1NruCz654-8qHjpIH5mdKI;Vst0620$(EtDd literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-down-disabled.png b/Cutefish-dark/gtk-2.0/assets/pan-down-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..8aa63318507c06c08bbb013f7e288c511bd4ec0e GIT binary patch literal 181 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)cTE{-7EL~iZUqh9IgBA zq#!ZpY*VYd6*@*{^*!{1J9F!ADtH& YSl39^e_d`M2sDks)78&qol`;+0A3J1N&o-= literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-down.png b/Cutefish-dark/gtk-2.0/assets/pan-down.png new file mode 100644 index 0000000000000000000000000000000000000000..2f28e41e155fbd03669ce1ce1588ee73e5becab4 GIT binary patch literal 165 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)ELE{-7sH-o3EpUXO@ GgeCw(;xc^z literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-left-alt-disabled.png b/Cutefish-dark/gtk-2.0/assets/pan-left-alt-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..44e26b6d070a29bbb4bb29345cbdde50bd9ca786 GIT binary patch literal 185 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*nzE{-7|DUzv z$&8LGKJyq`OdgvyNSw9cRR}Y-6aS;?X6(l-Au0LZ$iN_G`4LtZ=_YeAk3!D427N_d bW(J0OBgwgWPPaROCNg-s`njxgN@xNAia9rj literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-left-alt.png b/Cutefish-dark/gtk-2.0/assets/pan-left-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..529b5e4c3b3533b60a8ecbc780673cb97b07168a 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|V6^`acX<9I##igRY5; Z44T&LDS!RnTmfof@O1TaS?83{1ON@?Ihz0g literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-left-disabled.png b/Cutefish-dark/gtk-2.0/assets/pan-left-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..ff7c85212e775d5f9a74f56073a8a4884f3d4758 GIT binary patch literal 185 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*nzE{-7|IfGM z$&8LGKJyq`OdgvyNSw9cRR}Y-6aS;=X6(l-At~8!U|{fO;Sp9B=_YeAk3!D427N_d bW(EeSby6%j`TIM8CNg-s`njxgN@xNAYYjHt literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-left-semi.png b/Cutefish-dark/gtk-2.0/assets/pan-left-semi.png new file mode 100644 index 0000000000000000000000000000000000000000..955e801ff4301af6df1f9fef8c9ba7c4d7aa11e9 GIT binary patch literal 190 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&KtHL&=44P1V7bVv z<7}`&L-_V~?nEC~n-7yaC+pcnygbXmzeHMrLG*+anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+z8E{-7|IaIu z`433dcbQC1W!RK9iPzzJ&v^zlnMe0MHwm_DpE~)C$;?@!jPoX&18?Sn6AcG>83c6_ VSRyTimH`c8@O1TaS?83{1OPxKI(`5E literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-right-alt-disabled.png b/Cutefish-dark/gtk-2.0/assets/pan-right-alt-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..42e5877b1153da178cc93d7e096890ca3642f23f GIT binary patch literal 187 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&#&E{-71p5)>sTDDf!>iZe7+GWT>yEI(jY#vplm eVvhU6>S!ZR$puFwq%H%^WbkzLb6Mw<&;$TL96M0} literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-right-alt.png b/Cutefish-dark/gtk-2.0/assets/pan-right-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..d7405064aa1c6864ef9bde5986ba538153b6c90e GIT binary patch literal 189 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*1jE{-7anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt&#&E{-7gx0$ZIm*S|>Vw?aplfl!~&t;ucLK6T55<3h4 literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-right-semi.png b/Cutefish-dark/gtk-2.0/assets/pan-right-semi.png new file mode 100644 index 0000000000000000000000000000000000000000..d7d5af026a1fd0d09ff427f814a408e22d0b6af3 GIT binary patch literal 192 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;ZuE{-7HJuay1z6xLoA? zA`#>tx@Z6OjEB4R-GpLq-Tcq4{5SakV^02KwvvSZLX+8+S+L(ZQh1;<`GE5qCNsv+ kpu#_w&$zuf7L_N?IH`5|1o`zFfCe*oy85}Sb4q9e07xi8o&W#< literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-right.png b/Cutefish-dark/gtk-2.0/assets/pan-right.png new file mode 100644 index 0000000000000000000000000000000000000000..6cf201d99515db43042cfc07cd330b000eafd834 GIT binary patch literal 181 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)cTE{-7&i|AdD%<|Jvo4YTBrlv`+S18lyg&F+Q`IDs#gY!Y(o~pFT;?%d(3o@9nVW&3 YX?}vsU4#GYfTl5cy85}Sb4q9e07#!Ze*gdg literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-up-alt-disabled.png b/Cutefish-dark/gtk-2.0/assets/pan-up-alt-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..56a417c00d28c3e9348b33b436eec2c8869e982e GIT binary patch literal 182 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;};E{-7J5<2#*Q_ Z!|~NJg+kvB>;)Rf;OXk;vd$@?2>^uXJDC6g literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-up-alt.png b/Cutefish-dark/gtk-2.0/assets/pan-up-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..5df7be827ff84a1331a27f1f9be8558e22da23c1 GIT binary patch literal 182 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;};E{-7;M0H8#_~-A11~I1};uFd3t(!xHqm$R#_s+x#nORM;oJs$zv0iqYO;5KJH2p;Zb2= Ys120mIexDH2hcbMPgg&ebxsLQ05^y^(f|Me literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/pan-up-disabled.png b/Cutefish-dark/gtk-2.0/assets/pan-up-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..d3ae511362b0b5d21439f18c9698ad2c326af7e8 GIT binary patch literal 182 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;};E{-7anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+0EvKsc~6qHgn^-Sf6;CYR^A$*P6kg`KbLh*2~7Z+ CnlT^% literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/progressbar-progress.png b/Cutefish-dark/gtk-2.0/assets/progressbar-progress.png new file mode 100644 index 0000000000000000000000000000000000000000..5eb34a6697f7d24a7f2ca549f5d186a8be672511 GIT binary patch literal 136 zcmeAS@N?(olHy`uVBq!ia0vp^EFjFm1|(O0oL2{=I14-?iy0XB4ude`@%$AjKtah8 z*NBqf{Irtt#G+J&^73-M%)IR4 dfbkF$!>VgcOLp_j3;-%%@O1TaS?83{1OU>vCA=GyCpiEB literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/radio-checked-active.png b/Cutefish-dark/gtk-2.0/assets/radio-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..1f4c0e33ac4c2c54514e8ba1cb490fe0f3fbb893 GIT binary patch literal 483 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LCuX@-XXp{xFDH(XW8 zy{(sfLZ|4IcK#X7;&WPgXEpOrY3H5RE;y}Ka7r`pgm(T(?ZT7V1*fzMj%($g&@KR? zQ#ysGbP7&u=K*z{fRV>_fb87k+Ic{9LIM>CT zxUjW;RgYQcoAh5DCe-2VaXdI*71c(C2+Tug7|#cTdgx|20lpinR(g8$%zH2dih1^v)|cB0TrbM_=LCuX$FS>4FCT#H2imH z_;1Mh!2F8eSVUzcy-oZP@(Exbc-y<153)7lw_mx#gU+fc7Yr1o;IsFfuZ6 zaB@n^$jHdb$!Tio>l+waT3LB}`}p|yhJ=PkMsC{Ck_}Wn*VDx@MC1J2iLZs46a-og z7l)`^>R7??^lyAnYG=aQv{!$ucHch}$N4i{HT+i8+KQRaXBIjx^Sm^BviB8n!IYmf zk67`o%oErAv_P3vWIgVdBj@rwz0KAua5iPx&wTF9#^j{&d@9P zZ2s6N;={j0$4d+T?5LMpeg2?f+;)$XH};lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LCuX@-XXp{qd1bJG8y zNpJn9zV)5>&TGnh--#c5CcpKY_|A9IJD*9feJ8&0pY+CW${SxGIr+8kq}M>wZ}MCJ zDR2EJzw@8;&VTY7|A}w?CcObN0ubnJz~r|9limh^lmQjL3jiSy7pNw1%3BBuP+ayH z=n|chAirP+CT2Ev8Cf~`u<(e;=-9aUgoehZ2@@wxnYw1}y7jm3+`V`I!NZ4-K7al8 z>tEJAo7q5pOFdm2LnI{U9(*m<=pe#&L7(^WydLX`-aR$%|JPWhr>1^7fA7a^&&_{+ zp4mLpF(GI}ne^g|H$RI6KyJYr93TWr$2D z-@}zvD@s<{v@GAW;>$`ofpo3*Q%zd!76DVwMTG~wRY?0|*xIo^N0aBujD^=3w(>H2 y*SKVx#jWP(y*PF2X@N$IoAdYBzguSb?<<@7c7tVq?V{L0VeaYb=d#Wzp$Py#-`-IG literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/radio-checked.png b/Cutefish-dark/gtk-2.0/assets/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..5e0e0ac8080f329008d1479802240087b11f6c32 GIT binary patch literal 483 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LCuX@-XXp{xEI&-}05 z@ZYrIm2vB9!-m)TEpLFNLE{VKhL=W-FAaeRDAoANsOgmvhy;qfGH!YW6>NBI)c6{x z#t6g!s(fh-WCN9f5l9yjLghl0r7|8e0J=n{B*-tAfr*)wO+r#i+Rr~AFgPSMEWE6| zqP?TDt7q|&rOU2ezj5={?K^kxef<38=f6qP_gR4YmU_B4hDb=xJ@{Iz(Lsdmfy?bij|F5x1Pfh)F{@#z-o}2&tJhOSGV?xk|GU>$^Z+<$hcIf!DM$;_eZ9NOl z^y-!~PyFQ0G%;{$adxcd)^>|v%Mh7RzK1KTR+Ox?X<5E$#g~lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XXp{xFDH(XW8 zy{(mZRx|&UcHU|2g40?Br!@0UXy>2QEoymljy_Kp#}En0xd(4cIXOtM zUeFEZa9zsWDfRYy{gG$iElr-Ci;D1Fx_#B_RndzQI-~ez32Z*wSzpAzSXft*O;DWa zOUU8Y?M)spI~3oQhzOX@8nEB(9#VtE76}EZ2xZ(UmUvCT7-U-{@ zi#5-g#_Se%?B@3uiDG*!R+Mk}Q5cx@cgLIBHD8&7__Qu4y!iMA6o{U#elF{r5}E+W COSU@z literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/radio-mixed-disabled.png b/Cutefish-dark/gtk-2.0/assets/radio-mixed-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..45d5349bdeac3f169edb97a77f0cf5a2c4ae7087 GIT binary patch literal 385 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TqP=_=LCuX$FS>4FCT#H2l|Z zd860x#2kd)nzp<(Zg^(g@XoO5rD4;1gN9f7O|O7#gNB!;4KIxwpBp#6Hfnfb)bQG< z`L$8wYs2PO#*MEG8($bUzFzi2r5$LhOi7SmFaskaleCPCjI5lTzP^E>rInSpw~vpH zZ%AllWLe?Wzd&_uo-U3d5|VQd28uN)h_D{Wo}%QMvZST_|L>mXj=VpM*_LY>|B(2b zAi`y3z%5%gUH$(Jw$qQGUUh35QjjT-0tD{B){` z_$Z(sCexDW>b#lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XXp{qd1bJBm` zi649>zxA8=&Uex~pGmKMC%*BY^u}+>8($zf`K|wyxBipg`A>T1KN%?g)_>w#ze#U^ z>;NE|1SUc3w;(j>Z2(9yP|Ldj5CU<5$^xgn1)}7@@8^N`s+9!!1v4-)v$2PTM?^-) z#>FR0m^f+5)YWU&u3Nw1_MN-;?mu|=@X_b5-~Ju>y3GZsqtDaDF+@Ug?!ntqP7V^R z7j%O;T$eI;O1=GFf8^PBOOt2kq9S~kZeR6!RrI2S&M3ZF0-Miv))((W+pg2X8yQjam$WNg>4=$ZaDwY*W1Ficfz*! zV$E}=F}uYbyZQY^qSzjb73CX#6b5Gf-SMV&%~$3iKCKH1FFw8j1)`^`pUXO@geCyE CA;vKP literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/radio-mixed.png b/Cutefish-dark/gtk-2.0/assets/radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..49889df8fc611cfc36e4ff865385d9447f03bdb2 GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XXp{xEI&-}05 z@ZYfEwL#+xsNt1y<13@4S4NGmpzMa%Mvbq5Qb5uO#0IK)X$<5xfYd+` zNDC4|;{v5(HtHDz?NuuY@(X5QVrFIY^A89N4hanlZ|~^r>RGgS$ZcMmL|{6MMd~7 z-M;Ges^~=tol$(V1U8@TtS{nUEUYWZCMeGICFF4H_9l;)9g6QtLcJup-M6o>smny<`3d|DS2UVMB53Pev=KbLh*2~7aCi@VVP literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/radio-unchecked-active.png b/Cutefish-dark/gtk-2.0/assets/radio-unchecked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..f6948e7af13d05d1de180408944ae449a4000857 GIT binary patch literal 520 zcmV+j0{8uiP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10hLKa zK~zYI)s@RG1W^!%za!=i5F$2gur|hu881NMwh>Pt!>dSmfmustJb|$>8Ejn^Vj&Wj zcmv|MIMvb9`kJv(n@U$#)mPo;R2BSpacM6lm4F(s1WW@X_Ua9|1KL2_IrmW*AZZ!c z1I9Cod;$)fbEmlgk_Lb}ux+M$-~{Lb&t@9~D!?i*Wwr)z=$!jXEl1M6q$^41lGY8F zRHK`L&@h-oqOZTAxJgJsU+#doYwLt55;d6)I60}Ppd=>rg4_{r-%`9o&VlE{uW;xeGkj)&!ZYwm0cB4K?<9Zj^G1CLSLzBk!B>q}9fTQRXNLx5n z{KAlpinR(g8$%zH2dih1^v)|cB0TuZL_=LCu>HpLN6Q)b+0!@@E z3GxeOU}R!u;T8}S5fzh?mXTFb*3>dJGqkv@YLQfaR5RLP5122jl77*c1 zTe~f+YvTX^7j4hne6i8iBtOrih(<^s_Qh|5LB}+KMmC0m3*Q8FZ5b4TzPF^YFr=)S7jP!| z(Xr?Cn)PP&A)n_Lramf*+7LGwKh^xJba7}!0N*(lpinR(g8$%zH2dih1^v)|cB0Ts;*@Ck7R(*Fk~xGKvM0(6{l zNswPK10xeN3p)p=w2Z8lwvMrhshPQjrHiYZyN6dqWK?u!R(4KqXIFPmZ(sj}x%1{P zT(orA&zI3GK<&ppT^vI+Ce95!Db!>jqMaHj$m%F4ATA&hxa8S?`*Smc7Rbu-KbvIo zGJ2WnlX!{Od#dbK+Zcq@m$o~+^)$0(aJ4Z$8yUk;oy)Xd>~Cvy$|Yh9 zzxVap*aOOe3CW#y-si{0uE#+{CPe{kC(>0XJl!>YQhr;cpXvDWlpinR(g8$%zH2dih1^v)|cB0TtB+_=LCu>Hh-<-mhz$1ayH` zNswPK10xeN8@s5OqLR9Xrk1vjiK&^ng{6zDTVPOdNM=@cPHtX)WmQdWeZx$42Ns~N zgPtyqArg{v4@Q?Y88EP1IO*K16v1-D$(Pye*vanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;NqE{-7{oyiFjtcw#wdYGCT z1gEzIK3@HQiA2e|IG)v!K1+6Gi1aiC8gOMWFvwT2u)JI%q7Kx^;OXk;vd$@?2>=mx BF1P>y literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scale-horz-trough-disabled.png b/Cutefish-dark/gtk-2.0/assets/scale-horz-trough-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..10cf142ecba98229af9c61abe1c6c863d5ba4766 GIT binary patch literal 160 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;NqE{-7{oyiFjtcw#wdYGCT z1g9VQ|Ns9}52KEW9|g?{)q-M8xZDnENU)kPFqnI>umsh%t^#Ug@O1TaS?83{1OOO{ BE_MI_ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scale-horz-trough.png b/Cutefish-dark/gtk-2.0/assets/scale-horz-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..8a0adf1dd8cc46524d59bf0b7d5a88c2d99d8567 GIT binary patch literal 160 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;NqE{-7{oyiFjtcw#wdYGCT z1g9VQ|Nnojhf&AGLTBSkm%u!~r!jc)I$ztaD0e0ssNN BElpinR(g8$%zH2dih1^v)|cB0Ts0b_=LCuX@`dY#%ceJXa3i2 zxT+0gm)|ume`nnB&YrAI(D1~d;gv}(NSRUXGo$JkhP6)&>z*4myf$ihX$(}~_zHv?UKuvNG={KY zjLBB7P#p;LcOdRuV9@c0tWK&X!2wvX8$FYoCUP0;84X)Oc z-nKh8>zPk|npZcW;zrAs6}#VsKB%sfY!`X$+taggZ@Y`I-+y*hx2+vwvR5yZr;ENz l)A`nN>)#H$eYR`Qi?i#S$0?r{w*vZ!!PC{xWt~$(69Dxu)U*Hq literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scale-slider-disabled.png b/Cutefish-dark/gtk-2.0/assets/scale-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..eb1a1ae243c6c3fee2e6a709b6f852a38de006a7 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+pAc6dosf_a8X6iL92^-L z84(cyB;&yVC=OvHB_$;$CMJWyF6S44Kt22=L4Lsu9GpsZ^^KRWT)lSt>$mT`Dfd7w zb@Oy_43W5;oUp(uVD@(-j$>)}{{R1<&#dA8+g>22spymA9Q}ZERRYi1rxeQ{`PqHu vXR~jl%_hc##pX$yr#LS8zDxP5Ehj_6L$k;8H=of0n#kbk>gTe~DWM4fE5%=v literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scale-slider-hover.png b/Cutefish-dark/gtk-2.0/assets/scale-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..f5984dc33b5bc326880f87fc4ad95de40b2bf690 GIT binary patch literal 463 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TpEi_=LCuX@-UdhKBzPp{ukT zu4*^@cWAip(D2`~@UdR^3+;wi)@3)WJ71eOyw$CEsN4R~tn!Ij+Y{r4XNC>04Le^O zH@z?fp;yMuuZ$XB!_X_^#+N{3)C3fKWz+y7@8nFo2eeD6B*-tAfr*Kkjg5nYlbeT^ zmrqboSXe|#O1Gk-^3>@wXD?s*^yRDdB>gWy)jK_1978nD*9PTEH!1MMEJ+e$`!OqR z;s5{cY0^yxlfSd>NWQ(1(IH`{##AlV^bPFVTMoZ{^E2e7Y|5^WJNYKu{%yr{%s`a; zQ})4YYkwEcJHBpN@J6-^>ne3SRxUK&JT?3Ddak1d0z1BSJ9oDkqyBog)30@t>?(knhJvWl;Efy85}Sb4q9e0B1(O6aWAK literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scale-slider.png b/Cutefish-dark/gtk-2.0/assets/scale-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..e85d1dba265bc9f6643621c5601c79a1955d3595 GIT binary patch literal 290 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tmes_=LCuY3+vpDwA&Ox4bcG zdS%%7%DCy3Q6mJsHf(%p3}wRwUzvPe9t+eaP!i-9%)rJjos*k)?D&b3=P!Kx{H0bp zeHu_M#M8wwL_+fH!A9N&1s;|I%NHme{q);E+sP+*PJ{Iu-*eSHzXkq0Ip=9CcIjuJ zW632^m)>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(#9E{-7{oyiFjtcx4g9a!=4 zYW?D4;r~4^9(K__-VanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;NqE{-7{oyiFjtcx4gJ^26s ze-RK*S9awWUMpjqb#MjiVlf_dZnuLP3uG7=7Fx6U3O?)20cvFMboFyt=akR{0F_8F AJ^%m! literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scale-vert-trough.png b/Cutefish-dark/gtk-2.0/assets/scale-vert-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..6c6d33600e0a45d59e518b85db073d00d9dd922d GIT binary patch literal 160 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;NqE{-7{oyiFjtcx4gJ^26s zza0>NS9IkUUMpjqb#MjiVlf_dZnuLP3uG7=m|n20WZ!(z9H^1O)78&qol`;+0H32V AqyPW_ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scrollbar-horz-slider-active.png b/Cutefish-dark/gtk-2.0/assets/scrollbar-horz-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..9b3802abbf0da79cac58f5de37531dba4bc68550 GIT binary patch literal 228 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprS%g7sn8b-nSF1`5F`iSjDR! zv%dNGN~|u5J3qzg0aG$#t0U8m2*an|W%u57nfzm((I8t;A+v$;SNDMl$3i*}u~|;5 za8p(BbNS`dAMC|@e!=P;AFc|sYo3gpAoEn}!p!4w2O_qw7hl`JdsuA7YF6Hzj1m_X UE@s#e0dh8jr>mdKI;Vst0OL+jX8-^I literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png b/Cutefish-dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..a0e78e25fc1bae61de0364e74130df20fdc998d9 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|V6^`acfv+Sl$7$bym} zzhDLq9wQSscMqR$L2Q$Nf`*}>o@VeHn52B18QdQboFyt=akR{0PYS<-v9sr literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/Cutefish-dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..c44bf539896e506af98157a783e3ca798e26558e GIT binary patch literal 246 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprU3^7sn8b-nSPw@*Xk}alQEY zWrJWs+X0sevJuUqN~uZ#Z3`AVJ7jV>30oFP?Yi^nq}8UJXa9np9Gh}U%v4L~qg%U~ zQl9G)_Hz;Gf7Jb)GbUO_^fUbWYamnXVaoL9mcOIdQcaI=hjqadu6<`Lw!Oe}e53xo o2OY9u6%U)#l-{+@KKGFMRGu`;uN}2>fX-p?boFyt=akR{0JZg6f&c&j literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scrollbar-horz-slider.png b/Cutefish-dark/gtk-2.0/assets/scrollbar-horz-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..7d4534769f4216ac9c75f3439e415779a73894e0 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|V6^`af= zkY6wZpGatUL|H{;gH9@=Cs5SX)5S4_BRV-jf!V4nJ@ErzW#^d=bQh9gP2NC6e`c)B=-aL6VXq+S4;`k$dl TdYOGBP@KWj)z4*}Q$iB}v?U@O literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..86a7e94d9cfdbd77e7375a7a2a89a4bb8c754420 GIT binary patch literal 225 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprSla7sn8b-nSQRxf%?3+7e$| z-g$jh_D`hjo{0fb{2z9S{L$omxkf(4>zB%fWj~YoE--UXC_3A)o|P%JN%EAqhvZt1 zpb0d>j}yxjR$to9RPnI9Y=N<&c?MI`x`kXnD*P(+*CsC8 Sm8}W1nZeW5&t;ucLK6Vy8&JFe literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e1bd86acd493131d587f238ffa7f7f25cac93b73 GIT binary patch literal 229 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|V6^`acfv+Sl$7$bym} zzhDLq9wQSscMqR$L2Q$Nf@YpBjv*Y;$q5Q_E2daGO87|1=5i&7dAqx}GtW56mm=B_ tDdP~vJWIl3E~8KWYKAj5&TNku86Fkzt+!IGRsov8;OXk;vd$@?2>@G`P9p#S literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..0eab6abe20faf947d11277aa51efc1538ad48b3a GIT binary patch literal 247 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprRH}7sn8b-nW-F@-{p0v_8CF zGC?qbZBi$Pbqa5oMQ5i2&qO_0rzz8qO+6YZ*AQ;!JwI0B-3^b-3B~Uk1Yc~u)ez~j zPtm23vtq_Y#u}XvQ9en1hAq-Lkxsvy_&;sima^+o-TFgrk0!3e-Dyk`~5gg5$GNUPgg&ebxsLQ0OnvanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt*x^J|V6^`af= zkY6wZpGatUL|H{;gH9@=Cs5SV)5S4_V`g%Kg4~KS7Dox6sm9B-8zR>jr=Kff*lf|T zhRvW`_{1y*aqWiH#tkp$sxcV4Ej>JebP0l+XkK8jDvd literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/Cutefish-dark/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/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..f219ede08f42b2a1da76e7a04410b533fcb7948d GIT binary patch literal 225 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprSla7sn8b-nSQR`5F{>+7e$` z-ud{7@824}dnZ~N*ehZ^Oct7K_^mqEYrfgRo%X(rY6v%uxby(n&(e{aTtIk>v zqX{d{b~GjE3QkN)3%GZ;ZDHIZ#pR7MZtr;?Xzwp(Ocwss7^d)S*6s%TcZ|9x)+R3H SJsJYEnZeW5&t;ucLK6VpLs19- literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e8cf32691c963576d315101e3f0713b27233d14a GIT binary patch literal 228 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|V6^`acfv+Sl$7$bym} zzhDLq9wQSscMqR$L2Q$Nf~KA>jv*W~lM@uA40cY}aEQo~mGu;u=I-v!-4c57;zhp1 sQU=Cd5&^NsG5HE-_9QVr%1vircz>O5-^X2NL4IKHboFyt=akR{0G4P{MgRZ+ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..fc02be481637bcaf67cac4e3c1b2dfd2b3e7db7d GIT binary patch literal 245 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprR&E7sn8b-nW+y@;W#Ov_7oA z6ToD;KgJbQYE$HJ0wEo~w82}io-Fh1F!gTe~DWM4frw~>N literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..8ab9c686a67455351452714732183f900eb549fe GIT binary patch literal 235 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|V6^`af= zkY6wZpGatUL|H{;gH9@=Cs5SF)5S4_BRV-jLCU~&i>3)qHtkTcT yVN5*B!nET?$&Oto3-)#jh)s6i%)tDSfngfIz=}|xzm`BV7(8A5T-G@yGywq68CI+S literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/Cutefish-dark/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/Cutefish-dark/gtk-2.0/assets/spin-ltr-down-active.png b/Cutefish-dark/gtk-2.0/assets/spin-ltr-down-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2c31ad0208bee43e032015fbce12d1cca8b7561f GIT binary patch literal 243 zcmeAS@N?(olHy`uVBq!ia0vp^5anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt%=tJ|V6^TD##t5cKc(+PUki zdFR`P&F@@#-egAkKurvuu6{1-oD!M&N7`t`FT(_cXFeF(~Y3)6rbTz$~3$$EQAF(jz(c90nd?h6M$s QKw}s@UHx3vIVCg!0J5txO#lD@ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/spin-ltr-down-hover.png b/Cutefish-dark/gtk-2.0/assets/spin-ltr-down-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..64e8a4cedc4da4d2f51885e3e27466050ea665bd GIT binary patch literal 221 zcmeAS@N?(olHy`uVBq!ia0vp^5kh763!}`PTsS$FD-`ls>};~`Y?yz>?Q{9$-Z`JWrQIq_wEh=!=N&9%jXk+` z>Vw!%x1BB|YkZ!gC02g!EW6Fd1g}%)SDb0`cabsGzp*jtn1~?zABK0%0^w?^^@TuN O89ZJ6T-G@yGywpcXHEtH literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/spin-ltr-down.png b/Cutefish-dark/gtk-2.0/assets/spin-ltr-down.png new file mode 100644 index 0000000000000000000000000000000000000000..020deb5fd38e0d3a5a24336bec469cc416bf4547 GIT binary patch literal 180 zcmeAS@N?(olHy`uVBq!ia0vp^5FJXK<%lKa-{~pE@yi=q-)B{uwvx+ouGW<;nv7V#ycn){P XB|eVR$?F(_hB0`$`njxgN@xNAnu9on literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/spin-ltr-up-active.png b/Cutefish-dark/gtk-2.0/assets/spin-ltr-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..5816ae33bde063bce4ddf390d9d68ba713943fc6 GIT binary patch literal 262 zcmeAS@N?(olHy`uVBq!ia0vp^5 z_}a4hn`z5ix9-<2-LK7CUR$)jHfaK)SH?}Rj2fY6Tf@%|pf-V$AirP+b{+{yY1xRV zg2GdmZhijJV)WM(QtyKLpKnc=(biXWdi8H&=_ sBerB`wsC%nkus~$u9c~(4Y;LKSNDz0XGLLd0MHBuPgg&ebxsLQ0QGBMssI20 literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/spin-ltr-up-disabled.png b/Cutefish-dark/gtk-2.0/assets/spin-ltr-up-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..dcf55afebc6350f8e9d5c79a9eaec7ba98a8edca GIT binary patch literal 185 zcmeAS@N?(olHy`uVBq!ia0vp^5FVdQ&MBb@04zB?Y5)KL literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/spin-ltr-up-hover.png b/Cutefish-dark/gtk-2.0/assets/spin-ltr-up-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..4631e6fad88b7f91d35d088a73765c1d52beeeb4 GIT binary patch literal 236 zcmeAS@N?(olHy`uVBq!ia0vp^59Tt8Bo d)E@k=VTcu!(l^{wWD9fzgQu&X%Q~loCIBENRk{EG literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/spin-ltr-up.png b/Cutefish-dark/gtk-2.0/assets/spin-ltr-up.png new file mode 100644 index 0000000000000000000000000000000000000000..f9b8eb67375a212a3bc33bd8793f9b6da61901ac GIT binary patch literal 196 zcmeAS@N?(olHy`uVBq!ia0vp^5Tfwf@`VL(tpy3Rju6{1-oD!M{ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/spin-rtl-down-active.png b/Cutefish-dark/gtk-2.0/assets/spin-rtl-down-active.png new file mode 100644 index 0000000000000000000000000000000000000000..7568d2f05b9dbac60fcd49433709fcd0b82dc6ae GIT binary patch literal 258 zcmeAS@N?(olHy`uVBq!ia0vp^5 z_}a4hn`z5ix9-=jJ+IAMUR$)jHfaW;S0+ubjKRpL@m2M=2Ms`N0wqCy!3^v?5|Yxg z5s?LjCr@9x^+hW(%nvAM;_2cTA`yP|q&p*n0uS?n4e8#0R=YA79;oF{neri0Moo6M q@9`z#k_TVdb~~7AF&v6`-pj3Ulr6}y;kGzXKZB>MpUXO@geCyK^;*>c literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/spin-rtl-down-disabled.png b/Cutefish-dark/gtk-2.0/assets/spin-rtl-down-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..4c5e3b179d20772f741d9ec997f4262f395951f5 GIT binary patch literal 176 zcmeAS@N?(olHy`uVBq!ia0vp^5bxYDGUa^dzqwww*1QLg+NOg NJYD@<);T3K0RUrOPuTzf literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/spin-rtl-down.png b/Cutefish-dark/gtk-2.0/assets/spin-rtl-down.png new file mode 100644 index 0000000000000000000000000000000000000000..7eae428293e912436ca1e812074ecb340f48c85b GIT binary patch literal 186 zcmeAS@N?(olHy`uVBq!ia0vp^5bxWe=*^27XVVt*EIWv$Q1VpLXsoX;lpi%IO{{mfKOWuxc+|NmdZ!^5K!&@H*~ dm4YAx!;~&w@oUDP_<=?;c)I$ztaD0e0ssanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt%=tJ|V6^+M(h8|NsA|?*G!V z`I}A0JLle47A>#MTVIxZd#%Zl+y8ZaSY*@nVcXn|F=AwM8x<1?gdN!t7so&aQ-i-%936yB=mf* gpwRRELa`PM$FCS!=WiEX2h_*l>FVdQ&MBb@0Kl?X761SM literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/spin-rtl-up-disabled.png b/Cutefish-dark/gtk-2.0/assets/spin-rtl-up-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e229de473ae8f450b3aef37954df6dcd4b4a0c39 GIT binary patch literal 184 zcmeAS@N?(olHy`uVBq!ia0vp^5u8WLX!A4F#|m#;|7Kv#WhFR)_4{^HdQTRSijxlNr4{6)IH3b-dZa>Wv_eC bcz|tk5~tpw-%Ip?1~PcM`njxgN@xNA7vDMl literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/spin-rtl-up-hover.png b/Cutefish-dark/gtk-2.0/assets/spin-rtl-up-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..ed0c0ce8ee036bca86a0699ce093c2611f107b04 GIT binary patch literal 225 zcmeAS@N?(olHy`uVBq!ia0vp^5w9@)<6CAC<4EamXBfyK>d{SanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(*BE{-7_vdIQnHLMIwZH)8W T7%uJriZgh+`njxgN@xNAC=VcP literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-2.0/assets/treeview-ltr-button-active.png b/Cutefish-dark/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/Cutefish-dark/gtk-2.0/assets/treeview-ltr-button.png b/Cutefish-dark/gtk-2.0/assets/treeview-ltr-button.png new file mode 100644 index 0000000000000000000000000000000000000000..cc77fcc323dec177b818d03e75caba761ead5c08 GIT binary patch literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`1|*BN@u~nR&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXpdxNh7sn8enaK$b>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/Cutefish-dark/gtk-2.0/assets/treeview-rtl-button-hover.png b/Cutefish-dark/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" style "chrome_entry" + +# Hack to be able to match widgets in LibreOffice +class "GtkWindow" style "toplevel_hack" diff --git a/Cutefish-dark/gtk-2.0/main.rc b/Cutefish-dark/gtk-2.0/main.rc new file mode 100644 index 0000000..62edf4d --- /dev/null +++ b/Cutefish-dark/gtk-2.0/main.rc @@ -0,0 +1,2705 @@ +# 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 = {4, 4, 4, 4} + + GtkEntry::state-hint = 1 + GtkEntry::inner-border = {4, 4, 4, 4} + + GtkPaned::handle-size = 8 + GtkHPaned::handle-size = 8 + GtkVPaned::handle-size = 8 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 17 + GtkRange::stepper-size = 0 + GtkRange::activate-slider = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins) + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 24 + GtkScale::slider_width = 24 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 4 + GtkProgressBar::min-vertical-bar-width = 4 + GtkProgressBar::xspacing = 4 + GtkProgressBar::yspacing = 4 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + # TODO: find out what this comment means: + # ( every window is misaligned for the sake of menus ): + GtkMenuBar::internal-padding = 0 + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 4 + GtkMenu::double-arrows = 0 + GtkMenuItem::arrow-scaling = 1 + GtkMenuItem::toggle-spacing = 12 + + GtkCheckButton::indicator-size = 24 + GtkCheckButton::indicator_spacing = 2 + GtkOptionMenu::indicator_spacing = {8, 8, 4, 4} + + GtkTreeView::expander-size = 16 + GtkTreeView::vertical-separator = 0 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 0 + # Set this because some apps read it + GtkTreeView::odd-row-color = @base_color + GtkTreeView::even-row-color = @base_color + + GtkExpander::expander-size = 16 + + GtkNotebook::tab-overlap = 0 + + ########## + # Colors # + ########## + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + bg[INSENSITIVE] = @bg_color + bg[ACTIVE] = @bg_color + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @fg_color + fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @text_color + text[INSENSITIVE] = mix (0.5, @text_color, @base_color) + text[ACTIVE] = @text_color + + base[NORMAL] = @base_color + base[PRELIGHT] = mix (0.08, @text_color, @base_color) + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) + + # For succinctness, all reasonable pixmap options remain here + + # Draw frame around menu in a non-compositied environment + # This needs to go before pixmap because we need to override some stuff + engine "adwaita" {} + + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/radio-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/radio-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-disabled.png" + overlay_stretch = FALSE + } + + ########## + # Arrows # + ########## + + # Overrides + + # Disable arrows in spinbuttons + image { + function = ARROW + detail = "spinbutton" + } + + # Disable arrows for qt in scrollbars + + image { + function = ARROW + detail = "vscrollbar" + } + + image { + function = ARROW + detail = "hscrollbar" + } + + # Menu arrows + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-left-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-right-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + # Regular arrows + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-left-alt.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-left-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-right-alt.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-right-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + ###################### + # Option Menu Arrows # + ###################### + + image { + function = TAB + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + } + + ######### + # Lines # + ######### + + image { + function = VLINE + file = "assets/border.png" + border = {1, 0, 0, 0} + } + + image { + function = HLINE + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ######### + # Focus # + ######### + + image { + function = FOCUS + file = "assets/focus.png" + border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly... + stretch = TRUE + } + + ########### + # Handles # + ########### + + image { + function = HANDLE + detail = "handlebox" + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-horz.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-horz-hover.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-horz-active.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-vert-hover.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-vert-active.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = RESIZE_GRIP + } + + ############# + # Expanders # + ############# + + image { + function = EXPANDER + expander_style = EXPANDED + state = NORMAL + file = "assets/pan-down-alt.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = PRELIGHT + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = ACTIVE + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = INSENSITIVE + file = "assets/pan-down-alt-disabled.png" + } + + # LTR + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-right-alt.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-right-alt-disabled.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-right-semi.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-right-semi.png" + direction = LTR + } + + # RTL + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-left-alt.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-left-alt-disabled.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-left-semi.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-left-semi.png" + direction = RTL + } + + ############# + # Notebooks # + ############# + + # Left + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 1, 0, 0} + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + gap_side = RIGHT + } + + # Right + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {1, 0, 0, 0} + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + gap_side = LEFT + } + + # Up + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 0, 1} + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + gap_side = BOTTOM + } + + # Down + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 1, 0} + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + gap_side = TOP + } + + # Inner frame + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {1, 0, 0, 0} + gap_side = LEFT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 1, 0, 0} + gap_side = RIGHT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 1, 0} + gap_side = TOP + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 0, 1} + gap_side = BOTTOM + } + + # Standalone frame + image { + function = BOX + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-horz-trough.png" + border = {0, 0, 1, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-ltr-trough.png" + border = {1, 0, 0, 0} + orientation = VERTICAL + direction = LTR + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-rtl-trough.png" + border = {0, 1, 0, 0} + orientation = VERTICAL + direction = RTL + } + + # Horizontal sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-horz-slider.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-horz-slider-hover.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-active.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-disabled.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + # Vertical sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-hover.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-active.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-disabled.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + # RTL + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-hover.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-active.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-disabled.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + ########## + # Scales # + ########## + + # Troughs, overrided later on. We set them here too because some widgets + # don't specify their orientation. + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + detail = "hscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "hscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "hscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "hscale" + file = "assets/scale-slider-disabled.png" + } + + image { + function = SLIDER + state = NORMAL + detail = "vscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "vscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "vscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "vscale" + file = "assets/scale-slider-disabled.png" + } + + ########### + # Menubar # + ########### + + # image { + # function = BOX + # detail = "menubar" + # file = "assets/border.png" + # border = {0, 0, 0, 1} + # } + + ######### + # Menus # + ######### + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + border = {0, 0, 0, 1} + } + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ########### + # Entries # + ########### + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/entry-background.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/entry-background-disabled.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/entry-background.png" + } + + ######### + # Spins # + ######### + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-ltr-up.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-ltr-up-hover.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-active.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-disabled.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-rtl-up.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-disabled.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-ltr-down.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-ltr-down-hover.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-active.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-disabled.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-rtl-down.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-rtl-down-hover.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-active.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-disabled.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = VERTICAL + } + + ############# + # Treeviews # + ############# + + # Disable active the column highlight + # We need to match specific cells or we break stuff + # Looking at you deadbeef + + image { + function = FLAT_BOX + detail = "cell_even_sorted" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "cell_odd_sorted" + state = NORMAL + } + + # Disable all the other shadows + # This prevents the Raleigh effect + image { + function = SHADOW + } + } +} + +style "menubar" { + bg[NORMAL] = @titlebar_bg_color + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) + # Needed to fix Firefox's menubar text + bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[SELECTED] = @titlebar_fg_color +} + +style "menubar_item" { + xthickness = 3 + ythickness = 4 + + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = @menu_color + bg[INSENSITIVE] = @menu_color + bg[PRELIGHT] = @menu_color + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) +} + +style "menu_item" { + xthickness = 4 + ythickness = 4 + + bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) + fg[PRELIGHT] = @fg_color + # Chromium uses this setting + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) + text[SELECTED] = @fg_color + # Some widgets use text, we need to handle that + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + + # Unfortunately we can't tell regular and menu checks/radios apart + # Without the heirarchy + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed-disabled.png" + overlay_stretch = FALSE + } + } +} + +style "separator_menu_item" { + xthickness = 0 + ythickness = 2 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + border = {0, 0, 0, 1} + } + } +} + +style "button_label" { + # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) + # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "normal_button_label" { + # fg[NORMAL] = @fg_color + # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) + + font_name = "Regular" +} + +style "button" { + xthickness = 6 + ythickness = 6 + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/button-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "link_button" { + # Disable the button effect, leave just the link + engine "pixmap" { + image { + function = BOX + } + } +} + +style "entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) + + # We set this same as the border of the border of the entry + # This way there's no overlap + xthickness = 6 + ythickness = 6 +} + +style "combobox" { + xthickness = 6 + ythickness = 6 + + # This affects only the button beside an entry + GtkButton::inner-border = {0, 0, 0, 0} + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "assets/entry-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "combobox_cellview" { + # text[NORMAL] = mix(0.7, @fg_color, @bg_color) + # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) +} + +style "combobox_entry" { + # Since one side of the button is missing, we need to shift the arrow a little to the right + GtkButton::inner-border = {0, 2, 0, 0} + + base[NORMAL] = @base_color + base[ACTIVE] = @base_color + + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-left-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-left-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-left-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-right-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-right-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-right-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + ############## + # LTR button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-right-entry.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-right-entry-hover.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-right-entry-active.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-right-entry-disabled.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + ############## + # RTL button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-left-entry.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-left-entry-hover.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-left-entry-active.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-left-entry-disabled.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + } +} + +style "combo_button_padding" { + # Since one side of the button is missing, we need to shift the arrow a + # little to the right. + # This is the same thing we've done above but the combo, unlike the combobox, + # uses padding the same way as a button. + GtkButton::inner-border = {3, 6, 3, 3} +} + +style "notebook" { + xthickness = 3 + ythickness = 3 +} + +style "notebook_tab_label" { + fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "notebook_bg" { + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "notebook_entry" { + base[NORMAL] = @base_color + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = @base_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) +} + +style "normal_bg" { + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[INSENSITIVE] = @bg_color +} + +style "normal_entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) +} + +style "textview" { + bg[NORMAL] = @base_color +} + +style "scale_horz" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + } +} + +style "scale_vert" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + } +} + +style "progressbar" { + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "treeview_header" { + xthickness = 2 + ythickness = 2 + + fg[NORMAL] = mix(0.7, @fg_color, @base_color) + fg[PRELIGHT] = @fg_color + + font_name = "Medium" + + GtkButton::inner-border = {4, 4, 0, 2} + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/treeview-ltr-button.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-ltr-button-hover.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-ltr-button-active.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = NORMAL + file = "assets/treeview-rtl-button.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-rtl-button-hover.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-rtl-button-active.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + } +} + +style "scrolled_window" { + engine "pixmap" { + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + } +} + +style "frame" { + engine "pixmap" { + image { + function = SHADOW + shadow = NONE + } + + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_start_file = "assets/border.png" + gap_end_file = "assets/border.png" + } + } +} + +style "tool_button" { + GtkButton::inner-border = {2, 2, 2, 2} + + # For the sake of sanity style buttons this way + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/flat-button.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/flat-button-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/flat-button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/flat-button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = OUT + file = "assets/flat-button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = IN + file = "assets/button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "toolbar_separator" { + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + } + } +} + +style "inline_toolbar" { + # GtkToolbar::button-relief = GTK_RELIEF_NORMAL + + 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/Cutefish-dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg new file mode 100644 index 0000000..7b89e88 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg b/Cutefish-dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..17e3c4a --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..b4808a6 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/Cutefish-dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..3ea0541 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 0000000..67beb46 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg b/Cutefish-dark/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg new file mode 100644 index 0000000..bf51d9e --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg new file mode 120000 index 0000000..79b7355 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg b/Cutefish-dark/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..b68859d --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..de0d789 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..7f0235f --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/scale-slider-symbolic.svg new file mode 100644 index 0000000..4b00bc1 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/scale-slider-symbolic.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..37d9c04 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..1bc5cb6 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..4759e32 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..a44f5c9 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..d621934 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..91c7006 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..f2c9cf9 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg b/Cutefish-dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg new file mode 100644 index 0000000..a06db4c --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/Cutefish-dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg new file mode 120000 index 0000000..86dfcec --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/Cutefish-dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/Cutefish-dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..bafb558 --- /dev/null +++ b/Cutefish-dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..00d08bd311d9223e162b4b973c1d7349623ecf08 GIT binary patch literal 597 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tn$A@Ck7R(xI#VC(QpJyXb%D z)c;9y|3}UF9yQ}f%-kQ5Gk-?U`W`j=d-R;|(Li$c_n0|9VrKn_p8X?g4u}LXfFxK1 zCkWWbJNb?P2N| zV&)uX<`QA%8foqtW$qSj?iOR=nPB0W=#jV7BX5~U{&J7}6`lpFLVNFp_B{yedl=UL zD16fM@JTPDW_*sC`6YVR*XUW_fOe^B#(n^LQmZ7$FPMRugPVs}UR7PAv8lPGy`!&x z!nzH6_w7G?cV98{mU2ywnboFyt=akR{0M^_Y AQvd(} literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..25abeb6006dc69c3cfaeb9a62644e7b4d272e509 GIT binary patch literal 974 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8Y0G|+7pyITd|3g>(_nh=U zVgCQnzW=d{{)bNepEUP>#N4kD^S;H+{2np=d+hA*QS*L;&-@WH=SS@9pRsd(M$P&a zGxJyUtY49HfPz1xX8(+t^)q_*&*(Wnqi1~wq1oSoieqN|h@Sl;3QR@=xwApsXdoBN z1}Xq)nGI456o<${)j(7tkuY(Hdaxl#vQc2R4iM<->gej}=<4h0>gnnk=;|Bl>Kp4B z80#6D=^0t*8v~K0p@oy7rL&Qxi; zyQEHaO`qYKKGQX0mRrV5w~X0tnRDDS=elJ9(LDE@gN>*b&-$KeX>b zSl`32{zqXG9*0eM0`%0^4_|wMq3l``KhOg z7GBrb*51)KY4Vh*)27dub>Q&Plc&y}JAd)f<0ns_y?FWR^_#cvKYsr5?fZ|Pn*^Sz z1EX(_r;B5V$MLt9Z^ruuN;EulWp-*4p6PT#U}jKTk=EAkB~vt$)t#4Jc<}RotV?Os z>x}Z}hpPYXyC0SPf1m83`hS60{HEJuU%$@I&$f%0?Y!PTdW+A;Gkv9BUM>E6YRBb} zzvlJ7Sp}z;g?;;ekBR%ey1JX2THKyk7V~c*pUTS*{aL;6jk)vs=L;9xz0J>RexH0( z%Psxkqh~1vJa%bMdFmRMJ!xkDP-+kzeP+>qJ;6E0`Zww%)$r+VjKAExQse4x%YkFLi?Zb@)M($OIpnNi&zV^M@0HT} v|I1Ij*B6!k=&Vtadxn3Z;`Q$*59@DKlz%$!)Tc+lh-dJ0^>bP0l+XkK9Cy~I literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..bb5607fb15111220fabda22b0595b70a881bf7d0 GIT binary patch literal 608 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0To>e@Ck7R(hUFqH#GbYUG?9g zVZQ^I5xeMr=+sxCQ~$@!`VlkjN6g$Gku!gW&;A@e?`Pz!&yll!M$GscJNH-g>|c>H zzQxS?9X;n;^qk+3Grvd80ixegvwlR*_z^w#2apjn<44r&9}zQu!~oHpAJHHKKSfP> zA2#`A*yJ|>EvEw;Px)5u^{L$9Teiisy+ArJ6H_O1x-q74$-_+K?%+|mJ zMCzN^7?|1^7+dKXTj?8`>Vc82zM-z3k*=PBuD*eej*iTam9=({+1axm?m-h3n(kfOwEexZ z&aVCU>>}2`yuek jwspOA{?EHVO@E$~l~B{U-P%lK-JIfePM7&i)cQ^$SpC z#N4mpvwpeK+>n`pkMWV->SVn zl{>skw>d=C*@RZwg;dxEmsonIS$HK|dZk!;CR%zXTX-f~cqD+3XM(wVtdWhkv8|V} zjhB&?hmp0Xp{28-xucPV6Ao5b1&t5CGY_+By)R z3#6pER=)s-RANbxUoZnB6Eh172PY>N7Z*1VFCV{vxP*k1nwo~DmJZMeODk&|8(UjD zJ7*VHS64STcMlIwFQ2&hgv6wl_KvQZv**m6J8%Ai1&j9V-FM*Nsnci9K7aY@^_MSS zzyJLC`}d!}|Nfb6+42k+JsqAdjv*e$-%g2CW(t&WSpUXpqN=ycHpi9EGIRtZH>I7P zr26dte@=eIo%aj&Ru;@Vzw>ub(EmSyQor4k!mM(Sy8V*oE%_fYiGR|>Z}KJaH7vAZV3a6fYJ~jQT{|hT`rsBgpJ3)X67$hj>TLS)0&(WZZ5H37MSqU?R&oQ zfejy`{+dm=I`8{wtAy_RUllGDpJL|m*!Sry)05YKnGWpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10MbxQ zR7C&)000300RR60fd5rh|5d90K!D#sfd4aq<}-l*K!^7}gYZ6s_dI~`Jcsx?gZMds z@i~X_I)(E*g7i9t?>dF_IfC^*g7rOx@I8g~JB0N*hW0*$@;!#~JcRN*g!ev#_dSC1 zJ%;l=hW9*!^G1vFNQv}Ii}X*A_-v!~bEf%wtM+}Y_JFVXgtGR>-2KSh`^en;%ijCT z-}~?N{_yqx^7jAo_x|wr{_*$z^7sGp_x|(v{`2?#_xt|$`TqF({`&m>`~3g>{r~*^ z{{R2~Wn0ZI0000*bW%=J009940|N*M3JM@0AtE9pBqS^^FfcJOGBPwdIy*c(K0iM{ zKte-AL{3muR#sVwi;Rtq&Cb!%)6~@0*xKdh=(miL~S#F!_$*r#>jph%b#b4@?wB| uB~YM-@`8giGa9*Yw)V60G47nM$@~H0&MdRR>Mo`L0000QyIu2ln}!cI?LRErKRUGkuxtKk)9}fr4TyeNwSKW|`fAto)wcDkO%qVf zSL>D!)-7MHnm$>zeY0!%WY_Y|w&{~?8xVc7Y58Q+^4+@WlXcrCtCr7pAoSg)`E$j} zZTd+*iX`>+2#c3|6F?X z=kk-kSAgj8pKDM5K704?*}Ff_KKy(B;opmo|K5E5_vXvLw_x=B=f5AnLFm_?|3LKT zF9iMj`|tn1fB%8x-+w^*KL`Oa40MI|`2#~Qqa?^Ln1PXriHVt+g`J&)gOih!o12H1 zS6D<$K|xVTNkv6fO-;?f(9p=(*u=!r(#p!(+S&LKD?G%PHN{`SrX% z=;|~6wnrZWHf&#e$zlEb{!a%>;_veBT77yE%j(l#=f+$29D89t+r*#2V1IGV)bsJO zx#|oZCYC>Y6C0i+9;{ouVLpq*`ssf+DI5qo_wPt9SHhAQo?VRB-UiJJXS6!XeV$4C z{I}~$tPy#NFPO!Ow;lV+Byizxm&As2?l(*uxpY4;aaqNjmE{yQk(FcjROWdr^=kK|_d-28Ra*5~^Fm>Iv`x9lpinR(g8$%zH2dih1^v)|cB0Tn$7@Ck7R(xI#VJ2ZfhTQ`Wb z?)-1n^4+2RyG`2<>*gPpZ9lDBzT32XhmbbSKWtilShxPLZTVr-`VGWx`398&E3;|- zZrcn}Z_^4SfeOBX8Q*O|vOq3a3W>C9{chj(-J$KfWBYgS-XFgGKLRKH2%7XGc+!v1 zDL>jb|LWNCt8?qG?rpz%w*5MD|L@rce=j`xd-2iVOOO9v2BIf_uRZ;H{n_7}&;LGo z_wVWZf6qVsd-vtvhj0HrfB*O8$A2I=kn?2~(4Sf*L4Lsu%q$$-JiPJ>YU&z|&8_Vn zy?y-?)@|6kZ~x&V$Bv)4aPjH0H}60G{PpMWEj^(FKwbMiT^vI+g7;3iDs;#|gtb|u zeEE*U2Q}aME&TuAzQt*>!udCk-`$x!Q{a=k%tN1*Q#fzgZ_x~D_R~!f+N;`ju43`3 z*MaPT-2zN6@=WK}^4qQABc98y+ z+t#mE zOh4{*|vPQ1|wUbmX_}}%|C2gen4bxfu^+r(RZL4APJNOssyV6 zlP%wEL4rT5LFz$TKx)9sKx$wJq!)y~!9_3`{u6!#PW%x#=||9{AHkD;giQWXx%yYl z+Fx~Re>JTC)xY!Cq+P!!?fyM^_wOmYe^1@>d)nUL)A# zfByge`~T11|9}7e|MwpRw&rED0Rz{qB*-tAft8J&gOiJ!PfAu!K~YIrMN7xP$kaC= zFf6>Tv9+zeqkrP0$y26HpE2{`;Uh;+o;rK({KdylpFMx^^7Wgy?>~I}{N>yCA3r}b zZ~X_1wti0+#}JR>ZzsDtJ2^@)Tz|*1d-u@;d;*0oJZ}yh5;Oep_kS}xbK(Bwug^9Y z&%61z?7rR7e?J$egl^w)$8P@Zt1(kE7l@Zt{z%wn{GZ)+??Hc|&tG5O|5^DrgGcPf z@1>I&bl$q>C2gF2B95V07)b@KF^6ZRmT&ea)SvN>+wJQ{7lJF31c5Bep zp81@&!Rq4y?gPIzf8EN#_%BBB1w+`PX~*6gU0C;9GVZ|%Aq$p0l2HMiI>(nj(Buf| z5Pln_bo-Id-UBmbTpIFpXE3aL`anqHdXwdYIKFob{bD){{6zxHHBkm!F((hQKDgFo z_u$UI3${@g^6J;lc9{L+AyfaP|2tTwWIJvXx0u+Zd|>iY`(89ZJ6T-G@yGywoW`|}R~ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..22b3bc9323f7c0c919fc6d2feccdd8c3349e5e3a GIT binary patch literal 591 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tta2@Ck7R(xI#VJ2d?Fob*3o z{{PrT|3jz#Pn!EbZszx>Ip5=E{fL?SBXZ`?sM+76=X{R_lC!_Z%=r;L`$rU*1Tkj) zhz6qBKfvNYqi2Iq%xsVd3;{(zYN8M#KXi0-^o=d_jV%pKtqn|VjjUXatlf>QJxrZK z&78x{Tq4X|BhB5S&D~-wJQFND6FqX5c;qeh$Xn)_zudE6m1p7V(B6BYeGkI=9)|Tl zikS2wV)DzV8K0wOeuJR8fqD*lx;Tbt1n<3YUF@KPNbAE+AyqGq zMdgMp7Z;TutoyGn6nW;zr0oAs|6QBYt=OX8b!2nGK8a8F81)6YE#v}!>`Z&Fo?P)m z@b|fs3$9FipKW*brfeXqxJsd1;PQ)-h5L^0`fgckzPEHSk5EM5wQFCOa7}LR@N7fl8HZOk$L805%JAmt=z0BSZ~TNO)|^ig-ulFv ye;3i>65RCRzFXyCK|pRYN#MKQ|cY83s>RKbLh*2~7ZA(hTJQ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..818c7edabb0937f0e2adca1574e53148672266ae GIT binary patch literal 951 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s9X0G|+7pyITd|3g>(_nh=U zVgCQnzW*TZ)c?^-{>M%K7BTNz+|2J0)4xZ}`w>3#N6efbku!fr&-)oQ>sQRoU(rBv z7EthK^sJxJvwz0S{vI{^do+Zc1!m0o5j`7>=KP3(FlK`c0V)O|phl4TAJMa5%3x}s zx`2v7A~0n*R7Qby=>UPQu8yvrj;_A0zM-zZv7P}Cndljs=^0t*8=31HTj(2G8d^FV zS-Kcmxf)r!TY9HjdZ$_Xq+9uY6djEn~J@ z<{Y=oxo%lNG|w%2zI)Ch@6wIlWt+Xrw)m87@vYn$+Iv5=??G7K!?6BGVf~N8CIHbB zpf6e@9ZZ2i>|7G$7tFxQ#?HaX#lt5pE2p5OtfHZ1U}WkS5E#jK;Ods4F&@Ko@4Du^(8nLJ?g<0*XZ(99Oqz$=-7x^QgUgR^RW3UZx4s z?0hN(96h(c9Dc$k*Lrxn5TjJ<N0gW8L)9kXdGq<-&)LU#A%4Xpz2&^QvOBd7UdmQm z{JHa$$<&IS??-||K1-jzng@(z22WQ% Jmvv4FO#s#zwj}@n literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..e5f083e39484597d99ce0232451c019a0d67b4c2 GIT binary patch literal 590 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tmq!@Ck7R(hUFqH#GbYUG?9g zVZQ^A(FbD3F8Uuj^;PK9|1r~k#LWE>IrC@u?9b6Nen!sv95Lf-?A%|GGrq;l`W-#z zTlAdYQFDGr&iWoT>qq2_AJIU?Gk(O(_z^YxN5sq@F>`)I&-xKF?Nij0_hFM?hE0AG z&~h%Y@sw}XUZ2VxzGYi%0t#&W^R4}|t^KpDe6y^4GY!n_4bAQKO>GU#KuF)j#=sPa ztn`ho^bJk*z(`l$P*=}LSI>|I>lJUqO-y?y-r0|FwW6B3grOq?=h>a+_NuUx%${pPLP&z`^h@afCf zo85kIfQIeyba4#P2;O_)xLA{ci0j1#H(W!G=oM`|8n;2*vI@`cZ(GwNVPkJpP?`!9bk6%zW-XKVcI^n25%d)bpTgq}F+>%4H9C|rH* z-P;?>4lPu7Oz&c$Z|N8JucskJjrV|sSMB1Px< zm%IIaQy)5*@O+Ij<|S|7FG8pO_nZ4VdddILnLye1k+c7YPW=K@7Bll} z+^iol(|*Lv{Si6yXXLD(v2%V#&-@uN>s!pM-_divMbG&iIrDqu%-=Dyzemma9y#kf zP$X*BkH{H6B4_`I0ioZ~Gk-+S{Q(h-neiiL4iNp0p7kSY_75QGQ?<{h>Y!ise&4FS zK9xJXOSd^h)!T$t+J#iug;m%Fmst9wTX?5hcqLnUrC53=$C|sv7}co|uH8d^FVnmYoKk%bcw=^2`Wkb#Mwfw8WhzOJ5uuD$_~)X~+0AYENOAkxv* z)z*Q6g#>Upp z-r2$mSee*XOZ=kGs_pY=SzD5~*vaSZV|{`T_qphFH4Z4aleP|&)ubj1w@>1j_wH-6U( zd&7G2Z+r`T1J4_I-?TX&kG%g;Yc%t$+sgPTi#Kce&!$-I`TD@MCG9}B#@BbQOUt#r z{{EX79r!Ny_l>z6>8EO4TVn0@Ygxs7*K^Sbz8vmyVr9PH)vu`&`A+Q3k9mDM>5O`l z-NNl}nH%C(=5K9Sn`Enz#}F34V3_dn-nDN#cwD~jJIQh`H!=M{&0@A)jaQpkxFQz> zGZ#L%Ahw0aswt{GAWjpmXz%*9eOnBJunaQkE= z2<(`2kkvpz?)ALs$#2=h>}2d?rnB|1J_un_KhU)BNO_c~-hF4W4({!y4+{30GoIG} zDpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10MAfN zR7C&)000300RR60fd5rh|5d90K!D#ffaWuR|2~88K7;o>fbcwr_&S5|I)nH*hw(dt z^E!p|I)(2#h4eXs^*)02J%#W+h4njx^*Vy_I)?T>gz`Ox@;rp{JcRc?g!4Xx_dSC1 zJ%;x@gY!m<^GJ#GON;bRkN9e$_;923d#m<+toDGf`Gm6e#oGJF-2KYl{mb6_%isIU z-TUwL{_yqx^7jAo_x|wr{_^+#^7sDp`2X|x{`dR-_xb+#`~Ld;{`>s@{Qdv@{r>;| z|8t8wNdN!g z6$y1b2_C3PC}KmfMnOUxOM(S-32L)*{_LktgPzND3=Zx-M2vP8%Ah~n+4gqYM>^yI r7D%-qY9+m2^)8Yum}Wi^VSnrex(h40p9mRi00000NkvXXu0mjfF$N=u literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..adc1af7ba222bc7229534335877b9efe10a42aba GIT binary patch literal 948 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm!0G|+7pkjvq{}~z@7#jXJ zH2e<@T@||OzeB@*&)nOdlYor-4h{b;3m;qd0nvZshW~mcFB}?PS(m-G?gYwyvTgh9 z(Ei=7`GZ~acbkR}mhB%M+JD$Jf3$1le$WuePlpY+JwDG<~pX|7zXx z)vD>ERnsS{wr_SVpX^$`*){>q0itg_I z>CvBSPyb$f`sdk)f6v~5$q)ZteEj$3^S?J={=J2v??3!Q1qs9JjZ;OWI&tm`9qM!A3TF0-Pxc}Z$_PaagJ69}b{rfz) z();VyiHq(DwYk5GRgTK7deVJl6PKY=Ev6_$}&>%l!zwy?)`V4!k z;*DA7%sAB7P_dQmR>RXdEJdCRe3=;)a=UIb{xUJ(h&lB@h9m0$!zQC0OiEHSSmRPZ z@SMp=;HsE-P}yK*qu~QLw(AWG8x;x^n~f73nExJF$Fq%b|Br{$?#a|xl*^p(cp%WR z`|Dv5hH0&b%V)FvYQ6l*^ThFLUXLrD_AcfJ!X}=`XDadByGnv7LbGC3duT(!QjUlpinR(g8$%zH2dih1^v)|cB0Tta2@Ck7R(xI#VJ2d?FoCG4> zxph-W1C;bSW@}q6@ulCKqy0-r6 z-u9~ph_?SabN}zz2Y)X-`g`%w-%F4GUVifT+S9)`p8b9D?%&h*|DJ#N_wLKT58wWM z{{HXFkN-eW>Am*>(0dvsL4Lsu%q;92+&sK;@@ncDP0cOs9X-AMYuE4FfB5LJ;}(|OSV^^QlTnl}VEFhnBw}Uc^YGfP iH0`dSb1o<3tC_d3>L21*|1$#U83s>RKbLh*2~7ZM0V!<& literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/Cutefish-dark/gtk-3.0/assets/scale-horz-marks-before-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9dd390fb9363d64d634ae9b75aa45201b2cff5d7 GIT binary patch literal 943 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pkm{h|Fs+bdrtcA z(D2`~@4s;ah+z(7w|ui}`DWAc-J$)vP5Te4<{y^rKP=mR+P3|)YW-r{`qirGt9A1a z+vcw}E#GXLzu7c@w{89oB&}P(jF#^1uBF!H-?3rNZaA^Y9770CSoQUeyZ0ddh0 zP#0JbrUpX+T#NsN9|0481Om~dA3>9T1W)=AGWkcvs-HD$f7P!2Rk!w6{kmU$JAO^v z^=s0u-;;L#p1k|_l-<9l?)g1y|L@rces8_-XZxi;J1+g%dHK)oD}RpO`g`p5-{W`w zp1AY($mSee)d1vFA0pZ4o?@y5Rc<; zFNX#@1xmO*T-(vgS=QYl8*!uS^ntuLV$l;n|JUF1UPDd|k-A`p_HR#}{T5{5*S4q;C4r`~QVjt{1!> zE#Oxl^S?6uTuN4eBwN`-U zv`~BL`RA|P40$D5actk`!0pa|_qlpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xI#VJ2d=HnEyX? z>i?v<|KnzUkC^^FZq|>Oxj!Oj{*0dWJ$lafsM+76XMc~G^CM=~kLcMyqUL}|5Ccd8 zRYJKxqi6q&0gFRqfn1<27#peu$kox&(KE8pH?cM_1tJ?GD_0|HcT=YjGv_cf=WsLE zNORXHbGK-7w-|HxSPRbtOV31)yrmv_%RKUzdlsw=?Y$S;_aLnQQTU|i5tCj-&G;NW z>udC^Z$OhDr9FED^pbi>kY6wZGYba~ubhIKx<+GjYkNmu|AciL_U=1;!)l9HtDPIy=}zid&^^^k=EV(#6qVQ>0ihFB zPhw3bs!aHzk>KI6!Kv5iSl*O|Zqu^UH$!B2H&}_UILi1+Fj<7($bf6NMf9xf%-Kk; AOaK4? literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..78cff7e739ff61f388d35156a78752f5369427ae GIT binary patch literal 907 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pyITd|3g>(_nh=U zVgCQnzW+dO?4tikbN@%r{uVLsTind=QFFdWO#dD``+L;9AK^29#LW2-J@04ioS#v% ze#OlE6+P=$XDvkoGpZz0h){mIkAO@5K3I2=* zssSOGAXovAi-ACDplBA10Tzh@lR7}4tE;1{r=zQ{t7o9AZ=|bltY-j3CVGZudPWxd zM&|m)7W&4P`o>m<7EVT%E=E?aM%M0@-l>+}X_h|eRz7Jq!6mjKrM97EcA@2VVHGZ^ zQ(RJ~x~9)?O`qwO0YtOiGUvEu&UMdO=vA`8yL6Lx*=FyuExwgILwoOs_B{yedl=UL zD6Ic+*o4PGr?S;pNB{%ZsU*lRn1Pjzor9B$n^#6wPF_J#Nm)fp$H2(cHy|)Htgf-O ztz*KZ$9glAUcP?&?)`_4pTB(j{^RGu`glHIl%;yQIEHu} ze>>&6eN&=Do4m2pw-d{hQn+V+ow~O*WxYVxy8r(VG=9{+|KfEA^YxFV`_F&w{Vw+N zd4Et!`Odv|$9~QECL~-nGrKSUnM`Qpmp|tiBw228_569|7{U|%_3y1h2BGrfzh5u> z@Gw`X;i8r8eKXDvMPfmAkzLCemc82g*NOkY;boJKmB}2qzCiK?O9$&zo~H6$##(<5 zEMD};N&h0VirE#$r(V{HGg%jPC0Si$+S6vjd@H(?*}RJ{%J^5K^4^APJ%S1T<_ipy z86z(9uSnNnSk2aWdj5Qy=Tm<*c6|Iflm9Mn%=1rCvl~NBeEF$#)cAlW-~P584Ns<3 z#%qZ+K3}l2*2QHB^MiYTSSK|xHvI70wf|>If$P#c+!Ji#e_fjHf4|4eVM*GT#c4?s zKfF72Fz}78_t}n+sw=K$AzExtw*EFQtzVrO+SPG&X4tXKv1TXz0w-@SPpYar@-}13 gj0^vNir!lpinR(g8$%zH2dih1^v)|cB0Tt~E@Ck7R(hUFqH#GcrXxQ)2 z@ISQgzwgXvv5WqPPJIwDC!ACWVDM9=*JWJJyW5i#>e3=qxv5e+nF+NY=~@53g) z3~W5*Tea7xa))o(790OuOTQdzzicbtEJJg915-PFQ(FTQTLUv&eG?l4V=DtwD}56y zJwsC<(ls#B)ico51CshWIyxs?@=Ab?w=D_s3ua(sVqxLr;^yH|Q`gYc($+RHv9PqV zwzji(admU|^7i)j@$(OePDo6iIC;v{iZE)x{I+Q0e zf09_)>By&{z8kH?SGe-N5>yu9H!|ST(tQ0QGWu2aY7I`~#VktvCIX^6BrZ13b@vJL fYU-XlFOZkvotTC|{I{8Ppg8k%^>bP0l+XkKt~b}7 literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..25f37aba2ac21602117b02aab42cb00dcebe1402 GIT binary patch literal 887 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nl*0G|+7pyL1k|2H)J4_)=& zq2YhR{QseSk3;)FT;G|`d}sbooB2Ps`-R`!*GY5#M=$vwIuoeoedO#fp;NyA701l{ zA2Ii9_^cmsvwlR*{24y`bL6a_;nP3I&iNTV^CwVQ#H?>Ivwla<`4&0zd*saDF|)tN z%>ErU<9pPc-%&sX- z?(i<%<`7kH6Iy8(QehiXZW~-;>78cbm2BymXz7`3;gJABo(bmevF2_uCbmAtwqC|I zUPe|PhUShyWMtt4M0$p%AY@>oXJD+WXP~R64O`v*RJu53~8yj0&J3ALw zAaHZ{@bK{T@`;O2NK9&O@96BBIeYHh`3n{-TD)iPz5}PvoH_ga<*V19zkK=n?fZ|P zKY#uH^Y`ER?2x0tXo~f8aSZV|{&vdoutNbNuIrC*m2Gs^xv@w|E2lU14OiLGbuEAX z+gohVF{t#EczM9q?)TlQ@Q&>3?6KW7N@*ZDm;sZLVi>be{CG6|~_rWfvK zobakZl#OAN>h7jX>x$e|m~(FN^@SW0*zoCv$eY@7=V*pc+hlLNVDvd1T5w;BP38vI zoivpOz#guLlw+r7JL_u8D+`+23uBjrwH%H+~Vj=ulTuX^)!jhEm`ef`I+2RHm! rT>A3x=9OCvh2CFbI`aRg=sm`Jy=lpinR(g8$%zH2dih1^v)|cB0Tmqx@Ck7R(hLm$8UFugX!swx z>c2z7eTRns#tqMm8~!`Af46J?VAuTJrs0E4`wz>8kCyEpty(|ZG<~sZeQ(+H)voEQ zZR-cy*00trU#*%xTD5(%Yx!i`21MU%T0Ysee79}-Y}*Dz-))*dyLEr|==|c}|D#~> z*WzVAt5<((SpTzS)3+0Mego0zd%sWL|NZ{!zYkykfB5?E)3^U0zW@99{okkW|3Ci# zqJLk0{Qv&*-;dw_e*gXd`wtNP`}6ld5GZR)Dg%9BUlQaO%)rRV#LU6L#igLAsHCK# zqN8tMXlP_)Vrpq+ZEa&`Z*TA5TQ)zjN|?%c(Tm#ZAvc9E8)JO$}yZcGXi$DRg60O|@mVmR7bERaF#I z;jB|F<*qg`xEdhjc4EWH)w6CpH!fA1#It`=pRG(preccAR38DM6IDy5=1f$X@a05; zN5=+-UZZ1qBJ(Gim7R`!8hUnvmG}x*-dBRjBK%FwF5&l&-3oAb^_;+}DzI~5kOvh2 literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..47f06af375aebd295a5370b9fdaef775c3676d8d GIT binary patch literal 900 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmc0G|+7pkjvq{}~z@7#jXJ zH2e<@T@@PoKXlc9&q@Cs8tywZ{I@K8Y}p4y|Mf~sUs;#Ew(k7z-1f<#;gfCK zXRC(K77gzm+P~X1f46D)VAKA?vi+l7^GBP8Pd05p^uwz4i)GVSyQZ(UtzT`LKG-yU zwQl)f-SX9{>62C4H@lWkb}ip*n}9}rvuXKc)AHTA>63NaC##mvb|CcKrulQlnxB>M1NoSfX;JiNTZBBEjn3W`cfDynK~ zY6gaeM#jb_CYF{~R@T-wHnz5Qc6JWIA)#Sm;nnpGjm?v$PMbbs=Bzn$ckJA`YtM-j zCr>?l@$%KD&tJZN{r2O>&tJd){QWogblQ1fl*M_vIEHu}e>?Sf7?Y!j%ly8^gmYaD zN{c$WIAR1sLJXcaSQ?-CU*E)im{Hx}O+>-<(Af3W%T~M2GSSF&{&yg0%88!*6_?xY zyzKwze&%+l^SxJ|L9RtU8!wfgUzmI^aozh~h6%bcclWJ2`uZ*p19xp&)pel*zdBd_ z4Y2ZO*7+{|daA&IZ;QhY2JAxjrd8h=nP7)+uK5@EdSqp_ z5A0lav#f_9d)2~&6qDSko8p{Kw(h&3$n(oC%9_^5p~tXENN_Sl{R} zll6pc$SZks-E}K0#2Jl_FOC2CJoD5l7MCiqec5XDfqVY%*m-7o)|H+P>yY?~om+a; zS3T_vTlpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xI#VJ2XI%b?1MZ zj_(fb-)-7{SU3N$Z2M{5^4+H8JA|}p{$btv!?xvzP3t$CmLJwF-=N|^HO=2`n?WjV zT7XjDZCXKWTd-cBN~j=|3zD*H{chj(-Ld_>EG+m{@!~2_v!n8&p-V8@b%w^Z~s1i z`}gI?e;_#H!R`R`l6pyyUoZnR3kMIcoPwIVMq_hpdq-dYgmoMC?mK+s*zt>(o<4i? z_TBrRzyAFFobdq^z>7Rx978nDCnqdWe(+>^(4@%^A36!AJqr(GXEv2nODS{{EagoO zPIoU(_ANCOQ{hxBm5mlR*l;OS-2KFc)fqQ;I5f_co7A&l*FtWY8?Tj9RIcg@3Z1BW za&_(ml?h)o5Z-RK7If9`TM^wKmLFH`TyI`|KET8|MC0(&)@%l z{rUg<@Bcr4|Ns5>|KEQQ2s7Ey3=CPPk|4ie239t94o)s^UKv?Ac?Cr!Wfd(Q10z%4 zfWXkOy2jSFjtP?{Pn$mT;NhbuPn|h;{^H}O&z`?{`TFg<_a8of{_^enkDm+clFT159XzJzaP)xKz5nwq4D3Fz_D|%CdA#+# zrT#mypU?Y)F1?bPF)O*|!p*2Or}YK8pUy5?tkxcPW3!W(_FPxDy0->eZoqK*%fj&R zZujfsA&-jmSq?-r&&!|97GdqHIe(99GlOyOt-6iu3Dzr9Cfs3}k$s8h3xmrgFR_=g zcO|dZC3puGu9^OV`4IoBhN2a7H|Q_~x*E>SU=ItP#rSsZn*)uDny>Mg3tZ>UIQxOg zd>3P{q}_u^`vvnJGSA~-a<{jyyr;dhamL4=H~DkfzkRM;o9keZ`m1K*rOF33{qfE* z4lnNQ(GNX+pz78gJ0+z{yc?4LF?n7TIPffX+59^OI~E05vIlpinR(g8$%zH2dih1^v)|cB0To>h@Ck7R(xI#VJ2d?Fob*3o z{{PrT|3jz#kDK{DYR>n#SwCXt{)n9UGkVtd=sDk`XMYDVW&@>u#LW5;JsX6gX8ni) zGQixJIY5!0Fa%Wq=7Lp%)kAavNgW*>JtGT!6KexgAhI#Cb~m#2Fm((ua}GCii7<1G zG#47?lrcn~)7tFxS!p_0XBPXw>uF=@s($?PF*S~iC-hKNIA3b*b z(v#!bK>5M5sZ+xz2|jQVPJ0wu&de-YCzeuZ zR%o8iEv)Nn>>X|%=%!NWXYG{IzIy+fIg6$+sM{`rQk22WQ%mvv4FO#ss1 B=~w^& literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..03926a9f552a9f3dfbd542cc125b242f58a3b42d GIT binary patch literal 884 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmo0G|+7pyITd|3g>(_nh=U zVgCQnzW+dO?4tkCOa4dC{uVLsTind=5!1g%&HE8P^GD>&pV9MvM$P&aGxJx>tRFFR zen!vw89n=F% zT|mV!l}J)hy|aHrfdzGdKv!2sS5HS*UsumSSKmli-&oJUM9FUvN##5SbVHnhSnwA?j)hHJ(ww~X0t znRDDS=elLhb<3Xbp0miibfb6KX792sK4n`%d+&$#JqYW27}ozNtp9P?gvUTvC8(?` z1O}*MNswPK11lRl2PYRdpNy=Wf|9a^mVuF9KwwBib4zPm`-F*8rcRrF;PBDor_Y|h zaOu(GCr_Wfc=_th+js9jeER(5>$mSee#)zLDgt9E+SA1`#N+teDaXT@90gpDH*g-A z!`x(<>=w9Dp!mR?Vzr9@^)H>iFgWwSEnLX`?$_1Tuim{%m$3Y&saiTOPk-M>z4E!f z&hJWo{!BZUd|pXECq}7t>9rc|y|n_uwSHUoo#J+Q@=IaQ9yz;x{R|J*hP+(8oFOS) z(Q`x1Pd0;x0YChiY;rw?X8SWRn{EB?8xX`{$FOC^*Q7_15hWU5!qfKVxH9(di+dvT zK{WH6vXW32^VeJdl!}7AOCaT{BDf{GmOrza$~I6Z+$2J?p^C$-Ao2Si5i;H2JDgfI};rpofSgm zGR_&V(afLk%avTda^l=aQsLJ()K{&!9J*TgyXC(Y{sKNen?k9Ea$uY>c)I$ztaD0e F0sxTcm{kA( literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..61283d73add84421e6716b25dd598b586cb701f0 GIT binary patch literal 542 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tt~E@Ck7R(hUFqH#GbYUG?9g zVSi{Jh!MN!f9TX#p;Q0I&H52D_ebQ+pV2dZM$h{hIqP%8jIXhCe?`y!6*=Qu%&gzh zbG}8-`5igyd(^BSk+Xk9&;0>pM9uyYG4n?Z5Y71!4K!ier>H6K!zRBBoBYPV;bdUr zDc`ESK9xIc0t#&W^R4}|t^KpDd@~Kr?F~%r^i6FI%xn!zZ1qiS3`~K@O3&Cz-_TUg z&{WsJNLSB5R}V<)>*(n4r`~M?I^MP<$S;_Ik%^gwlarf=M@?NrOH13t#KO|b+S=a5 z)y>_@+uPg6&p#j_Dmo!?!o(?4rd_;z4@T2T#PNPZ4|k&_Ouu$+U0=W=T1(!l@# literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..690689c3e803af536f28a663c751c3285f0c28ba GIT binary patch literal 835 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmK0G|+7pyL1k|2H)J4_)=& zVgLVx`Ts-v9*6e*_nrAHZRY>bssH`vzK&k@pD{E^TTRS^@XBSsjS2s6z4-XGdFQ2&hgv6xwj*hPBvu4kkJ9plK zJ$v^ZJbCK$nKNf!ynOZf%a^a;zW@07>-V3(|85_iun`yqzMd|QAs)xyPKmU33KVI( z?C9FjrW_oi;g{d#!j-D#ye#YQfB8pk^IqLpepgg{@Adn?uH8EPD`uVG|0y3Ec1}^) zD{0Ey)^{e7F^D@WsPk^p)K7 z+IG2rQS4uSJbgH)I;3%m;gjdxEB0-#UGhg$;LG?0$_)z+cZtRA`g*>dA-gS@ zBPDzO+~1bx8C9lcKI>=R5WZ{Y|B9L&dQTZT{8u(-8l~}X5}ltMqIY9aQBHtFd-<-z u6;8_gdvAJ}~J_b)$KbLh*2~7a{Sa1sf literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..040f9f6c4fca781d3dff13b827b7e688f7b2400a GIT binary patch literal 566 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TrDL@Ck7R(hLm$8UFugX!su* z`ag8le}{(q#tqMm8~!`Af46J?VAuTJrs0EC^AF30kCyEpt(!huwSKl~`eN1k-m3MB zWz$!?rmwcGA8cE{S~Y#NYWrr_^2xUClTFJfyOz&(E#GaMKHIhd(RZ8X&u-nHJvzU5 zcYpEk|B<)wYr*2L)vLeNuKCum{^!wKzmMPfd+Ofb)AxR#zWe+A*MA?r{{Qgx-=}Z? zKYjoA@%z6|-$9JeKmLFI{_p$mf8T%p`~CO-?>|8F@6X@=K=81TFAnGxr;;GQUS}T0|P@tBO_BwD{C7&J9~S32PbD27yp3Ju&~a~p5Fd*=Pq8n zbmhwR>$jdh`|$D8mlp}AB!Q+a@N{tu(Kw%+ut532gGp1SO?{B)E}Zr#D2R=@QZ6l} zFf1|E)H#^lJ(*cF)zM9*Ffdh@Tisy8wUB4-V%Im8HZf_JvYNH**w!m7^Fs4;Vjw?D z+Nno3u2@^%)IQyy8sSplkznY>v-|0;Q+p!jW_K3o9cg|Rke{Jo(vZ?JCG@NBn>W1; zj!FkQWFmUzbWL!W@;J?nJHE`%Q!~=ACt?Aa B4gdfE literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..593ef55ae1812dbeed3fde49c44d1bc5553d301a GIT binary patch literal 867 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmu0G|+7pkjvq{}~z@7#jXJ zH2e<@T@@Po-=Sf@=OiF`-=X2ZW#MDXzQ@K5|Mf~(07~W&lPKaR<8Y7z4}}2nr{v3 ze>QITx%cXCAliTZ_kkO~&))xi?$Mv~5B^+y^!MT;Ao=Igqd!+3|9STA-?Mjro_+ZD z;^V)!pZ~o9qA&m6!qAW3|9|}c2Sk7V{)eG|fB*ge`xl7*{R1-o{r~qLjDQpva4eaB z1{g{SB|(0{42(=nOw7zI>>M1NoLt;Iydt6sii%1qDyph#Y6gaeM#jb_rk0jgR@T?l@$%E>FJHfY|MBD3 z?>~S4O>Dbi1dN(cPZ!4!kK=Er91ml16maETp~9@C(IlA2({RYupn>sBB+rb7U;oz^ zD9a?gSZJ$Paxiv(UFhA|uT@pM{sgz#9IR}9aVq9O^5qG;{}#SF($vTI>EB5eUzOV0 zu&U!mYSZpy{awL$;M>R8ji18y*xq70AQAZT_%+5$;;BEE6>VeQ@G9iTdd4SSmkt#3 zDWnAd7GHJA^Hd?wq0fMqu`SQ^$I zp8dQ3c>C+aJPZ>POAT&1KU0Vt3&Wo!LfzrIEtDnm{r-UW|%!17! literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider.png b/Cutefish-dark/gtk-3.0/assets/scale-vert-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..57825fd774f8e8f676a29cd25796a8f38c160bc1 GIT binary patch literal 550 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0To>h@Ck7R(xI#VJ2d?FoCG4> zx22etebyWw*9mQvVo}iyKOU=(elH(^@nZC51UpHg33bFw7}IsRDQPw ziT|)^`35op71_0Zw{QFI(DvQ2{kwPH51+mtfs=j&P5Kc$=||hAeEs*~+rN+B{(brJ z9|$ymGT#S!Ors>oFPMRug`I<&M^0W%U8AwNrLDcUuYc|Oz5DhbK6>oEaloaXvX=f%1cAQ>TVc5`5q!oc1X6Is>z4omfhtSs`z(v9@?P zcd##SpqomeCvR=Exxt3(mj&F!%u7m|nXF|)`C4`~HcQJ$WOF12^0Qo%x^&~p?wyv| z8V#xuss$bihF)B|pSnpk?U-}A?~$YQiXD1R%pPt&&Zm!DI(bt@LPe?PMB~vDi`h6` rQti^Ve0cg~;?&?NLJyXthcGidE!SJC&bRFt(4`EXu6{1-oD!MlfSBuhz{!Y@5H@ zw0yH|{$|ts-KOO`khE_3ZVO?zegjI`K*{g6U|EnF1o~mq0z^P%V8K=-5~c>E3xtrA z!K9GP0jUX?_#+UACjAJS^dorEkC4efYS#X$UHhwU?XUWEzxsCknz-xNq}{(K@BTey z_wT8De$UwVd)vi7+b{judHK)oD}RpM`g`=&-($D`9>4SV#GSt<@BV%E{@?Qt|6Y9j z_v!n;&)@%j`SJhj&;Q?l{r~a%|F1v)fB*ge=kNc&|Nj5`4+07AgIa*$=vWfu7tFxQ z#?HaX#my%pE2p5Otf6IKd@&F62fUi2uwKBRQ+IYaY%uGc-5yE5k&{rGXI z?Q$5?`j?ym3l2C;mCT=gaKTA6)BCU36lC`Mre0n-d$Iw;J2BDw+n5Aw&Yx)C)M?wW z)UEZu(Se7XpS*l2kZ^0!xBll#9Cju*)S2qDxi-9YW3A76^3;;W;%ntZl?Pk1z9}nB zy2-d}%U@R&KAx=K-6vEH*1gxC#FX~+uWMYx*+=YsGi5xO_sMVhQt1@?c+rbXPy4sJ z^ybT*+vCO*v3c6ZpG^lgysDPoed;Z9wAoXqBVFPzI2K$_aaH#J`R6g?fhk9ISjr~l z$A7luW~`W!d2JWNfxIuj-hF-ePfLm^VPB-I5AWq;3bQxNc8xFHzF*+`_t0q`;lD3b y#YyyE$$nCvyZf-|^XRWVR#qjC{>ATKR9;u7y7QZO;6`AaF?hQAxvXDM3t literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..8dbedf610dcb3bc4a7bea0f13ab6068c2b559834 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprWDxpAc6d9X~}U&Kt*!`d_r7-bm*%8o|FDZ&iWZU z=V$cHpOLeFM$P#VGwVn6>>oe|kOVP+T%aJ34P=0&Kx_zti9oqvK^_qW5oL2x6-zNy zYcVw&F*RFpbvsEdXL-{w!{Aoqh#s?;$rkZ50y=I6cHRl>x*OPiFR1%|P|t&)o`)fQ zPr|3X1)BDG$3_;Q`(#Uk{DK+S*tKNGF9WoGLOX$PyXVAI4ZD}zUt74gFp5o8cB{$zg*@k$X!Uuw@o2x-f66djmi69L zotK&g$C%Z)=6r7O=hB%ebdcj8|Bu5wVmI4Fb&M3vdJ-mbF6?Z4aB+24;)CzEFA7`o zb5uAgJZWuMAkJ_|PS&I%<-(Id$Hnd}XXSXeRH$5d7I>ifta3wp`0RFeSvjeaO16UU z`&6q8c0_kh*FDR8aQ#$)1uq^tK6t(vNI!Oba6I!y)q49~-#;EuJ$>1swlD6pagB(_ zmoGfGpRIrKdZt-f?3Zsn>aOB{Z9fCuz;V84n!eJp&7$pp_Q+r7I3JaJuJ}mBw@<1c z=Pj1=+VWg$gV1YB?QJeq@3b8r+4NhxF0z^Lt#!QOW4wNoqe8Iqi;25KO+yprv+oH@ zn7;h(^?fD+?lKP++%lTmQvKa`EvI!1+q&`#Yrb|`?`_#r{p|AWvYb1gpNjh(yjJ!1 T)>9{7v@v+P`njxgN@xNA#ac(W literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-checked.png b/Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..a223d1ffe665114e7ef4bb39a420618411b05ca8 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprZT$pAc6d?a=Vey7`A?+fSS3 z?>4PJY+8N*N$Zwxwk_XnTE5wUNGNh_|L)ZB-M#yJ&Z3{Wi+>g`|5>v9XT$nm)A#o>f4|KZ~&4(9aBK$+8?E{-7f$0Zq;1I^+j)&s@9)+ zey&=xB_?#H$Gp8W0~ejUw{_BQ#^TA}N-ovh`R@Gd$N3|l?zD0D7yG+C;Ilk**l7Rj z4#lm(8x|z4OK{`6l)K73Z`;b|!-oFpKb8M5O!o6Td9`a#AJAJ2p00i_>zopr0JBis AJpcdz literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a7723f1d53d6e32d0da817f89a424cd24042f893 GIT binary patch literal 718 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=Ndd_r7-w06UP&q@ESn|@lg z{kr$OA2zMuY+Alqw|=v20WoY^zk^T<7&XHf5H1Gk*7eEL=N|k$@6hih$9|uG`1irz^=j(&VYrX6)O4;PREL zA3uHm^5^g7GWA0Y42mX3#)T6rH+FR0`v3p7jmAPv z%QAE8$LzoBmR73i&OUo4Oe^(9QJLi|jwH3f-H{Kn{zkBXHkOCOXb`XI(2NxTV_U!o!IU)7=@x_4*m~;$r3G zzEosfcpiD+>gQQ6W*)p+{cGd0O1BTUy?d1o7&r3I-{0-$+L6vAzd3dH(tj^L>Hby} zv7U(E}XY^L$}h6&GSTJTdKb;o-Qsp@3D@&YtQp6zLN{( z$|wA4E}4B;PVo2VE&83`ZT2FWD-Z5z;vNM z;R=@(UQDYFF%3zW&2AH(Fgg8BxILdhwM>G#y^(B7_4UwPj@xtD_T?{+njvf+CAhQd h*x~Lf%N@^8i;I|LI;UN|JQEmq44$rjF6*2UngHV!S*HL1 literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..f6b914e581e248b7507c38d5cab1e40cba53e98b 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^+QGrW+S=OE($WSA z07YzVZIJ{(%=SR@G@u5)k|4ie1{rmYm220n-|*)BhmW5)nA0x!@+Wigph)e2{w*BEZ?LwBHHzSuxPAk o)w2-PI5DMJtIVaLWe+1mtXt52n@#tp0F7nvboFyt=akR{08N)x2><{9 literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..29ecf2b8a283c375d6e51cf9554e644794ad815d 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^T3cJ&)6>)1+S z%FfQt*4Ea>#s9Qq3e!&cE?AkiIdcA%96DCfYJayWPeftkw zzH;^Br_W#h{M}rpeh8>=uBVG*NW|f{H_U|^3gVE1RYDx8P#JQSICA`uSq-)xu?10-oPFuXI2=aD$-7(k5*-6D~Q4g75$b zK^2b)3XV-IoI-HMk){QT8P5Kp-A$rwXGDDri{tHDz{riaR=Kd-+1 oVY9IM(w~2;`<8ZC-g&%>(fFB5WkR|QDEJvXUHx3vIVCg!0N>hanMprB-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/Cutefish-dark/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/Cutefish-dark/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@}BGA_Z*Q0j zH5dpu2Ns=6SoHnh^(E0fs$nbZ8_XZehI28oX|KK>Tvs+r>uOtL%W+q+0Kai z7#7F>;pwnt%DH>8 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: #2C2C2C; + color: white; +} + +.background.csd { + border-radius: 0 0 14px 14px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #2C2C2C; + color: white; +} + +.gtkstyle-fallback:hover { + background-color: #1f1f1f; + color: white; +} + +.gtkstyle-fallback:active { + background-color: #131313; + color: white; +} + +.gtkstyle-fallback:disabled { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #5b9bf8; + color: white; +} + +.view { + background-color: #2C2C2C; + 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; +} + +window.background.csd > stack.view { + border-radius: 0 0 14px 14px; +} + +textview text { + background-color: #2C2C2C; +} + +textview border { + background-color: #242424; + color: rgba(255, 255, 255, 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 6px; +} + +.rubberband, +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, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband { + border: 1px solid #5b9bf8; + background-color: rgba(91, 155, 248, 0.3); +} + +flowbox flowboxchild { + padding: 4px; + border-radius: 6px; +} + +.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: 6px; + 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: 36px; + 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: 36px; + padding: 0 8px; + border-radius: 6px; + caret-color: currentColor; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +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(255, 255, 255, 0.08); + 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: 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(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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #F28B82; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #FDD633; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical progress, spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid #5b9bf8; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #2C2C2C; +} + +treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); + 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); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#5b9bf8), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5b9bf8), to(transparent)); + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(255, 255, 255, 0.7); +} + +infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked { + color: white; +} + +infobar.warning > revealer > box button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(255, 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: white; +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 0ms 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(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #5b9bf8; + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +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); +} + +placessidebar.sidebar row button.sidebar-button, calendar.button, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, +.menuitem.button.flat, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), border-image 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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); +} + +placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, treeview.view header button button.circular:focus, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: white; +} + +placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, treeview.view header button button.circular:hover, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: white; +} + +placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, treeview.view header button button.circular:active, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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 0ms cubic-bezier(0, 0, 0.2, 1), border-image 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 0ms 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; +} + +placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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(255, 255, 255, 0.3); +} + +filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: white; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .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, 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(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: 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:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { + border-radius: 9999px; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 12px 16px; + background-color: #5b9bf8; + color: white; +} + +button.osd:hover { + background-color: #6fa7f9; + color: white; +} + +button.osd:active { + background-color: #86b5fa; + color: white; +} + +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: #5b9bf8; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(91, 155, 248, 0.2), 0 4px 3px 0 rgba(91, 155, 248, 0.14), 0 1px 6px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:checked { + background-color: #8cb9fa; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(91, 155, 248, 0.3), 0 2px 3px -1px rgba(91, 155, 248, 0.24), 0 2px 5px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #5b9bf8; +} + +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(91, 155, 248, 0.3); +} + +button.destructive-action { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(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: #F28B82; +} + +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(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 0ms 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: 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: 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(255, 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(255, 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(255, 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: 24px; + min-width: 24px; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + 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: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 2px; + background-color: #2C2C2C; +} + +.osd toolbar { + background-color: transparent; +} + +.app-notification, toolbar.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +.app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 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 { + border-radius: 0; +} + +.bottom.app-notification, toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar: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(255, 255, 255, 0.12); + background-color: #242424; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; +} + +searchbar > revealer > box { + margin: -6px; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + 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: 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); +} + +.titlebar entry { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +.titlebar entry:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.titlebar entry image { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar entry image:hover, .titlebar entry image:active { + color: white; +} + +.titlebar entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #242424; + color: white; + border-radius: 14px 14px 0 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +.titlebar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar:backdrop { + background-color: #2C2C2C; + 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 0ms 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 + separator, .titlebar + separator.sidebar { + background-color: #242424; + background-image: none; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop { + background-color: #2C2C2C; +} + +.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { + background-color: #5b9bf8; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: #5b9bf8; +} + +.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar { + box-shadow: inset 0 -1px rgba(255, 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(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 6px; + padding-right: 6px; +} + +.titlebar.selection-mode { + transition: background-color 0.1ms 0ms, color 0ms cubic-bezier(0, 0, 0.2, 1); + animation: ripple-on-headerbar 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #5b9bf8; + 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:not(.titlebutton) { + 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: #5b9bf8; +} + +.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { + border-radius: 0; +} + +.titlebar.default-decoration { + min-height: 24px; + padding: 6px 12px; + border-radius: 14px 14px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.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.csd .titlebar.default-decoration { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.12); +} + +.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: 0 6px; +} + +box.vertical headerbar { + background-color: #242424; +} + +headerbar entry, +headerbar spinbutton, +headerbar button { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar button, headerbar button.image-button { + border-radius: 6px; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0 4px; +} + +headerbar separator.titlebutton, headerbar separator.sidebar { + 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 { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + border-radius: 0; + margin: 0; + min-width: 120px; + padding: 0; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box { + padding: 0 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus { + box-shadow: none; +} + +headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image { + min-height: 0; +} + +headerbar.windowhandle viewswitchertitle > squeezer { + margin-top: 0; + margin-bottom: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher { + margin: 0 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +/************ + * Pathbars * + ************/ + +.path-bar.linked:not(.vertical) > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; + background-color: alpha(currentColor, 0.08); +} + + +.path-bar.linked:not(.vertical) > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +.path-bar.linked:not(.vertical) > button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + + +.path-bar.linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + + +.path-bar.linked:not(.vertical) > button:checked { + background-color: alpha(currentColor, 0.16); + color: white; +} + + +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { + margin-left: 0; +} + + +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { + margin-right: 0; +} + + +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + + +.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); + padding: 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; +} + +.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { + background-color: transparent; +} + +treeview.view:hover, treeview.view:selected { + border-radius: 0; +} + +treeview.view.separator { + min-height: 6px; + 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: none; + box-shadow: none; + background-color: #5b9bf8; + background-image: none; + border-radius: 9999px; + color: white; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: #74aaf9; + color: white; +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: white; +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: rgba(255, 255, 255, 0.3); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +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: #2C2C2C; +} + +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: #2C2C2C; + background-clip: border-box; + color: #5b9bf8; +} + +treeview.view acceleditor > label { + background-color: #5b9bf8; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #242424; + color: white; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar, .csd .menubar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(255, 255, 255, 0.7); + border-radius: 6px; +} + +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; +} + +menu, +.menu, +.context-menu { + margin: 6px; + padding: 6px; + background-color: #3C3C3C; + background-clip: border-box; + border-radius: 12px; + border: 1px solid #4b4b4b; +} + +.csd menu, .csd .menu, .csd .context-menu { + border: none; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); +} + +menu menuitem, +.menu menuitem, +.context-menu menuitem { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: white; + font: initial; + text-shadow: none; + border-radius: 6px; +} + +menu menuitem:hover, +.menu menuitem:hover, +.context-menu menuitem:hover { + background-color: alpha(currentColor, 0.08); +} + +menu menuitem:active, +.menu menuitem:active, +.context-menu menuitem:active { + background-color: alpha(currentColor, 0.12); +} + +menu menuitem:disabled, +.menu menuitem:disabled, +.context-menu menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +menu menuitem accelerator, +.menu menuitem accelerator, +.context-menu menuitem accelerator { + color: rgba(255, 255, 255, 0.7); +} + +menu menuitem:disabled accelerator, +.menu menuitem:disabled accelerator, +.context-menu menuitem:disabled accelerator { + color: rgba(255, 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: #505050; +} + +menu > arrow, +.menu > arrow, +.context-menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #3C3C3C; + color: rgba(255, 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: white; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + background-color: #3C3C3C; + border-radius: 12px; +} + +popover.background, .csd popover.background { + border: 1px solid rgba(255, 255, 255, 0.1); + 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 > scrolledwindow > viewport.frame > list { + background-color: transparent; + padding: 6px; +} + +popover.background > scrolledwindow > viewport.frame > list > row { + border-radius: 6px; + padding: 6px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #3C3C3C; +} + +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 * + *************/ +notebook > header tab { + transition: all 0ms 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(255, 255, 255, 0.7); + font-weight: 500; + border-radius: 6px; +} + +notebook > header tab:hover { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +notebook > header tab:checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(255, 255, 255, 0.04); +} + +notebook, notebook.frame { + background-color: #2C2C2C; + 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(255, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 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: 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 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #2C2C2C; +} + +* { + -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 0ms 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.5); +} + +scrollbar slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar slider:active { + background-color: white; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #5b9bf8; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: 0; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: white; + border: none; + color: transparent; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); +} + +/************************* + * 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: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(255, 255, 255, 0.12); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04); + background-color: rgba(255, 255, 255, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(255, 255, 255, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: white; + background-color: #5b9bf8; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.15); + background-color: #8cb9fa; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.2); + background-color: #5b9bf8; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(91, 155, 248, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover { + box-shadow: none; +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-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")); +} + + +menu menuitem check { + min-height: 16px; + min-width: 16px; +} + + +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); +} + + +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); +} + + +menu menuitem radio { + min-height: 16px; + min-width: 16px; +} + + +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); +} + + +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); +} + +treeview.view radio, treeview.view check { + padding: 0; + margin: 0; +} + +treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(255, 255, 255, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate { + background-color: #5b9bf8; + color: white; + background-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 0ms 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.12); +} + +scale highlight { + transition: background-image 0ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#5b9bf8); +} + +scale highlight:disabled { + background-color: #2C2C2C; + background-image: image(rgba(255, 255, 255, 0.3)); +} + +scale fill { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #5b9bf8; + background-color: #2C2C2C; + box-shadow: 0 0 5px #ccc; +} + +scale slider:active { + box-shadow: 0 0 5px #B3B3B3; +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); +} + +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 { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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(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: 6px; + background-color: rgba(255, 255, 255, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #5b9bf8; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #5b9bf8; +} + +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: #FDD633; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #5b9bf8; +} + +levelbar block.full { + background-color: #81C995; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + 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 > 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(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 14px 14px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +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.content:not(.conversation-listbox) { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +list.content:not(.conversation-listbox) > row { + border-radius: 0; +} + +list.content:not(.conversation-listbox) > row:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:only-child { + border-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:focus { + box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08); +} + +list { + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +list row { + padding: 3px; +} + +list.navigation-sidebar { + padding: 3px; +} + +list.navigation-sidebar > row { + border-radius: 6px; +} + +treeview.view header button, row.activatable { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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%; +} + +treeview.view header button:focus, row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +treeview.view header button:hover, row.activatable:hover { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +treeview.view header button.has-open-popup, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 0ms 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; + background-color: rgba(255, 255, 255, 0.12); +} + +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: #5b9bf8; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander title > arrow { + transition: all 0ms 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: 1px; + border: 1px solid rgba(255, 255, 255, 0.12); + color: white; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 7px; +} + +calendar.header { + border-style: none none solid; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +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: #3C3C3C; +} + +messagedialog.background.csd { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; +} + +messagedialog .titlebar { + min-height: 24px; + border-style: none; + box-shadow: none; + background-color: #3C3C3C; + color: white; +} + +messagedialog .titlebar:backdrop { + background-color: #3C3C3C; + color: rgba(255, 255, 255, 0.7); +} + +messagedialog .dialog-action-box { + margin-top: -6px; +} + +messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child { + border-radius: 6px; +} + +messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) { + margin-right: 6px; +} + +messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { + color: #5b9bf8; +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: #F28B82; +} + +.csd filechooser { + background-color: #2C2C2C; + border-radius: 0 0 14px 14px; +} + +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: #2C2C2C; +} + +filechooser stack.view { + background-color: transparent; + padding: 0; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 14px 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: 14px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +/*********** + * 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: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: 3px; + background-color: #2C2C2C; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 3px; + border-radius: 6px; +} + +stacksidebar.sidebar row:selected { + background-color: #5b9bf8; + color: white; + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { + color: white; +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 0ms 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: 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: rgba(255, 255, 255, 0.12); + font-weight: 500; +} + +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: #5b9bf8; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #5b9bf8; +} + +placessidebar.sidebar row:drop(active) { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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: #2C2C2C; + 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: #2C2C2C; +} + +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: #5b9bf8; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #5b9bf8; + 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: #438cf7; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FDD633; + 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: #F28B82; + 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-radius: 3px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +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: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch overlay { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px #5b9bf8; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(255, 255, 255, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(255, 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; +} + +colorswatch#editor-color-sample overlay:hover { + 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); +} + +colorchooser .popover.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #2C2C2C; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + 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(255, 255, 255, 0.1); + background-color: #2C2C2C; + 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; + border: none; +} + +.ssd decoration { + border: none; + border-radius: 14px 14px 0 0; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 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: none; + 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: 14px; + border: 1px solid rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; + background-clip: border-box; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: #242424; + border: 1px solid #4b4b4b; +} + +.solid-csd decoration:backdrop { + background-color: #2C2C2C; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0 4px; +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + background-color: "transparent"; +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.15); +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.2); +} + +button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #5b9bf8; + -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: 7px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #3C3C3C; + color: white; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #5b9bf8; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(255, 255, 255, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +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(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: 4px; +} + +button.emoji-section:checked { + color: #5b9bf8; +} + +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 0ms 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); +} + +/* 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 #2C2C2C; +/* +text widgets and the like base background color */ +@define-color theme_base_color #2C2C2C; +/* +base background color of selections */ +@define-color theme_selected_bg_color #5b9bf8; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #2C2C2C; +/* +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 #242424; +/* +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 #2C2C2C; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2C2C2C; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #5b9bf8; +/* +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 #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 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_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +FIXME this is really an API */ +@define-color content_view_bg #2C2C2C; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #2C2C2C; +@define-color budgie_tasklist_indicator_color white; +@define-color budgie_tasklist_indicator_color_active white; +@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; diff --git a/Cutefish-dark/gtk-3.0/gtk.css b/Cutefish-dark/gtk-3.0/gtk.css new file mode 100644 index 0000000..506b1fe --- /dev/null +++ b/Cutefish-dark/gtk-3.0/gtk.css @@ -0,0 +1,4180 @@ +@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, #5b9bf8 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #5b9bf8 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 0; + -GtkTextView-error-underline-color: #F28B82; + -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: #5b9bf8; +} + +*:focus { + outline-color: alpha(currentColor, 0.1); +} + +calendar:selected, treeview.view:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected, .background.csd .view:selected { + color: white; + background-color: alpha(currentColor, 0.1); +} + +flowbox flowboxchild:selected { + color: #5b9bf8; + background-color: rgba(91, 155, 248, 0.2); +} + +spinbutton.vertical selection, spinbutton:not(.vertical) selection, +entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected { + color: white; + background-color: #5b9bf8; +} + +.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: #2C2C2C; + color: white; +} + +.background.csd { + border-radius: 0 0 14px 14px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #2C2C2C; + color: white; +} + +.gtkstyle-fallback:hover { + background-color: #1f1f1f; + color: white; +} + +.gtkstyle-fallback:active { + background-color: #131313; + color: white; +} + +.gtkstyle-fallback:disabled { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #5b9bf8; + color: white; +} + +.view { + background-color: #2C2C2C; + 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; +} + +window.background.csd > stack.view { + border-radius: 0 0 14px 14px; +} + +textview text { + background-color: #2C2C2C; +} + +textview border { + background-color: #242424; + color: rgba(255, 255, 255, 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 6px; +} + +.rubberband, +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, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband { + border: 1px solid #5b9bf8; + background-color: rgba(91, 155, 248, 0.3); +} + +flowbox flowboxchild { + padding: 4px; + border-radius: 6px; +} + +.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: 6px; + 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: 36px; + 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: 36px; + padding: 0 8px; + border-radius: 6px; + caret-color: currentColor; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +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(255, 255, 255, 0.08); + 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: 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(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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #F28B82; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #FDD633; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical progress, spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid #5b9bf8; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #2C2C2C; +} + +treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); + 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); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#5b9bf8), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5b9bf8), to(transparent)); + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(255, 255, 255, 0.7); +} + +infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked { + color: white; +} + +infobar.warning > revealer > box button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(255, 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: white; +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 0ms 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(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #5b9bf8; + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +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); +} + +placessidebar.sidebar row button.sidebar-button, calendar.button, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, +.menuitem.button.flat, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), border-image 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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); +} + +placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, treeview.view header button button.circular:focus, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: white; +} + +placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, treeview.view header button button.circular:hover, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: white; +} + +placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, treeview.view header button button.circular:active, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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 0ms cubic-bezier(0, 0, 0.2, 1), border-image 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 0ms 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; +} + +placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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(255, 255, 255, 0.3); +} + +filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: white; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .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, 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(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: 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:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { + border-radius: 9999px; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 12px 16px; + background-color: #5b9bf8; + color: white; +} + +button.osd:hover { + background-color: #6fa7f9; + color: white; +} + +button.osd:active { + background-color: #86b5fa; + color: white; +} + +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: #5b9bf8; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(91, 155, 248, 0.2), 0 4px 3px 0 rgba(91, 155, 248, 0.14), 0 1px 6px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:checked { + background-color: #8cb9fa; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(91, 155, 248, 0.3), 0 2px 3px -1px rgba(91, 155, 248, 0.24), 0 2px 5px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #5b9bf8; +} + +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(91, 155, 248, 0.3); +} + +button.destructive-action { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(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: #F28B82; +} + +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(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 0ms 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: 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: 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(255, 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(255, 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(255, 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: 24px; + min-width: 24px; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + 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: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 2px; + background-color: #2C2C2C; +} + +.osd toolbar { + background-color: transparent; +} + +.app-notification, toolbar.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +.app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 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 { + border-radius: 0; +} + +.bottom.app-notification, toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar: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(255, 255, 255, 0.12); + background-color: #242424; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; +} + +searchbar > revealer > box { + margin: -6px; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + 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: 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); +} + +.titlebar entry { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +.titlebar entry:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.titlebar entry image { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar entry image:hover, .titlebar entry image:active { + color: white; +} + +.titlebar entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #242424; + color: white; + border-radius: 14px 14px 0 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +.titlebar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar:backdrop { + background-color: #2C2C2C; + 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 0ms 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 + separator, .titlebar + separator.sidebar { + background-color: #242424; + background-image: none; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop { + background-color: #2C2C2C; +} + +.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { + background-color: #5b9bf8; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: #5b9bf8; +} + +.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar { + box-shadow: inset 0 -1px rgba(255, 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(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 6px; + padding-right: 6px; +} + +.titlebar.selection-mode { + transition: background-color 0.1ms 0ms, color 0ms cubic-bezier(0, 0, 0.2, 1); + animation: ripple-on-headerbar 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #5b9bf8; + 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:not(.titlebutton) { + 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: #5b9bf8; +} + +.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { + border-radius: 0; +} + +.titlebar.default-decoration { + min-height: 24px; + padding: 6px 12px; + border-radius: 14px 14px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.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.csd .titlebar.default-decoration { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.12); +} + +.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: 0 6px; +} + +box.vertical headerbar { + background-color: #242424; +} + +headerbar entry, +headerbar spinbutton, +headerbar button { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar button, headerbar button.image-button { + border-radius: 6px; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0 4px; +} + +headerbar separator.titlebutton, headerbar separator.sidebar { + 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 { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + border-radius: 0; + margin: 0; + min-width: 120px; + padding: 0; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box { + padding: 0 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus { + box-shadow: none; +} + +headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image { + min-height: 0; +} + +headerbar.windowhandle viewswitchertitle > squeezer { + margin-top: 0; + margin-bottom: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher { + margin: 0 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +/************ + * Pathbars * + ************/ + +.path-bar.linked:not(.vertical) > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; + background-color: alpha(currentColor, 0.08); +} + + +.path-bar.linked:not(.vertical) > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +.path-bar.linked:not(.vertical) > button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + + +.path-bar.linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + + +.path-bar.linked:not(.vertical) > button:checked { + background-color: alpha(currentColor, 0.16); + color: white; +} + + +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { + margin-left: 0; +} + + +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { + margin-right: 0; +} + + +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + + +.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); + padding: 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; +} + +.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { + background-color: transparent; +} + +treeview.view:hover, treeview.view:selected { + border-radius: 0; +} + +treeview.view.separator { + min-height: 6px; + 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: none; + box-shadow: none; + background-color: #5b9bf8; + background-image: none; + border-radius: 9999px; + color: white; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: #74aaf9; + color: white; +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: white; +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: rgba(255, 255, 255, 0.3); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +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: #2C2C2C; +} + +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: #2C2C2C; + background-clip: border-box; + color: #5b9bf8; +} + +treeview.view acceleditor > label { + background-color: #5b9bf8; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #242424; + color: white; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar, .csd .menubar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(255, 255, 255, 0.7); + border-radius: 6px; +} + +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; +} + +menu, +.menu, +.context-menu { + margin: 6px; + padding: 6px; + background-color: #3C3C3C; + background-clip: border-box; + border-radius: 12px; + border: 1px solid #4b4b4b; +} + +.csd menu, .csd .menu, .csd .context-menu { + border: none; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); +} + +menu menuitem, +.menu menuitem, +.context-menu menuitem { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: white; + font: initial; + text-shadow: none; + border-radius: 6px; +} + +menu menuitem:hover, +.menu menuitem:hover, +.context-menu menuitem:hover { + background-color: alpha(currentColor, 0.08); +} + +menu menuitem:active, +.menu menuitem:active, +.context-menu menuitem:active { + background-color: alpha(currentColor, 0.12); +} + +menu menuitem:disabled, +.menu menuitem:disabled, +.context-menu menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +menu menuitem accelerator, +.menu menuitem accelerator, +.context-menu menuitem accelerator { + color: rgba(255, 255, 255, 0.7); +} + +menu menuitem:disabled accelerator, +.menu menuitem:disabled accelerator, +.context-menu menuitem:disabled accelerator { + color: rgba(255, 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: #505050; +} + +menu > arrow, +.menu > arrow, +.context-menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #3C3C3C; + color: rgba(255, 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: white; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + background-color: #3C3C3C; + border-radius: 12px; +} + +popover.background, .csd popover.background { + border: 1px solid rgba(255, 255, 255, 0.1); + 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 > scrolledwindow > viewport.frame > list { + background-color: transparent; + padding: 6px; +} + +popover.background > scrolledwindow > viewport.frame > list > row { + border-radius: 6px; + padding: 6px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #3C3C3C; +} + +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 * + *************/ +notebook > header tab { + transition: all 0ms 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(255, 255, 255, 0.7); + font-weight: 500; + border-radius: 6px; +} + +notebook > header tab:hover { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +notebook > header tab:checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(255, 255, 255, 0.04); +} + +notebook, notebook.frame { + background-color: #2C2C2C; + 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(255, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 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: 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 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #2C2C2C; +} + +* { + -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 0ms 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.5); +} + +scrollbar slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar slider:active { + background-color: white; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #5b9bf8; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: 0; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: white; + border: none; + color: transparent; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); +} + +/************************* + * 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: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(255, 255, 255, 0.12); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04); + background-color: rgba(255, 255, 255, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(255, 255, 255, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: white; + background-color: #5b9bf8; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.15); + background-color: #8cb9fa; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.2); + background-color: #5b9bf8; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(91, 155, 248, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover { + box-shadow: none; +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-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")); +} + + +menu menuitem check { + min-height: 16px; + min-width: 16px; +} + + +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); +} + + +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); +} + + +menu menuitem radio { + min-height: 16px; + min-width: 16px; +} + + +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); +} + + +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); +} + +treeview.view radio, treeview.view check { + padding: 0; + margin: 0; +} + +treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(255, 255, 255, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate { + background-color: #5b9bf8; + color: white; + background-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 0ms 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.12); +} + +scale highlight { + transition: background-image 0ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#5b9bf8); +} + +scale highlight:disabled { + background-color: #2C2C2C; + background-image: image(rgba(255, 255, 255, 0.3)); +} + +scale fill { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #5b9bf8; + background-color: #2C2C2C; + box-shadow: 0 0 5px #ccc; +} + +scale slider:active { + box-shadow: 0 0 5px #B3B3B3; +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); +} + +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 { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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(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: 6px; + background-color: rgba(255, 255, 255, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #5b9bf8; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #5b9bf8; +} + +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: #FDD633; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #5b9bf8; +} + +levelbar block.full { + background-color: #81C995; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + 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 > 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(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 14px 14px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +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.content:not(.conversation-listbox) { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +list.content:not(.conversation-listbox) > row { + border-radius: 0; +} + +list.content:not(.conversation-listbox) > row:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:only-child { + border-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:focus { + box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08); +} + +list { + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +list row { + padding: 3px; +} + +list.navigation-sidebar { + padding: 3px; +} + +list.navigation-sidebar > row { + border-radius: 6px; +} + +treeview.view header button, row.activatable { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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%; +} + +treeview.view header button:focus, row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +treeview.view header button:hover, row.activatable:hover { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +treeview.view header button.has-open-popup, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 0ms 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; + background-color: rgba(255, 255, 255, 0.12); +} + +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: #5b9bf8; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander title > arrow { + transition: all 0ms 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: 1px; + border: 1px solid rgba(255, 255, 255, 0.12); + color: white; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 7px; +} + +calendar.header { + border-style: none none solid; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +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: #3C3C3C; +} + +messagedialog.background.csd { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; +} + +messagedialog .titlebar { + min-height: 24px; + border-style: none; + box-shadow: none; + background-color: #3C3C3C; + color: white; +} + +messagedialog .titlebar:backdrop { + background-color: #3C3C3C; + color: rgba(255, 255, 255, 0.7); +} + +messagedialog .dialog-action-box { + margin-top: -6px; +} + +messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child { + border-radius: 6px; +} + +messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) { + margin-right: 6px; +} + +messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { + color: #5b9bf8; +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: #F28B82; +} + +.csd filechooser { + background-color: #2C2C2C; + border-radius: 0 0 14px 14px; +} + +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: #2C2C2C; +} + +filechooser stack.view { + background-color: transparent; + padding: 0; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 14px 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: 14px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +/*********** + * 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: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: 3px; + background-color: #2C2C2C; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 3px; + border-radius: 6px; +} + +stacksidebar.sidebar row:selected { + background-color: #5b9bf8; + color: white; + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { + color: white; +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 0ms 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: 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: rgba(255, 255, 255, 0.12); + font-weight: 500; +} + +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: #5b9bf8; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #5b9bf8; +} + +placessidebar.sidebar row:drop(active) { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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: #2C2C2C; + 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: #2C2C2C; +} + +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: #5b9bf8; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #5b9bf8; + 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: #438cf7; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FDD633; + 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: #F28B82; + 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-radius: 3px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +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: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch overlay { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px #5b9bf8; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(255, 255, 255, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(255, 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; +} + +colorswatch#editor-color-sample overlay:hover { + 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); +} + +colorchooser .popover.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #2C2C2C; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + 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(255, 255, 255, 0.1); + background-color: #2C2C2C; + 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; + border: none; +} + +.ssd decoration { + border: none; + border-radius: 14px 14px 0 0; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 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: none; + 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: 14px; + border: 1px solid rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; + background-clip: border-box; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: #242424; + border: 1px solid #4b4b4b; +} + +.solid-csd decoration:backdrop { + background-color: #2C2C2C; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0 4px; +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + background-color: "transparent"; +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.15); +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.2); +} + +button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #5b9bf8; + -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: 7px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #3C3C3C; + color: white; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #5b9bf8; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(255, 255, 255, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +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(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: 4px; +} + +button.emoji-section:checked { + color: #5b9bf8; +} + +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 0ms 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); +} + +/* 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 #2C2C2C; +/* +text widgets and the like base background color */ +@define-color theme_base_color #2C2C2C; +/* +base background color of selections */ +@define-color theme_selected_bg_color #5b9bf8; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #2C2C2C; +/* +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 #242424; +/* +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 #2C2C2C; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2C2C2C; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #5b9bf8; +/* +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 #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 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_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +FIXME this is really an API */ +@define-color content_view_bg #2C2C2C; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #2C2C2C; +@define-color budgie_tasklist_indicator_color white; +@define-color budgie_tasklist_indicator_color_active white; +@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; diff --git a/Cutefish-dark/gtk-3.0/thumbnail.png b/Cutefish-dark/gtk-3.0/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..09ba4d839cc32c83d36be70c97343d04efac01b5 GIT binary patch literal 2075 zcmV+$2;}#PP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H12dGIz zK~#90?V3w$Q`s5EfA`_Xwc{jZ$P)w!F)@PzA{A1VsYC`clmS+h0%}!86*HZY=ni$+ zMb%BKcDC(?LaVARVlmrFEmTvAgc*qz)I5O1851esV4TDziS7IH?ZRUdhwE2J2F3Wl zvcLP?|M|}O-*e7)zI%nfzCMdOY8K+_4xoQN-C$W3rfHH+r%9*NSXOPH5=#m!iXu%-O~`WD=U~G?5Cmjd zrlFw$x7$r3ksy=FR8Al{QQHR5TL&;217uvA01(wVq{Ks<(ObBp{{~ZAU4U!MFBB_u z2!cR!b8}6JYX`$Hh{xj<&19|P5Xqe%kx^Pp`iZHhc*ZZ{ocUK(v8)Hb)Y{tmbGr+Q zqTqJBs|s)&ahKK}nLTZg8WbRA06B zcULv|^79Y?YS;JB+YhWce-7pNi*B%$WXqkMog6%P@I_;)N+c5D&Ye4`s#;Nie!riE zg$15IeOh4m`FwPBbum0VToKQ!plDx3nN;tGRr5I`pW_|=73%iyk_>!8GVlpa(I8~> zHQ`^0qWrw#IapB?y1Tmx27?5HLB_|&*}Z!=r%s)!m}CF`{p{GW<0X4bOAA9oL$4Cv zD?@8LfT?s;b&u=GHN5}(C4yyQIT`^l-EC;C-(C}bI~3!G3eLfmARG?ov(RKR$(b`} zkR%DyG-+;brn9q?v9Ynde`jYWPNx&YFlcOSWXqN<^!N9pX&R%Wqqtly{C+>OEYsiL zpKl``kLNkIZ{JQ=R~M#fGC4U(BoYCjqoV`2+s)$QB7J>*=(^6x$VkDxl|pNMrz(Hf zlWTZ}e}h1V)Xon{?f8BH*UGH7B!5Q7GyZ#Ak?R1c9q*Cs{Rl)y(OB)W>NU-xL{X%> zyPMhBSxnOepslTq!NI`-zd#_szJ2>}I2=flge=SXVoDB9rxQ^W^Y-Nl-@w2CCr_Tl zG)){12WQWorLV6KfZpC-jvP6{(W6I6r_;2wv~cd+Ib1GR)%`Ji{(}F~SNp0RN{I_# zHujd~Uk=a2W!zJrA!rE%ErEOLGdvT2DC%#=4{J1oFI>0)fWzS+olbM*%9V=l3x~tZ z&(AY8HAOHO%-dB}Wo&E=zu#YA2k>}23=R%*_3Bl^;V=O4c$~wB4>LMC3V_Sy;?ku{ z=(>&|2%JBEo}Qkbf>opvSnju8v>W;(uF1c$wCAU2o!=?&b4EVLGx8|{8It}VkzOG# zKxP@29sf!=BmcCqT_+j%*w){UAJ$0V%a<=>Syp~YJ$?E#7cX8cdGuH zSDtd)LGHM-vS?vh)~ebRwYmK7bk}K;fsgYdJ0Jg}a&ZAsowc#e*?4B5Z8>6Nd%py~ zJ=dDoAr(bIlBE0$T3TAd>-FY^fovkQxVQ*p#jrbv7PH4n&ds6-5zU*O6rzhr@wk7~H>qpKI5y<(J7!CPOF`V(ZqeY}>Yta5&7!$OwrTbp@CQ|MlzWMU~+O2UDxsZ{WLZ{x{)^{+P0$5*t zQX{By$ngg_pWQ-^et}?<@VpNGk^)0^sdl+sxZQ4KS>Eu8mt|QPhCw==Mpe}}`=dL^ z4oL0`#5y(}YI}pNqb_i*qb_ibqb_ibqb_ibqb_ib + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg b/Cutefish-dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..17e3c4a --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/Cutefish-dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..b4808a6 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/Cutefish-dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..3ea0541 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/Cutefish-dark/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/Cutefish-dark/gtk-4.0/assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 0000000..67beb46 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg b/Cutefish-dark/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg new file mode 100644 index 0000000..bf51d9e --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/Cutefish-dark/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg new file mode 120000 index 0000000..79b7355 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg b/Cutefish-dark/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..b68859d --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/Cutefish-dark/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..de0d789 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/Cutefish-dark/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..7f0235f --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/Cutefish-dark/gtk-4.0/assets/scalable/scale-slider-symbolic.svg new file mode 100644 index 0000000..4b00bc1 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/scale-slider-symbolic.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/Cutefish-dark/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..37d9c04 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/Cutefish-dark/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..1bc5cb6 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..4759e32 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..a44f5c9 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..d621934 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..91c7006 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/Cutefish-dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..f2c9cf9 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg b/Cutefish-dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg new file mode 100644 index 0000000..a06db4c --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/Cutefish-dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg new file mode 120000 index 0000000..86dfcec --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/Cutefish-dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/Cutefish-dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..bafb558 --- /dev/null +++ b/Cutefish-dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..00d08bd311d9223e162b4b973c1d7349623ecf08 GIT binary patch literal 597 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tn$A@Ck7R(xI#VC(QpJyXb%D z)c;9y|3}UF9yQ}f%-kQ5Gk-?U`W`j=d-R;|(Li$c_n0|9VrKn_p8X?g4u}LXfFxK1 zCkWWbJNb?P2N| zV&)uX<`QA%8foqtW$qSj?iOR=nPB0W=#jV7BX5~U{&J7}6`lpFLVNFp_B{yedl=UL zD16fM@JTPDW_*sC`6YVR*XUW_fOe^B#(n^LQmZ7$FPMRugPVs}UR7PAv8lPGy`!&x z!nzH6_w7G?cV98{mU2ywnboFyt=akR{0M^_Y AQvd(} literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..25abeb6006dc69c3cfaeb9a62644e7b4d272e509 GIT binary patch literal 974 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8Y0G|+7pyITd|3g>(_nh=U zVgCQnzW=d{{)bNepEUP>#N4kD^S;H+{2np=d+hA*QS*L;&-@WH=SS@9pRsd(M$P&a zGxJyUtY49HfPz1xX8(+t^)q_*&*(Wnqi1~wq1oSoieqN|h@Sl;3QR@=xwApsXdoBN z1}Xq)nGI456o<${)j(7tkuY(Hdaxl#vQc2R4iM<->gej}=<4h0>gnnk=;|Bl>Kp4B z80#6D=^0t*8v~K0p@oy7rL&Qxi; zyQEHaO`qYKKGQX0mRrV5w~X0tnRDDS=elJ9(LDE@gN>*b&-$KeX>b zSl`32{zqXG9*0eM0`%0^4_|wMq3l``KhOg z7GBrb*51)KY4Vh*)27dub>Q&Plc&y}JAd)f<0ns_y?FWR^_#cvKYsr5?fZ|Pn*^Sz z1EX(_r;B5V$MLt9Z^ruuN;EulWp-*4p6PT#U}jKTk=EAkB~vt$)t#4Jc<}RotV?Os z>x}Z}hpPYXyC0SPf1m83`hS60{HEJuU%$@I&$f%0?Y!PTdW+A;Gkv9BUM>E6YRBb} zzvlJ7Sp}z;g?;;ekBR%ey1JX2THKyk7V~c*pUTS*{aL;6jk)vs=L;9xz0J>RexH0( z%Psxkqh~1vJa%bMdFmRMJ!xkDP-+kzeP+>qJ;6E0`Zww%)$r+VjKAExQse4x%YkFLi?Zb@)M($OIpnNi&zV^M@0HT} v|I1Ij*B6!k=&Vtadxn3Z;`Q$*59@DKlz%$!)Tc+lh-dJ0^>bP0l+XkK9Cy~I literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..bb5607fb15111220fabda22b0595b70a881bf7d0 GIT binary patch literal 608 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0To>e@Ck7R(hUFqH#GbYUG?9g zVZQ^I5xeMr=+sxCQ~$@!`VlkjN6g$Gku!gW&;A@e?`Pz!&yll!M$GscJNH-g>|c>H zzQxS?9X;n;^qk+3Grvd80ixegvwlR*_z^w#2apjn<44r&9}zQu!~oHpAJHHKKSfP> zA2#`A*yJ|>EvEw;Px)5u^{L$9Teiisy+ArJ6H_O1x-q74$-_+K?%+|mJ zMCzN^7?|1^7+dKXTj?8`>Vc82zM-z3k*=PBuD*eej*iTam9=({+1axm?m-h3n(kfOwEexZ z&aVCU>>}2`yuek jwspOA{?EHVO@E$~l~B{U-P%lK-JIfePM7&i)cQ^$SpC z#N4mpvwpeK+>n`pkMWV->SVn zl{>skw>d=C*@RZwg;dxEmsonIS$HK|dZk!;CR%zXTX-f~cqD+3XM(wVtdWhkv8|V} zjhB&?hmp0Xp{28-xucPV6Ao5b1&t5CGY_+By)R z3#6pER=)s-RANbxUoZnB6Eh172PY>N7Z*1VFCV{vxP*k1nwo~DmJZMeODk&|8(UjD zJ7*VHS64STcMlIwFQ2&hgv6wl_KvQZv**m6J8%Ai1&j9V-FM*Nsnci9K7aY@^_MSS zzyJLC`}d!}|Nfb6+42k+JsqAdjv*e$-%g2CW(t&WSpUXpqN=ycHpi9EGIRtZH>I7P zr26dte@=eIo%aj&Ru;@Vzw>ub(EmSyQor4k!mM(Sy8V*oE%_fYiGR|>Z}KJaH7vAZV3a6fYJ~jQT{|hT`rsBgpJ3)X67$hj>TLS)0&(WZZ5H37MSqU?R&oQ zfejy`{+dm=I`8{wtAy_RUllGDpJL|m*!Sry)05YKnGWpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10MbxQ zR7C&)000300RR60fd5rh|5d90K!D#sfd4aq<}-l*K!^7}gYZ6s_dI~`Jcsx?gZMds z@i~X_I)(E*g7i9t?>dF_IfC^*g7rOx@I8g~JB0N*hW0*$@;!#~JcRN*g!ev#_dSC1 zJ%;l=hW9*!^G1vFNQv}Ii}X*A_-v!~bEf%wtM+}Y_JFVXgtGR>-2KSh`^en;%ijCT z-}~?N{_yqx^7jAo_x|wr{_*$z^7sGp_x|(v{`2?#_xt|$`TqF({`&m>`~3g>{r~*^ z{{R2~Wn0ZI0000*bW%=J009940|N*M3JM@0AtE9pBqS^^FfcJOGBPwdIy*c(K0iM{ zKte-AL{3muR#sVwi;Rtq&Cb!%)6~@0*xKdh=(miL~S#F!_$*r#>jph%b#b4@?wB| uB~YM-@`8giGa9*Yw)V60G47nM$@~H0&MdRR>Mo`L0000QyIu2ln}!cI?LRErKRUGkuxtKk)9}fr4TyeNwSKW|`fAto)wcDkO%qVf zSL>D!)-7MHnm$>zeY0!%WY_Y|w&{~?8xVc7Y58Q+^4+@WlXcrCtCr7pAoSg)`E$j} zZTd+*iX`>+2#c3|6F?X z=kk-kSAgj8pKDM5K704?*}Ff_KKy(B;opmo|K5E5_vXvLw_x=B=f5AnLFm_?|3LKT zF9iMj`|tn1fB%8x-+w^*KL`Oa40MI|`2#~Qqa?^Ln1PXriHVt+g`J&)gOih!o12H1 zS6D<$K|xVTNkv6fO-;?f(9p=(*u=!r(#p!(+S&LKD?G%PHN{`SrX% z=;|~6wnrZWHf&#e$zlEb{!a%>;_veBT77yE%j(l#=f+$29D89t+r*#2V1IGV)bsJO zx#|oZCYC>Y6C0i+9;{ouVLpq*`ssf+DI5qo_wPt9SHhAQo?VRB-UiJJXS6!XeV$4C z{I}~$tPy#NFPO!Ow;lV+Byizxm&As2?l(*uxpY4;aaqNjmE{yQk(FcjROWdr^=kK|_d-28Ra*5~^Fm>Iv`x9lpinR(g8$%zH2dih1^v)|cB0Tn$7@Ck7R(xI#VJ2ZfhTQ`Wb z?)-1n^4+2RyG`2<>*gPpZ9lDBzT32XhmbbSKWtilShxPLZTVr-`VGWx`398&E3;|- zZrcn}Z_^4SfeOBX8Q*O|vOq3a3W>C9{chj(-J$KfWBYgS-XFgGKLRKH2%7XGc+!v1 zDL>jb|LWNCt8?qG?rpz%w*5MD|L@rce=j`xd-2iVOOO9v2BIf_uRZ;H{n_7}&;LGo z_wVWZf6qVsd-vtvhj0HrfB*O8$A2I=kn?2~(4Sf*L4Lsu%q$$-JiPJ>YU&z|&8_Vn zy?y-?)@|6kZ~x&V$Bv)4aPjH0H}60G{PpMWEj^(FKwbMiT^vI+g7;3iDs;#|gtb|u zeEE*U2Q}aME&TuAzQt*>!udCk-`$x!Q{a=k%tN1*Q#fzgZ_x~D_R~!f+N;`ju43`3 z*MaPT-2zN6@=WK}^4qQABc98y+ z+t#mE zOh4{*|vPQ1|wUbmX_}}%|C2gen4bxfu^+r(RZL4APJNOssyV6 zlP%wEL4rT5LFz$TKx)9sKx$wJq!)y~!9_3`{u6!#PW%x#=||9{AHkD;giQWXx%yYl z+Fx~Re>JTC)xY!Cq+P!!?fyM^_wOmYe^1@>d)nUL)A# zfByge`~T11|9}7e|MwpRw&rED0Rz{qB*-tAft8J&gOiJ!PfAu!K~YIrMN7xP$kaC= zFf6>Tv9+zeqkrP0$y26HpE2{`;Uh;+o;rK({KdylpFMx^^7Wgy?>~I}{N>yCA3r}b zZ~X_1wti0+#}JR>ZzsDtJ2^@)Tz|*1d-u@;d;*0oJZ}yh5;Oep_kS}xbK(Bwug^9Y z&%61z?7rR7e?J$egl^w)$8P@Zt1(kE7l@Zt{z%wn{GZ)+??Hc|&tG5O|5^DrgGcPf z@1>I&bl$q>C2gF2B95V07)b@KF^6ZRmT&ea)SvN>+wJQ{7lJF31c5Bep zp81@&!Rq4y?gPIzf8EN#_%BBB1w+`PX~*6gU0C;9GVZ|%Aq$p0l2HMiI>(nj(Buf| z5Pln_bo-Id-UBmbTpIFpXE3aL`anqHdXwdYIKFob{bD){{6zxHHBkm!F((hQKDgFo z_u$UI3${@g^6J;lc9{L+AyfaP|2tTwWIJvXx0u+Zd|>iY`(89ZJ6T-G@yGywoW`|}R~ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..22b3bc9323f7c0c919fc6d2feccdd8c3349e5e3a GIT binary patch literal 591 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tta2@Ck7R(xI#VJ2d?Fob*3o z{{PrT|3jz#Pn!EbZszx>Ip5=E{fL?SBXZ`?sM+76=X{R_lC!_Z%=r;L`$rU*1Tkj) zhz6qBKfvNYqi2Iq%xsVd3;{(zYN8M#KXi0-^o=d_jV%pKtqn|VjjUXatlf>QJxrZK z&78x{Tq4X|BhB5S&D~-wJQFND6FqX5c;qeh$Xn)_zudE6m1p7V(B6BYeGkI=9)|Tl zikS2wV)DzV8K0wOeuJR8fqD*lx;Tbt1n<3YUF@KPNbAE+AyqGq zMdgMp7Z;TutoyGn6nW;zr0oAs|6QBYt=OX8b!2nGK8a8F81)6YE#v}!>`Z&Fo?P)m z@b|fs3$9FipKW*brfeXqxJsd1;PQ)-h5L^0`fgckzPEHSk5EM5wQFCOa7}LR@N7fl8HZOk$L805%JAmt=z0BSZ~TNO)|^ig-ulFv ye;3i>65RCRzFXyCK|pRYN#MKQ|cY83s>RKbLh*2~7ZA(hTJQ literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..818c7edabb0937f0e2adca1574e53148672266ae GIT binary patch literal 951 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s9X0G|+7pyITd|3g>(_nh=U zVgCQnzW*TZ)c?^-{>M%K7BTNz+|2J0)4xZ}`w>3#N6efbku!fr&-)oQ>sQRoU(rBv z7EthK^sJxJvwz0S{vI{^do+Zc1!m0o5j`7>=KP3(FlK`c0V)O|phl4TAJMa5%3x}s zx`2v7A~0n*R7Qby=>UPQu8yvrj;_A0zM-zZv7P}Cndljs=^0t*8=31HTj(2G8d^FV zS-Kcmxf)r!TY9HjdZ$_Xq+9uY6djEn~J@ z<{Y=oxo%lNG|w%2zI)Ch@6wIlWt+Xrw)m87@vYn$+Iv5=??G7K!?6BGVf~N8CIHbB zpf6e@9ZZ2i>|7G$7tFxQ#?HaX#lt5pE2p5OtfHZ1U}WkS5E#jK;Ods4F&@Ko@4Du^(8nLJ?g<0*XZ(99Oqz$=-7x^QgUgR^RW3UZx4s z?0hN(96h(c9Dc$k*Lrxn5TjJ<N0gW8L)9kXdGq<-&)LU#A%4Xpz2&^QvOBd7UdmQm z{JHa$$<&IS??-||K1-jzng@(z22WQ% Jmvv4FO#s#zwj}@n literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..e5f083e39484597d99ce0232451c019a0d67b4c2 GIT binary patch literal 590 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tmq!@Ck7R(hUFqH#GbYUG?9g zVZQ^A(FbD3F8Uuj^;PK9|1r~k#LWE>IrC@u?9b6Nen!sv95Lf-?A%|GGrq;l`W-#z zTlAdYQFDGr&iWoT>qq2_AJIU?Gk(O(_z^YxN5sq@F>`)I&-xKF?Nij0_hFM?hE0AG z&~h%Y@sw}XUZ2VxzGYi%0t#&W^R4}|t^KpDe6y^4GY!n_4bAQKO>GU#KuF)j#=sPa ztn`ho^bJk*z(`l$P*=}LSI>|I>lJUqO-y?y-r0|FwW6B3grOq?=h>a+_NuUx%${pPLP&z`^h@afCf zo85kIfQIeyba4#P2;O_)xLA{ci0j1#H(W!G=oM`|8n;2*vI@`cZ(GwNVPkJpP?`!9bk6%zW-XKVcI^n25%d)bpTgq}F+>%4H9C|rH* z-P;?>4lPu7Oz&c$Z|N8JucskJjrV|sSMB1Px< zm%IIaQy)5*@O+Ij<|S|7FG8pO_nZ4VdddILnLye1k+c7YPW=K@7Bll} z+^iol(|*Lv{Si6yXXLD(v2%V#&-@uN>s!pM-_divMbG&iIrDqu%-=Dyzemma9y#kf zP$X*BkH{H6B4_`I0ioZ~Gk-+S{Q(h-neiiL4iNp0p7kSY_75QGQ?<{h>Y!ise&4FS zK9xJXOSd^h)!T$t+J#iug;m%Fmst9wTX?5hcqLnUrC53=$C|sv7}co|uH8d^FVnmYoKk%bcw=^2`Wkb#Mwfw8WhzOJ5uuD$_~)X~+0AYENOAkxv* z)z*Q6g#>Upp z-r2$mSee*XOZ=kGs_pY=SzD5~*vaSZV|{`T_qphFH4Z4aleP|&)ubj1w@>1j_wH-6U( zd&7G2Z+r`T1J4_I-?TX&kG%g;Yc%t$+sgPTi#Kce&!$-I`TD@MCG9}B#@BbQOUt#r z{{EX79r!Ny_l>z6>8EO4TVn0@Ygxs7*K^Sbz8vmyVr9PH)vu`&`A+Q3k9mDM>5O`l z-NNl}nH%C(=5K9Sn`Enz#}F34V3_dn-nDN#cwD~jJIQh`H!=M{&0@A)jaQpkxFQz> zGZ#L%Ahw0aswt{GAWjpmXz%*9eOnBJunaQkE= z2<(`2kkvpz?)ALs$#2=h>}2d?rnB|1J_un_KhU)BNO_c~-hF4W4({!y4+{30GoIG} zDpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10MAfN zR7C&)000300RR60fd5rh|5d90K!D#ffaWuR|2~88K7;o>fbcwr_&S5|I)nH*hw(dt z^E!p|I)(2#h4eXs^*)02J%#W+h4njx^*Vy_I)?T>gz`Ox@;rp{JcRc?g!4Xx_dSC1 zJ%;x@gY!m<^GJ#GON;bRkN9e$_;923d#m<+toDGf`Gm6e#oGJF-2KYl{mb6_%isIU z-TUwL{_yqx^7jAo_x|wr{_^+#^7sDp`2X|x{`dR-_xb+#`~Ld;{`>s@{Qdv@{r>;| z|8t8wNdN!g z6$y1b2_C3PC}KmfMnOUxOM(S-32L)*{_LktgPzND3=Zx-M2vP8%Ah~n+4gqYM>^yI r7D%-qY9+m2^)8Yum}Wi^VSnrex(h40p9mRi00000NkvXXu0mjfF$N=u literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..adc1af7ba222bc7229534335877b9efe10a42aba GIT binary patch literal 948 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm!0G|+7pkjvq{}~z@7#jXJ zH2e<@T@||OzeB@*&)nOdlYor-4h{b;3m;qd0nvZshW~mcFB}?PS(m-G?gYwyvTgh9 z(Ei=7`GZ~acbkR}mhB%M+JD$Jf3$1le$WuePlpY+JwDG<~pX|7zXx z)vD>ERnsS{wr_SVpX^$`*){>q0itg_I z>CvBSPyb$f`sdk)f6v~5$q)ZteEj$3^S?J={=J2v??3!Q1qs9JjZ;OWI&tm`9qM!A3TF0-Pxc}Z$_PaagJ69}b{rfz) z();VyiHq(DwYk5GRgTK7deVJl6PKY=Ev6_$}&>%l!zwy?)`V4!k z;*DA7%sAB7P_dQmR>RXdEJdCRe3=;)a=UIb{xUJ(h&lB@h9m0$!zQC0OiEHSSmRPZ z@SMp=;HsE-P}yK*qu~QLw(AWG8x;x^n~f73nExJF$Fq%b|Br{$?#a|xl*^p(cp%WR z`|Dv5hH0&b%V)FvYQ6l*^ThFLUXLrD_AcfJ!X}=`XDadByGnv7LbGC3duT(!QjUlpinR(g8$%zH2dih1^v)|cB0Tta2@Ck7R(xI#VJ2d?FoCG4> zxph-W1C;bSW@}q6@ulCKqy0-r6 z-u9~ph_?SabN}zz2Y)X-`g`%w-%F4GUVifT+S9)`p8b9D?%&h*|DJ#N_wLKT58wWM z{{HXFkN-eW>Am*>(0dvsL4Lsu%q;92+&sK;@@ncDP0cOs9X-AMYuE4FfB5LJ;}(|OSV^^QlTnl}VEFhnBw}Uc^YGfP iH0`dSb1o<3tC_d3>L21*|1$#U83s>RKbLh*2~7ZM0V!<& literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/Cutefish-dark/gtk-4.0/assets/scale-horz-marks-before-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9dd390fb9363d64d634ae9b75aa45201b2cff5d7 GIT binary patch literal 943 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pkm{h|Fs+bdrtcA z(D2`~@4s;ah+z(7w|ui}`DWAc-J$)vP5Te4<{y^rKP=mR+P3|)YW-r{`qirGt9A1a z+vcw}E#GXLzu7c@w{89oB&}P(jF#^1uBF!H-?3rNZaA^Y9770CSoQUeyZ0ddh0 zP#0JbrUpX+T#NsN9|0481Om~dA3>9T1W)=AGWkcvs-HD$f7P!2Rk!w6{kmU$JAO^v z^=s0u-;;L#p1k|_l-<9l?)g1y|L@rces8_-XZxi;J1+g%dHK)oD}RpO`g`p5-{W`w zp1AY($mSee)d1vFA0pZ4o?@y5Rc<; zFNX#@1xmO*T-(vgS=QYl8*!uS^ntuLV$l;n|JUF1UPDd|k-A`p_HR#}{T5{5*S4q;C4r`~QVjt{1!> zE#Oxl^S?6uTuN4eBwN`-U zv`~BL`RA|P40$D5actk`!0pa|_qlpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xI#VJ2d=HnEyX? z>i?v<|KnzUkC^^FZq|>Oxj!Oj{*0dWJ$lafsM+76XMc~G^CM=~kLcMyqUL}|5Ccd8 zRYJKxqi6q&0gFRqfn1<27#peu$kox&(KE8pH?cM_1tJ?GD_0|HcT=YjGv_cf=WsLE zNORXHbGK-7w-|HxSPRbtOV31)yrmv_%RKUzdlsw=?Y$S;_aLnQQTU|i5tCj-&G;NW z>udC^Z$OhDr9FED^pbi>kY6wZGYba~ubhIKx<+GjYkNmu|AciL_U=1;!)l9HtDPIy=}zid&^^^k=EV(#6qVQ>0ihFB zPhw3bs!aHzk>KI6!Kv5iSl*O|Zqu^UH$!B2H&}_UILi1+Fj<7($bf6NMf9xf%-Kk; AOaK4? literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..78cff7e739ff61f388d35156a78752f5369427ae GIT binary patch literal 907 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pyITd|3g>(_nh=U zVgCQnzW+dO?4tikbN@%r{uVLsTind=QFFdWO#dD``+L;9AK^29#LW2-J@04ioS#v% ze#OlE6+P=$XDvkoGpZz0h){mIkAO@5K3I2=* zssSOGAXovAi-ACDplBA10Tzh@lR7}4tE;1{r=zQ{t7o9AZ=|bltY-j3CVGZudPWxd zM&|m)7W&4P`o>m<7EVT%E=E?aM%M0@-l>+}X_h|eRz7Jq!6mjKrM97EcA@2VVHGZ^ zQ(RJ~x~9)?O`qwO0YtOiGUvEu&UMdO=vA`8yL6Lx*=FyuExwgILwoOs_B{yedl=UL zD6Ic+*o4PGr?S;pNB{%ZsU*lRn1Pjzor9B$n^#6wPF_J#Nm)fp$H2(cHy|)Htgf-O ztz*KZ$9glAUcP?&?)`_4pTB(j{^RGu`glHIl%;yQIEHu} ze>>&6eN&=Do4m2pw-d{hQn+V+ow~O*WxYVxy8r(VG=9{+|KfEA^YxFV`_F&w{Vw+N zd4Et!`Odv|$9~QECL~-nGrKSUnM`Qpmp|tiBw228_569|7{U|%_3y1h2BGrfzh5u> z@Gw`X;i8r8eKXDvMPfmAkzLCemc82g*NOkY;boJKmB}2qzCiK?O9$&zo~H6$##(<5 zEMD};N&h0VirE#$r(V{HGg%jPC0Si$+S6vjd@H(?*}RJ{%J^5K^4^APJ%S1T<_ipy z86z(9uSnNnSk2aWdj5Qy=Tm<*c6|Iflm9Mn%=1rCvl~NBeEF$#)cAlW-~P584Ns<3 z#%qZ+K3}l2*2QHB^MiYTSSK|xHvI70wf|>If$P#c+!Ji#e_fjHf4|4eVM*GT#c4?s zKfF72Fz}78_t}n+sw=K$AzExtw*EFQtzVrO+SPG&X4tXKv1TXz0w-@SPpYar@-}13 gj0^vNir!lpinR(g8$%zH2dih1^v)|cB0Tt~E@Ck7R(hUFqH#GcrXxQ)2 z@ISQgzwgXvv5WqPPJIwDC!ACWVDM9=*JWJJyW5i#>e3=qxv5e+nF+NY=~@53g) z3~W5*Tea7xa))o(790OuOTQdzzicbtEJJg915-PFQ(FTQTLUv&eG?l4V=DtwD}56y zJwsC<(ls#B)ico51CshWIyxs?@=Ab?w=D_s3ua(sVqxLr;^yH|Q`gYc($+RHv9PqV zwzji(admU|^7i)j@$(OePDo6iIC;v{iZE)x{I+Q0e zf09_)>By&{z8kH?SGe-N5>yu9H!|ST(tQ0QGWu2aY7I`~#VktvCIX^6BrZ13b@vJL fYU-XlFOZkvotTC|{I{8Ppg8k%^>bP0l+XkKt~b}7 literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..25f37aba2ac21602117b02aab42cb00dcebe1402 GIT binary patch literal 887 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nl*0G|+7pyL1k|2H)J4_)=& zq2YhR{QseSk3;)FT;G|`d}sbooB2Ps`-R`!*GY5#M=$vwIuoeoedO#fp;NyA701l{ zA2Ii9_^cmsvwlR*{24y`bL6a_;nP3I&iNTV^CwVQ#H?>Ivwla<`4&0zd*saDF|)tN z%>ErU<9pPc-%&sX- z?(i<%<`7kH6Iy8(QehiXZW~-;>78cbm2BymXz7`3;gJABo(bmevF2_uCbmAtwqC|I zUPe|PhUShyWMtt4M0$p%AY@>oXJD+WXP~R64O`v*RJu53~8yj0&J3ALw zAaHZ{@bK{T@`;O2NK9&O@96BBIeYHh`3n{-TD)iPz5}PvoH_ga<*V19zkK=n?fZ|P zKY#uH^Y`ER?2x0tXo~f8aSZV|{&vdoutNbNuIrC*m2Gs^xv@w|E2lU14OiLGbuEAX z+gohVF{t#EczM9q?)TlQ@Q&>3?6KW7N@*ZDm;sZLVi>be{CG6|~_rWfvK zobakZl#OAN>h7jX>x$e|m~(FN^@SW0*zoCv$eY@7=V*pc+hlLNVDvd1T5w;BP38vI zoivpOz#guLlw+r7JL_u8D+`+23uBjrwH%H+~Vj=ulTuX^)!jhEm`ef`I+2RHm! rT>A3x=9OCvh2CFbI`aRg=sm`Jy=lpinR(g8$%zH2dih1^v)|cB0Tmqx@Ck7R(hLm$8UFugX!swx z>c2z7eTRns#tqMm8~!`Af46J?VAuTJrs0E4`wz>8kCyEpty(|ZG<~sZeQ(+H)voEQ zZR-cy*00trU#*%xTD5(%Yx!i`21MU%T0Ysee79}-Y}*Dz-))*dyLEr|==|c}|D#~> z*WzVAt5<((SpTzS)3+0Mego0zd%sWL|NZ{!zYkykfB5?E)3^U0zW@99{okkW|3Ci# zqJLk0{Qv&*-;dw_e*gXd`wtNP`}6ld5GZR)Dg%9BUlQaO%)rRV#LU6L#igLAsHCK# zqN8tMXlP_)Vrpq+ZEa&`Z*TA5TQ)zjN|?%c(Tm#ZAvc9E8)JO$}yZcGXi$DRg60O|@mVmR7bERaF#I z;jB|F<*qg`xEdhjc4EWH)w6CpH!fA1#It`=pRG(preccAR38DM6IDy5=1f$X@a05; zN5=+-UZZ1qBJ(Gim7R`!8hUnvmG}x*-dBRjBK%FwF5&l&-3oAb^_;+}DzI~5kOvh2 literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..47f06af375aebd295a5370b9fdaef775c3676d8d GIT binary patch literal 900 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmc0G|+7pkjvq{}~z@7#jXJ zH2e<@T@@PoKXlc9&q@Cs8tywZ{I@K8Y}p4y|Mf~sUs;#Ew(k7z-1f<#;gfCK zXRC(K77gzm+P~X1f46D)VAKA?vi+l7^GBP8Pd05p^uwz4i)GVSyQZ(UtzT`LKG-yU zwQl)f-SX9{>62C4H@lWkb}ip*n}9}rvuXKc)AHTA>63NaC##mvb|CcKrulQlnxB>M1NoSfX;JiNTZBBEjn3W`cfDynK~ zY6gaeM#jb_CYF{~R@T-wHnz5Qc6JWIA)#Sm;nnpGjm?v$PMbbs=Bzn$ckJA`YtM-j zCr>?l@$%KD&tJZN{r2O>&tJd){QWogblQ1fl*M_vIEHu}e>?Sf7?Y!j%ly8^gmYaD zN{c$WIAR1sLJXcaSQ?-CU*E)im{Hx}O+>-<(Af3W%T~M2GSSF&{&yg0%88!*6_?xY zyzKwze&%+l^SxJ|L9RtU8!wfgUzmI^aozh~h6%bcclWJ2`uZ*p19xp&)pel*zdBd_ z4Y2ZO*7+{|daA&IZ;QhY2JAxjrd8h=nP7)+uK5@EdSqp_ z5A0lav#f_9d)2~&6qDSko8p{Kw(h&3$n(oC%9_^5p~tXENN_Sl{R} zll6pc$SZks-E}K0#2Jl_FOC2CJoD5l7MCiqec5XDfqVY%*m-7o)|H+P>yY?~om+a; zS3T_vTlpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xI#VJ2XI%b?1MZ zj_(fb-)-7{SU3N$Z2M{5^4+H8JA|}p{$btv!?xvzP3t$CmLJwF-=N|^HO=2`n?WjV zT7XjDZCXKWTd-cBN~j=|3zD*H{chj(-Ld_>EG+m{@!~2_v!n8&p-V8@b%w^Z~s1i z`}gI?e;_#H!R`R`l6pyyUoZnR3kMIcoPwIVMq_hpdq-dYgmoMC?mK+s*zt>(o<4i? z_TBrRzyAFFobdq^z>7Rx978nDCnqdWe(+>^(4@%^A36!AJqr(GXEv2nODS{{EagoO zPIoU(_ANCOQ{hxBm5mlR*l;OS-2KFc)fqQ;I5f_co7A&l*FtWY8?Tj9RIcg@3Z1BW za&_(ml?h)o5Z-RK7If9`TM^wKmLFH`TyI`|KET8|MC0(&)@%l z{rUg<@Bcr4|Ns5>|KEQQ2s7Ey3=CPPk|4ie239t94o)s^UKv?Ac?Cr!Wfd(Q10z%4 zfWXkOy2jSFjtP?{Pn$mT;NhbuPn|h;{^H}O&z`?{`TFg<_a8of{_^enkDm+clFT159XzJzaP)xKz5nwq4D3Fz_D|%CdA#+# zrT#mypU?Y)F1?bPF)O*|!p*2Or}YK8pUy5?tkxcPW3!W(_FPxDy0->eZoqK*%fj&R zZujfsA&-jmSq?-r&&!|97GdqHIe(99GlOyOt-6iu3Dzr9Cfs3}k$s8h3xmrgFR_=g zcO|dZC3puGu9^OV`4IoBhN2a7H|Q_~x*E>SU=ItP#rSsZn*)uDny>Mg3tZ>UIQxOg zd>3P{q}_u^`vvnJGSA~-a<{jyyr;dhamL4=H~DkfzkRM;o9keZ`m1K*rOF33{qfE* z4lnNQ(GNX+pz78gJ0+z{yc?4LF?n7TIPffX+59^OI~E05vIlpinR(g8$%zH2dih1^v)|cB0To>h@Ck7R(xI#VJ2d?Fob*3o z{{PrT|3jz#kDK{DYR>n#SwCXt{)n9UGkVtd=sDk`XMYDVW&@>u#LW5;JsX6gX8ni) zGQixJIY5!0Fa%Wq=7Lp%)kAavNgW*>JtGT!6KexgAhI#Cb~m#2Fm((ua}GCii7<1G zG#47?lrcn~)7tFxS!p_0XBPXw>uF=@s($?PF*S~iC-hKNIA3b*b z(v#!bK>5M5sZ+xz2|jQVPJ0wu&de-YCzeuZ zR%o8iEv)Nn>>X|%=%!NWXYG{IzIy+fIg6$+sM{`rQk22WQ%mvv4FO#ss1 B=~w^& literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..03926a9f552a9f3dfbd542cc125b242f58a3b42d GIT binary patch literal 884 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmo0G|+7pyITd|3g>(_nh=U zVgCQnzW+dO?4tkCOa4dC{uVLsTind=5!1g%&HE8P^GD>&pV9MvM$P&aGxJx>tRFFR zen!vw89n=F% zT|mV!l}J)hy|aHrfdzGdKv!2sS5HS*UsumSSKmli-&oJUM9FUvN##5SbVHnhSnwA?j)hHJ(ww~X0t znRDDS=elLhb<3Xbp0miibfb6KX792sK4n`%d+&$#JqYW27}ozNtp9P?gvUTvC8(?` z1O}*MNswPK11lRl2PYRdpNy=Wf|9a^mVuF9KwwBib4zPm`-F*8rcRrF;PBDor_Y|h zaOu(GCr_Wfc=_th+js9jeER(5>$mSee#)zLDgt9E+SA1`#N+teDaXT@90gpDH*g-A z!`x(<>=w9Dp!mR?Vzr9@^)H>iFgWwSEnLX`?$_1Tuim{%m$3Y&saiTOPk-M>z4E!f z&hJWo{!BZUd|pXECq}7t>9rc|y|n_uwSHUoo#J+Q@=IaQ9yz;x{R|J*hP+(8oFOS) z(Q`x1Pd0;x0YChiY;rw?X8SWRn{EB?8xX`{$FOC^*Q7_15hWU5!qfKVxH9(di+dvT zK{WH6vXW32^VeJdl!}7AOCaT{BDf{GmOrza$~I6Z+$2J?p^C$-Ao2Si5i;H2JDgfI};rpofSgm zGR_&V(afLk%avTda^l=aQsLJ()K{&!9J*TgyXC(Y{sKNen?k9Ea$uY>c)I$ztaD0e F0sxTcm{kA( literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..61283d73add84421e6716b25dd598b586cb701f0 GIT binary patch literal 542 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tt~E@Ck7R(hUFqH#GbYUG?9g zVSi{Jh!MN!f9TX#p;Q0I&H52D_ebQ+pV2dZM$h{hIqP%8jIXhCe?`y!6*=Qu%&gzh zbG}8-`5igyd(^BSk+Xk9&;0>pM9uyYG4n?Z5Y71!4K!ier>H6K!zRBBoBYPV;bdUr zDc`ESK9xIc0t#&W^R4}|t^KpDd@~Kr?F~%r^i6FI%xn!zZ1qiS3`~K@O3&Cz-_TUg z&{WsJNLSB5R}V<)>*(n4r`~M?I^MP<$S;_Ik%^gwlarf=M@?NrOH13t#KO|b+S=a5 z)y>_@+uPg6&p#j_Dmo!?!o(?4rd_;z4@T2T#PNPZ4|k&_Ouu$+U0=W=T1(!l@# literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..690689c3e803af536f28a663c751c3285f0c28ba GIT binary patch literal 835 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmK0G|+7pyL1k|2H)J4_)=& zVgLVx`Ts-v9*6e*_nrAHZRY>bssH`vzK&k@pD{E^TTRS^@XBSsjS2s6z4-XGdFQ2&hgv6xwj*hPBvu4kkJ9plK zJ$v^ZJbCK$nKNf!ynOZf%a^a;zW@07>-V3(|85_iun`yqzMd|QAs)xyPKmU33KVI( z?C9FjrW_oi;g{d#!j-D#ye#YQfB8pk^IqLpepgg{@Adn?uH8EPD`uVG|0y3Ec1}^) zD{0Ey)^{e7F^D@WsPk^p)K7 z+IG2rQS4uSJbgH)I;3%m;gjdxEB0-#UGhg$;LG?0$_)z+cZtRA`g*>dA-gS@ zBPDzO+~1bx8C9lcKI>=R5WZ{Y|B9L&dQTZT{8u(-8l~}X5}ltMqIY9aQBHtFd-<-z u6;8_gdvAJ}~J_b)$KbLh*2~7a{Sa1sf literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..040f9f6c4fca781d3dff13b827b7e688f7b2400a GIT binary patch literal 566 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TrDL@Ck7R(hLm$8UFugX!su* z`ag8le}{(q#tqMm8~!`Af46J?VAuTJrs0EC^AF30kCyEpt(!huwSKl~`eN1k-m3MB zWz$!?rmwcGA8cE{S~Y#NYWrr_^2xUClTFJfyOz&(E#GaMKHIhd(RZ8X&u-nHJvzU5 zcYpEk|B<)wYr*2L)vLeNuKCum{^!wKzmMPfd+Ofb)AxR#zWe+A*MA?r{{Qgx-=}Z? zKYjoA@%z6|-$9JeKmLFI{_p$mf8T%p`~CO-?>|8F@6X@=K=81TFAnGxr;;GQUS}T0|P@tBO_BwD{C7&J9~S32PbD27yp3Ju&~a~p5Fd*=Pq8n zbmhwR>$jdh`|$D8mlp}AB!Q+a@N{tu(Kw%+ut532gGp1SO?{B)E}Zr#D2R=@QZ6l} zFf1|E)H#^lJ(*cF)zM9*Ffdh@Tisy8wUB4-V%Im8HZf_JvYNH**w!m7^Fs4;Vjw?D z+Nno3u2@^%)IQyy8sSplkznY>v-|0;Q+p!jW_K3o9cg|Rke{Jo(vZ?JCG@NBn>W1; zj!FkQWFmUzbWL!W@;J?nJHE`%Q!~=ACt?Aa B4gdfE literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..593ef55ae1812dbeed3fde49c44d1bc5553d301a GIT binary patch literal 867 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmu0G|+7pkjvq{}~z@7#jXJ zH2e<@T@@Po-=Sf@=OiF`-=X2ZW#MDXzQ@K5|Mf~(07~W&lPKaR<8Y7z4}}2nr{v3 ze>QITx%cXCAliTZ_kkO~&))xi?$Mv~5B^+y^!MT;Ao=Igqd!+3|9STA-?Mjro_+ZD z;^V)!pZ~o9qA&m6!qAW3|9|}c2Sk7V{)eG|fB*ge`xl7*{R1-o{r~qLjDQpva4eaB z1{g{SB|(0{42(=nOw7zI>>M1NoLt;Iydt6sii%1qDyph#Y6gaeM#jb_rk0jgR@T?l@$%E>FJHfY|MBD3 z?>~S4O>Dbi1dN(cPZ!4!kK=Er91ml16maETp~9@C(IlA2({RYupn>sBB+rb7U;oz^ zD9a?gSZJ$Paxiv(UFhA|uT@pM{sgz#9IR}9aVq9O^5qG;{}#SF($vTI>EB5eUzOV0 zu&U!mYSZpy{awL$;M>R8ji18y*xq70AQAZT_%+5$;;BEE6>VeQ@G9iTdd4SSmkt#3 zDWnAd7GHJA^Hd?wq0fMqu`SQ^$I zp8dQ3c>C+aJPZ>POAT&1KU0Vt3&Wo!LfzrIEtDnm{r-UW|%!17! literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider.png b/Cutefish-dark/gtk-4.0/assets/scale-vert-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..57825fd774f8e8f676a29cd25796a8f38c160bc1 GIT binary patch literal 550 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0To>h@Ck7R(xI#VJ2d?FoCG4> zx22etebyWw*9mQvVo}iyKOU=(elH(^@nZC51UpHg33bFw7}IsRDQPw ziT|)^`35op71_0Zw{QFI(DvQ2{kwPH51+mtfs=j&P5Kc$=||hAeEs*~+rN+B{(brJ z9|$ymGT#S!Ors>oFPMRug`I<&M^0W%U8AwNrLDcUuYc|Oz5DhbK6>oEaloaXvX=f%1cAQ>TVc5`5q!oc1X6Is>z4omfhtSs`z(v9@?P zcd##SpqomeCvR=Exxt3(mj&F!%u7m|nXF|)`C4`~HcQJ$WOF12^0Qo%x^&~p?wyv| z8V#xuss$bihF)B|pSnpk?U-}A?~$YQiXD1R%pPt&&Zm!DI(bt@LPe?PMB~vDi`h6` rQti^Ve0cg~;?&?NLJyXthcGidE!SJC&bRFt(4`EXu6{1-oD!MlfSBuhz{!Y@5H@ zw0yH|{$|ts-KOO`khE_3ZVO?zegjI`K*{g6U|EnF1o~mq0z^P%V8K=-5~c>E3xtrA z!K9GP0jUX?_#+UACjAJS^dorEkC4efYS#X$UHhwU?XUWEzxsCknz-xNq}{(K@BTey z_wT8De$UwVd)vi7+b{judHK)oD}RpM`g`=&-($D`9>4SV#GSt<@BV%E{@?Qt|6Y9j z_v!n;&)@%j`SJhj&;Q?l{r~a%|F1v)fB*ge=kNc&|Nj5`4+07AgIa*$=vWfu7tFxQ z#?HaX#my%pE2p5Otf6IKd@&F62fUi2uwKBRQ+IYaY%uGc-5yE5k&{rGXI z?Q$5?`j?ym3l2C;mCT=gaKTA6)BCU36lC`Mre0n-d$Iw;J2BDw+n5Aw&Yx)C)M?wW z)UEZu(Se7XpS*l2kZ^0!xBll#9Cju*)S2qDxi-9YW3A76^3;;W;%ntZl?Pk1z9}nB zy2-d}%U@R&KAx=K-6vEH*1gxC#FX~+uWMYx*+=YsGi5xO_sMVhQt1@?c+rbXPy4sJ z^ybT*+vCO*v3c6ZpG^lgysDPoed;Z9wAoXqBVFPzI2K$_aaH#J`R6g?fhk9ISjr~l z$A7luW~`W!d2JWNfxIuj-hF-ePfLm^VPB-I5AWq;3bQxNc8xFHzF*+`_t0q`;lD3b y#YyyE$$nCvyZf-|^XRWVR#qjC{>ATKR9;u7y7QZO;6`AaF?hQAxvXDM3t literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..8dbedf610dcb3bc4a7bea0f13ab6068c2b559834 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprWDxpAc6d9X~}U&Kt*!`d_r7-bm*%8o|FDZ&iWZU z=V$cHpOLeFM$P#VGwVn6>>oe|kOVP+T%aJ34P=0&Kx_zti9oqvK^_qW5oL2x6-zNy zYcVw&F*RFpbvsEdXL-{w!{Aoqh#s?;$rkZ50y=I6cHRl>x*OPiFR1%|P|t&)o`)fQ zPr|3X1)BDG$3_;Q`(#Uk{DK+S*tKNGF9WoGLOX$PyXVAI4ZD}zUt74gFp5o8cB{$zg*@k$X!Uuw@o2x-f66djmi69L zotK&g$C%Z)=6r7O=hB%ebdcj8|Bu5wVmI4Fb&M3vdJ-mbF6?Z4aB+24;)CzEFA7`o zb5uAgJZWuMAkJ_|PS&I%<-(Id$Hnd}XXSXeRH$5d7I>ifta3wp`0RFeSvjeaO16UU z`&6q8c0_kh*FDR8aQ#$)1uq^tK6t(vNI!Oba6I!y)q49~-#;EuJ$>1swlD6pagB(_ zmoGfGpRIrKdZt-f?3Zsn>aOB{Z9fCuz;V84n!eJp&7$pp_Q+r7I3JaJuJ}mBw@<1c z=Pj1=+VWg$gV1YB?QJeq@3b8r+4NhxF0z^Lt#!QOW4wNoqe8Iqi;25KO+yprv+oH@ zn7;h(^?fD+?lKP++%lTmQvKa`EvI!1+q&`#Yrb|`?`_#r{p|AWvYb1gpNjh(yjJ!1 T)>9{7v@v+P`njxgN@xNA#ac(W literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-checked.png b/Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..a223d1ffe665114e7ef4bb39a420618411b05ca8 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprZT$pAc6d?a=Vey7`A?+fSS3 z?>4PJY+8N*N$Zwxwk_XnTE5wUNGNh_|L)ZB-M#yJ&Z3{Wi+>g`|5>v9XT$nm)A#o>f4|KZ~&4(9aBK$+8?E{-7f$0Zq;1I^+j)&s@9)+ zey&=xB_?#H$Gp8W0~ejUw{_BQ#^TA}N-ovh`R@Gd$N3|l?zD0D7yG+C;Ilk**l7Rj z4#lm(8x|z4OK{`6l)K73Z`;b|!-oFpKb8M5O!o6Td9`a#AJAJ2p00i_>zopr0JBis AJpcdz literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a7723f1d53d6e32d0da817f89a424cd24042f893 GIT binary patch literal 718 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=Ndd_r7-w06UP&q@ESn|@lg z{kr$OA2zMuY+Alqw|=v20WoY^zk^T<7&XHf5H1Gk*7eEL=N|k$@6hih$9|uG`1irz^=j(&VYrX6)O4;PREL zA3uHm^5^g7GWA0Y42mX3#)T6rH+FR0`v3p7jmAPv z%QAE8$LzoBmR73i&OUo4Oe^(9QJLi|jwH3f-H{Kn{zkBXHkOCOXb`XI(2NxTV_U!o!IU)7=@x_4*m~;$r3G zzEosfcpiD+>gQQ6W*)p+{cGd0O1BTUy?d1o7&r3I-{0-$+L6vAzd3dH(tj^L>Hby} zv7U(E}XY^L$}h6&GSTJTdKb;o-Qsp@3D@&YtQp6zLN{( z$|wA4E}4B;PVo2VE&83`ZT2FWD-Z5z;vNM z;R=@(UQDYFF%3zW&2AH(Fgg8BxILdhwM>G#y^(B7_4UwPj@xtD_T?{+njvf+CAhQd h*x~Lf%N@^8i;I|LI;UN|JQEmq44$rjF6*2UngHV!S*HL1 literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..f6b914e581e248b7507c38d5cab1e40cba53e98b 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^+QGrW+S=OE($WSA z07YzVZIJ{(%=SR@G@u5)k|4ie1{rmYm220n-|*)BhmW5)nA0x!@+Wigph)e2{w*BEZ?LwBHHzSuxPAk o)w2-PI5DMJtIVaLWe+1mtXt52n@#tp0F7nvboFyt=akR{08N)x2><{9 literal 0 HcmV?d00001 diff --git a/Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..29ecf2b8a283c375d6e51cf9554e644794ad815d 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^T3cJ&)6>)1+S z%FfQt*4Ea>#s9Qq3e!&cE?AkiIdcA%96DCfYJayWPeftkw zzH;^Br_W#h{M}rpeh8>=uBVG*NW|f{H_U|^3gVE1RYDx8P#JQSICA`uSq-)xu?10-oPFuXI2=aD$-7(k5*-6D~Q4g75$b zK^2b)3XV-IoI-HMk){QT8P5Kp-A$rwXGDDri{tHDz{riaR=Kd-+1 oVY9IM(w~2;`<8ZC-g&%>(fFB5WkR|QDEJvXUHx3vIVCg!0N>hanMprB-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/Cutefish-dark/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/Cutefish-dark/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@}BGA_Z*Q0j zH5dpu2Ns=6SoHnh^(E0fs$nbZ8_XZehI28oX|KK>Tvs+r>uOtL%W+q+0Kai z7#7F>;pwnt%DH>8 rubberband, +.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #5b9bf8; + background-color: rgba(91, 155, 248, 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: white; + background-color: #2C2C2C; + border: 1px solid black; +} + +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: 6px; + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +.dim-label { + color: rgba(255, 255, 255, 0.7); +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(255, 255, 255, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: white; +} + +.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: #2C2C2C; + background-clip: padding-box; + border-radius: 6px; + border: none; +} + +.osd { + padding: 6px; + margin: 6px; + 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); +} + +.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 * + ****************/ +spinbutton.vertical, spinbutton:not(.vertical), +entry { + min-height: 36px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 6px; + caret-color: currentColor; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical), +entry:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +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(255, 255, 255, 0.04); + 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: 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(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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.error.vertical:focus-within, spinbutton.error:focus-within:not(.vertical), +entry.error:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #F28B82; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.warning.vertical:focus-within, spinbutton.warning:focus-within:not(.vertical), +entry.warning:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #FDD633; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical > progress, spinbutton:not(.vertical) > progress, +spinbutton.vertical progress > trough > progress, +spinbutton:not(.vertical) progress > trough > progress, +entry > progress, +entry progress > trough > progress { + margin: 2px -8px; + border-bottom: 2px solid #5b9bf8; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #2C2C2C; +} + +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.12); + 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: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, #5b9bf8 0%, rgba(91, 155, 248, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #5b9bf8 95%, rgba(91, 155, 248, 0)); + } +} + +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); +} + +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), 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), 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), 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; +} + +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); +} + +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); +} + +actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +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: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1), background-color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #5b9bf8; + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +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); +} + +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, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, filechooser #pathbarbox > stack > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, 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 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + color: rgba(255, 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, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message .dialog-action-area > 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, 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; +} + +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, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message .dialog-action-area > 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, 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + +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, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message .dialog-action-area > 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, 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 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + color: white; +} + +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, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message .dialog-action-area > 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, 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); +} + +filechooser #pathbarbox > stack > box > button:checked, window.dialog.message .dialog-action-area > 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, 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; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message .dialog-action-area > 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, 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: 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; +} + +button.osd.image-button { + padding: 12px; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #5b9bf8; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(91, 155, 248, 0.2), 0 4px 3px 0 rgba(91, 155, 248, 0.14), 0 1px 6px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:checked { + background-color: #8cb9fa; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(91, 155, 248, 0.3), 0 2px 3px -1px rgba(91, 155, 248, 0.24), 0 2px 5px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #5b9bf8; +} + +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(91, 155, 248, 0.3); +} + +button.destructive-action { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(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: #F28B82; +} + +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(242, 139, 130, 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label { + padding: 0; +} + +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; +} + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs-attention 0ms 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) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .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) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .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) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; +} + +/* menu buttons */ +modelbutton.flat { + min-height: 28px; + padding: 0 9px; + border-radius: 6px; + color: white; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + + +list > row button.image-button:not(.flat):active, +list > row button.image-button:not(.flat):checked { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1), background-color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #5b9bf8; + color: white; +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); +} + +/********* + * Links * + *********/ +link { + color: #2196F3; +} + +link: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; + border-spacing: 0; +} + +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(255, 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(255, 255, 255, 0.5); +} + +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(255, 255, 255, 0.7); +} + +spinbutton.vertical > button.up { + margin: 0 3px; +} + +spinbutton.vertical > button.down { + margin: 0 3px; +} + +treeview spinbutton:not(.vertical), row spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) > text, row spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; +} + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { + padding: 0; +} + +dropdown > button > box { + border-spacing: 6px; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; +} + +dropdown 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: 6px 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: white; + 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: 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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + +button.combo:only-child:active { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + 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: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + padding: 3px 6px; + background-color: #2C2C2C; + border-spacing: 6px; +} + +.osd .toolbar, .osd toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd, +toolbar.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +.app-notification:backdrop, .toolbar.osd:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 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; +} + +.toolbar button { + margin: 1px; + border-radius: 3px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + border: none; +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + 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: 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 { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +headerbar entry:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #242424; + color: white; + min-height: 48px; + padding: 0 6px; +} + +headerbar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label { + transition: color 0ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(255, 255, 255, 0.12); +} + +box.vertical headerbar { + background-color: #242424; +} + +headerbar > windowhandle > box { + padding: 0 3px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton.popup { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + margin-top: 12px; + margin-bottom: 12px; + background-color: rgba(255, 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 .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +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.selection-mode { + transition: background-color 0.1ms 0ms, color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #5b9bf8; + 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.2); + background-color: #5b9bf8; +} + +headerbar.default-decoration { + min-height: 24px; + padding: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +window.devel headerbar.titlebar { + background: #242424 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(91, 155, 248, 0.1)), linear-gradient(to top, #2c2c2c 3px, #313131); +} + +window.devel headerbar.titlebar:backdrop { + background: #242424 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#242424); + /* background-color would flash */ +} + +viewswitcher { + margin: 0; +} + +viewswitcher.wide { + border-spacing: 3px; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; +} + +viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus { + box-shadow: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 6px; + padding-bottom: 4px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +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; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #5b9bf8; +} + +indicatorbin.needs-attention > indicator > label { + color: white; +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 6px; + background-color: alpha(currentColor, 0.08); +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.16); + color: white; +} + + +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; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #4b4b4b; + border-top-color: #4b4b4b; +} + +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; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 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: white; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: white; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: white; +} + +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(255, 255, 255, 0.3); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #5b9bf8; + 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.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(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: #2C2C2C; +} + +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(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #2C2C2C; + background-clip: border-box; + color: #5b9bf8; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #5b9bf8; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #242424; + color: white; +} + +menubar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 0ms 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: 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(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.background separator { + margin: 6px 0; +} + +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 modelbutton { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: white; + font: initial; + text-shadow: none; + box-shadow: none; + background: none; +} + +popover.menu modelbutton:hover { + transition: none; + background-color: alpha(currentColor, 0.08); +} + +popover.menu modelbutton:disabled { + color: rgba(255, 255, 255, 0.5); +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover.background > arrow, +popover.background > contents { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: #3C3C3C; + border-radius: 12px; + border: 1px solid rgba(255, 255, 255, 0.1); + background-clip: border-box; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 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); +} + +popover.background > arrow:backdrop, +popover.background > contents: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 > 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(255, 255, 255, 0.12); + margin: 3px 0; +} + +popover.background > contents list separator { + margin: 0; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #3C3C3C; +} + +popover.background .linked > button:not(.radio) { + background-color: transparent; + box-shadow: none; + border-radius: 6px; +} + +s +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; +} + +.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; +} + +magnifier { + background-color: #2C2C2C; +} + +/************* + * Notebooks * + *************/ +tabbar tab, notebook > header tab { + transition: all 0ms 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(255, 255, 255, 0.7); + font-weight: 500; + border-radius: 6px; + background-image: none; + background-color: transparent; +} + +tabbar tab:hover, notebook > header tab:hover { + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + color: white; +} + +tabbar tab:disabled, notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +tabbar tab:checked, notebook > header tab:checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); + background-image: none; +} + +tabbar tab:checked:disabled, notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(255, 255, 255, 0.04); +} + +notebook, notebook.frame { + background-color: #2C2C2C; + 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(255, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 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: 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; + border-bottom: none; + background: none; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox > background:dir(ltr) { + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); +} + +tabbar scrolledwindow.pinned tabbox > background:dir(rtl) { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, #2C2C2C, rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, #2C2C2C, rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar tabbox { + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + padding: 3px; + margin: 3px; + border-radius: 9px; +} + +tabbar tabbox > background { + background: none; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%); +} + +tabbar .start-action, +tabbar .end-action { + background-color: rgba(255, 255, 255, 0.04); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.12); + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +tabbar:not(.inline) scrolledwindow.pinned undershoot { + border-color: rgba(255, 255, 255, 0.12); +} + +tabbar:not(.inline) undershoot.left { + background: linear-gradient(to right, #242424, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) undershoot.right { + background: linear-gradient(to left, #242424, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar:not(.inline) tabbox > background { + background-color: #242424; +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(#242424, 0.6); + border-color: rgba(255, 255, 255, 0.12); +} + +tabbar:not(.inline):backdrop .box { + background-color: #2C2C2C; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +dnd tab { + min-height: 24px; + background-color: #242424; + color: white; + box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + outline: 1px solid rgba(0, 0, 0, 0.75); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%); +} + +tabbar tab, +dnd tab { + padding: 6px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 9999px; +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #2C2C2C; + box-shadow: none; + outline: none; +} + +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 > slider { + transition: background-color 0ms 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.5); + box-shadow: none; + outline: none; +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar > range > trough > slider:active { + background-color: white; +} + +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: 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(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.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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + border: none; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #5b9bf8; +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; +} + +switch > slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: 1px; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: white; + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); +} + +/************************* + * 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):hover, .view.content-view.check:not(list):active, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):active { + box-shadow: 0 0 0 10px rgba(255, 255, 255, 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; + border-spacing: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(255, 255, 255, 0.12); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04); + background-color: rgba(255, 255, 255, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(255, 255, 255, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: white; + background-color: #5b9bf8; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.15); + background-color: #8cb9fa; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.2); + background-color: #5b9bf8; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(91, 155, 248, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/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-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/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-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate), +columnview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), +columnview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(255, 255, 255, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, 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; +} + +/************ + * 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 0ms 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.12); +} + +scale highlight { + transition: background-image 0ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#5b9bf8); +} + +scale highlight:disabled { + background-color: #2C2C2C; + background-image: image(rgba(255, 255, 255, 0.3)); +} + +scale fill { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #5b9bf8; + background-color: #2C2C2C; + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #5b9bf8, 0 0 0 8px rgba(255, 255, 255, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #5b9bf8, 0 0 0 8px rgba(255, 255, 255, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); +} + +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 { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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(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: 6px; + background-color: rgba(255, 255, 255, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #5b9bf8; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #5b9bf8; +} + +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: #FDD633; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #5b9bf8; +} + +levelbar block.full { + background-color: #81C995; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.12); +} + +/**************** + * 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: #2C2C2C; + 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: 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; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; + border: none; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 14px 14px; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%); + padding-top: 1px; + background-size: 12px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: left top; + margin: 0 4px; +} + +undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%); + padding-bottom: 1px; + background-size: 12px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: left bottom; + margin: 0 4px; +} + +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; +} + +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; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 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(255, 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: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(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +listview row, +list row { + padding: 6px; +} + +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: white; + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; +} + +row { + color: rgba(255, 255, 255, 0.7); +} + +columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 0ms 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 { + color: white; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover, row.activatable:hover { + color: white; + transition: all 0ms 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 { + color: white; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +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); +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #5b9bf8; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: white; + background-color: #5b9bf8; +} + +.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: #5b9bf8; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 0ms 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:disabled { + color: rgba(255, 255, 255, 0.3); +} + +expander-widget > box > title { + border-radius: 6px; +} + +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: 6px; + color: white; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 6px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(255, 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:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 9px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.dialog.message.background { + background-color: #3C3C3C; +} + +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(255, 255, 255, 0.1); + background-color: #3C3C3C; + color: white; +} + +window.dialog.message .titlebar:backdrop { + background-color: #3C3C3C; + color: rgba(255, 255, 255, 0.7); +} + +window.dialog.message .dialog-action-area { + margin-top: -6px; +} + +window.dialog.message .dialog-action-area > button, window.dialog.message .dialog-action-area > button:first-child, window.dialog.message .dialog-action-area > button:last-child { + border-radius: 9999px; +} + +window.dialog.message .dialog-action-area > button:not(:last-child) { + margin-right: 6px; +} + +window.dialog.message .dialog-action-area > button:not(:disabled) { + color: #5b9bf8; +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: #F28B82; +} + +.csd filechooser { + background-color: #2C2C2C; + border-radius: 0 0 14px 14px; +} + +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: #2C2C2C; +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 14px 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: 14px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #242424; +} + +.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; +} + +stacksidebar list { + padding: 6px; + background-color: #242424; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +stacksidebar row:selected { + background-color: alpha(currentColor, 0.06); + color: white; + font-weight: 500; +} + +stacksidebar row + row { + margin-top: 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + 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); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 6px; + border-right: none; +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +.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.06); + color: white; +} + +.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); +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 0ms 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 > viewport.frame { + border-style: none; +} + +placessidebar list { + padding: 1px 0 4px; +} + +placessidebar .navigation-sidebar > row { + min-height: 32px; + margin: -1px 4px -1px 0; + padding: 0; + 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.06); + color: white; + 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: #5b9bf8; +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: #5b9bf8; +} + +placessidebar .navigation-sidebar > row:drop(active) { + transition: all 0ms 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-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: #2C2C2C; + 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: 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, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #2C2C2C; +} + +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: #5b9bf8; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #5b9bf8; + 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: #438cf7; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FDD633; + 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: #F28B82; + 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 { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: white; + 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); + border-radius: 3px; + margin: 2px 6px 8px 6px; + border: none; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * 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: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorchooser colorswatch:hover { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px #5b9bf8; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; + color: white; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(255, 255, 255, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(255, 255, 255, 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay:hover { + 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); +} + +colorchooser .popover.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #2C2C2C; +} + +/********************** + * Window Decorations * + **********************/ +window.csd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + outline-color: rgba(255, 255, 255, 0.1); + 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: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.csd.popup { + border-radius: 12px; +} + +window.csd.dialog.message { + border-radius: 14px; +} + +.solid-csd window.csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: #242424; + border: 1px solid #4b4b4b; +} + +.solid-csd window.csd:backdrop { + background-color: #2C2C2C; +} + +window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { + border-radius: 0; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0 4px; +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + background-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.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.15); +} + +windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.2); +} + +windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 4px; + margin-left: 4px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 4px; + margin-right: 4px; +} + +.view:selected, iconview:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected, +treeview.view:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, calendar > grid > label.today { + color: #5b9bf8; + background-color: rgba(91, 155, 248, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected { + color: white; + background-color: #5b9bf8; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #5b9bf8; + -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: 7px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #3C3C3C; + color: white; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #5b9bf8; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(255, 255, 255, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +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 * + *************/ +.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(255, 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(255, 255, 255, 0.12); + background: none; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 6px; +} + +button.emoji-section:checked { + color: #5b9bf8; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 0ms 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: white; +} + +popover.entry-completion > contents { + padding: 0; +} + +/* 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 #2C2C2C; +/* +text widgets and the like base background color */ +@define-color theme_base_color #2C2C2C; +/* +base background color of selections */ +@define-color theme_selected_bg_color #5b9bf8; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #2C2C2C; +/* +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 #242424; +/* +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 #2C2C2C; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2C2C2C; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #5b9bf8; +/* +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 #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 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_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +FIXME this is really an API */ +@define-color content_view_bg #2C2C2C; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #2C2C2C; +@define-color budgie_tasklist_indicator_color white; +@define-color budgie_tasklist_indicator_color_active white; +@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; diff --git a/Cutefish-dark/gtk-4.0/gtk.css b/Cutefish-dark/gtk-4.0/gtk.css new file mode 100644 index 0000000..89cfeca --- /dev/null +++ b/Cutefish-dark/gtk-4.0/gtk.css @@ -0,0 +1,4645 @@ +/*************** + * Base States * + ***************/ +.background { + background-color: #2C2C2C; + color: white; +} + +dnd { + color: white; +} + +.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: white; +} + +iconview:disabled, .view:disabled { + color: rgba(255, 255, 255, 0.5); +} + +iconview:selected, .view:selected { + color: white; +} + +textview text { + background-color: #2C2C2C; +} + +textview border { + background-color: #242424; + color: rgba(255, 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, .content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #5b9bf8; + background-color: rgba(91, 155, 248, 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: white; + background-color: #2C2C2C; + border: 1px solid black; +} + +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: 6px; + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +.dim-label { + color: rgba(255, 255, 255, 0.7); +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(255, 255, 255, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: white; +} + +.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: #2C2C2C; + background-clip: padding-box; + border-radius: 6px; + border: none; +} + +.osd { + padding: 6px; + margin: 6px; + 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); +} + +.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 * + ****************/ +spinbutton.vertical, spinbutton:not(.vertical), +entry { + min-height: 36px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 6px; + caret-color: currentColor; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical), +entry:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +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(255, 255, 255, 0.04); + 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: 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(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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.error.vertical:focus-within, spinbutton.error:focus-within:not(.vertical), +entry.error:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #F28B82; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.warning.vertical:focus-within, spinbutton.warning:focus-within:not(.vertical), +entry.warning:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #FDD633; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical > progress, spinbutton:not(.vertical) > progress, +spinbutton.vertical progress > trough > progress, +spinbutton:not(.vertical) progress > trough > progress, +entry > progress, +entry progress > trough > progress { + margin: 2px -8px; + border-bottom: 2px solid #5b9bf8; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #2C2C2C; +} + +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.12); + 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: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, #5b9bf8 0%, rgba(91, 155, 248, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #5b9bf8 95%, rgba(91, 155, 248, 0)); + } +} + +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); +} + +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), 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), 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), 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; +} + +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); +} + +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); +} + +actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +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: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1), background-color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #5b9bf8; + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +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); +} + +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, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, filechooser #pathbarbox > stack > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, 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 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + color: rgba(255, 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, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message .dialog-action-area > 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, 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; +} + +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, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message .dialog-action-area > 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, 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + +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, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message .dialog-action-area > 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, 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 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + color: white; +} + +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, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message .dialog-action-area > 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, 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); +} + +filechooser #pathbarbox > stack > box > button:checked, window.dialog.message .dialog-action-area > 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, 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; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message .dialog-action-area > 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, 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: 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; +} + +button.osd.image-button { + padding: 12px; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #5b9bf8; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(91, 155, 248, 0.2), 0 4px 3px 0 rgba(91, 155, 248, 0.14), 0 1px 6px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:checked { + background-color: #8cb9fa; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(91, 155, 248, 0.3), 0 2px 3px -1px rgba(91, 155, 248, 0.24), 0 2px 5px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #5b9bf8; +} + +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(91, 155, 248, 0.3); +} + +button.destructive-action { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(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: #F28B82; +} + +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(242, 139, 130, 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label { + padding: 0; +} + +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; +} + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs-attention 0ms 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) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .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) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .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) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; +} + +/* menu buttons */ +modelbutton.flat { + min-height: 28px; + padding: 0 9px; + border-radius: 6px; + color: white; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + + +list > row button.image-button:not(.flat):active, +list > row button.image-button:not(.flat):checked { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1), background-color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #5b9bf8; + color: white; +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); +} + +/********* + * Links * + *********/ +link { + color: #2196F3; +} + +link: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; + border-spacing: 0; +} + +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(255, 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(255, 255, 255, 0.5); +} + +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(255, 255, 255, 0.7); +} + +spinbutton.vertical > button.up { + margin: 0 3px; +} + +spinbutton.vertical > button.down { + margin: 0 3px; +} + +treeview spinbutton:not(.vertical), row spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) > text, row spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; +} + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { + padding: 0; +} + +dropdown > button > box { + border-spacing: 6px; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; +} + +dropdown 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: 6px 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: white; + 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: 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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + +button.combo:only-child:active { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + 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: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + padding: 3px 6px; + background-color: #2C2C2C; + border-spacing: 6px; +} + +.osd .toolbar, .osd toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd, +toolbar.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +.app-notification:backdrop, .toolbar.osd:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 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; +} + +.toolbar button { + margin: 1px; + border-radius: 3px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + border: none; +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + 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: 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 { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +headerbar entry:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #242424; + color: white; + min-height: 48px; + padding: 0 6px; +} + +headerbar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label { + transition: color 0ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(255, 255, 255, 0.12); +} + +box.vertical headerbar { + background-color: #242424; +} + +headerbar > windowhandle > box { + padding: 0 3px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton.popup { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + margin-top: 12px; + margin-bottom: 12px; + background-color: rgba(255, 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 .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +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.selection-mode { + transition: background-color 0.1ms 0ms, color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #5b9bf8; + 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.2); + background-color: #5b9bf8; +} + +headerbar.default-decoration { + min-height: 24px; + padding: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +window.devel headerbar.titlebar { + background: #242424 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(91, 155, 248, 0.1)), linear-gradient(to top, #2c2c2c 3px, #313131); +} + +window.devel headerbar.titlebar:backdrop { + background: #242424 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#242424); + /* background-color would flash */ +} + +viewswitcher { + margin: 0; +} + +viewswitcher.wide { + border-spacing: 3px; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; +} + +viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus { + box-shadow: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 6px; + padding-bottom: 4px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +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; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #5b9bf8; +} + +indicatorbin.needs-attention > indicator > label { + color: white; +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 6px; + background-color: alpha(currentColor, 0.08); +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.16); + color: white; +} + + +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; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #4b4b4b; + border-top-color: #4b4b4b; +} + +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; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 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: white; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: white; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: white; +} + +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(255, 255, 255, 0.3); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #5b9bf8; + 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.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(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: #2C2C2C; +} + +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(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #2C2C2C; + background-clip: border-box; + color: #5b9bf8; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #5b9bf8; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #242424; + color: white; +} + +menubar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 0ms 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: 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(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.background separator { + margin: 6px 0; +} + +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 modelbutton { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: white; + font: initial; + text-shadow: none; + box-shadow: none; + background: none; +} + +popover.menu modelbutton:hover { + transition: none; + background-color: alpha(currentColor, 0.08); +} + +popover.menu modelbutton:disabled { + color: rgba(255, 255, 255, 0.5); +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover.background > arrow, +popover.background > contents { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: #3C3C3C; + border-radius: 12px; + border: 1px solid rgba(255, 255, 255, 0.1); + background-clip: border-box; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 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); +} + +popover.background > arrow:backdrop, +popover.background > contents: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 > 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(255, 255, 255, 0.12); + margin: 3px 0; +} + +popover.background > contents list separator { + margin: 0; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #3C3C3C; +} + +popover.background .linked > button:not(.radio) { + background-color: transparent; + box-shadow: none; + border-radius: 6px; +} + +s +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; +} + +.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; +} + +magnifier { + background-color: #2C2C2C; +} + +/************* + * Notebooks * + *************/ +tabbar tab, notebook > header tab { + transition: all 0ms 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(255, 255, 255, 0.7); + font-weight: 500; + border-radius: 6px; + background-image: none; + background-color: transparent; +} + +tabbar tab:hover, notebook > header tab:hover { + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + color: white; +} + +tabbar tab:disabled, notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +tabbar tab:checked, notebook > header tab:checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); + background-image: none; +} + +tabbar tab:checked:disabled, notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(255, 255, 255, 0.04); +} + +notebook, notebook.frame { + background-color: #2C2C2C; + 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(255, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 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: 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; + border-bottom: none; + background: none; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox > background:dir(ltr) { + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); +} + +tabbar scrolledwindow.pinned tabbox > background:dir(rtl) { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, #2C2C2C, rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, #2C2C2C, rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar tabbox { + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + padding: 3px; + margin: 3px; + border-radius: 9px; +} + +tabbar tabbox > background { + background: none; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%); +} + +tabbar .start-action, +tabbar .end-action { + background-color: rgba(255, 255, 255, 0.04); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.12); + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +tabbar:not(.inline) scrolledwindow.pinned undershoot { + border-color: rgba(255, 255, 255, 0.12); +} + +tabbar:not(.inline) undershoot.left { + background: linear-gradient(to right, #242424, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) undershoot.right { + background: linear-gradient(to left, #242424, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar:not(.inline) tabbox > background { + background-color: #242424; +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(#242424, 0.6); + border-color: rgba(255, 255, 255, 0.12); +} + +tabbar:not(.inline):backdrop .box { + background-color: #2C2C2C; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +dnd tab { + min-height: 24px; + background-color: #242424; + color: white; + box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + outline: 1px solid rgba(0, 0, 0, 0.75); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%); +} + +tabbar tab, +dnd tab { + padding: 6px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 9999px; +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #2C2C2C; + box-shadow: none; + outline: none; +} + +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 > slider { + transition: background-color 0ms 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.5); + box-shadow: none; + outline: none; +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar > range > trough > slider:active { + background-color: white; +} + +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: 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(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.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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + border: none; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #5b9bf8; +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; +} + +switch > slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: 1px; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: white; + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); +} + +/************************* + * 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):hover, .view.content-view.check:not(list):active, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):active { + box-shadow: 0 0 0 10px rgba(255, 255, 255, 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; + border-spacing: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(255, 255, 255, 0.12); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04); + background-color: rgba(255, 255, 255, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(255, 255, 255, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: white; + background-color: #5b9bf8; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.15); + background-color: #8cb9fa; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.2); + background-color: #5b9bf8; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(91, 155, 248, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/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-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/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-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate), +columnview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), +columnview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(255, 255, 255, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, 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; +} + +/************ + * 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 0ms 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.12); +} + +scale highlight { + transition: background-image 0ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#5b9bf8); +} + +scale highlight:disabled { + background-color: #2C2C2C; + background-image: image(rgba(255, 255, 255, 0.3)); +} + +scale fill { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #5b9bf8; + background-color: #2C2C2C; + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #5b9bf8, 0 0 0 8px rgba(255, 255, 255, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #5b9bf8, 0 0 0 8px rgba(255, 255, 255, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); +} + +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 { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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(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: 6px; + background-color: rgba(255, 255, 255, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #5b9bf8; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #5b9bf8; +} + +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: #FDD633; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #5b9bf8; +} + +levelbar block.full { + background-color: #81C995; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.12); +} + +/**************** + * 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: #2C2C2C; + 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: 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; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; + border: none; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 14px 14px; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%); + padding-top: 1px; + background-size: 12px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: left top; + margin: 0 4px; +} + +undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%); + padding-bottom: 1px; + background-size: 12px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: left bottom; + margin: 0 4px; +} + +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; +} + +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; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 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(255, 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: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(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +listview row, +list row { + padding: 6px; +} + +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: white; + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; +} + +row { + color: rgba(255, 255, 255, 0.7); +} + +columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 0ms 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 { + color: white; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover, row.activatable:hover { + color: white; + transition: all 0ms 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 { + color: white; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +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); +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #5b9bf8; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: white; + background-color: #5b9bf8; +} + +.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: #5b9bf8; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 0ms 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:disabled { + color: rgba(255, 255, 255, 0.3); +} + +expander-widget > box > title { + border-radius: 6px; +} + +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: 6px; + color: white; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 6px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(255, 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:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 9px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.dialog.message.background { + background-color: #3C3C3C; +} + +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(255, 255, 255, 0.1); + background-color: #3C3C3C; + color: white; +} + +window.dialog.message .titlebar:backdrop { + background-color: #3C3C3C; + color: rgba(255, 255, 255, 0.7); +} + +window.dialog.message .dialog-action-area { + margin-top: -6px; +} + +window.dialog.message .dialog-action-area > button, window.dialog.message .dialog-action-area > button:first-child, window.dialog.message .dialog-action-area > button:last-child { + border-radius: 9999px; +} + +window.dialog.message .dialog-action-area > button:not(:last-child) { + margin-right: 6px; +} + +window.dialog.message .dialog-action-area > button:not(:disabled) { + color: #5b9bf8; +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: #F28B82; +} + +.csd filechooser { + background-color: #2C2C2C; + border-radius: 0 0 14px 14px; +} + +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: #2C2C2C; +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 14px 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: 14px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #242424; +} + +.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; +} + +stacksidebar list { + padding: 6px; + background-color: #242424; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +stacksidebar row:selected { + background-color: alpha(currentColor, 0.06); + color: white; + font-weight: 500; +} + +stacksidebar row + row { + margin-top: 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + 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); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 6px; + border-right: none; +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +.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.06); + color: white; +} + +.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); +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 0ms 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 > viewport.frame { + border-style: none; +} + +placessidebar list { + padding: 1px 0 4px; +} + +placessidebar .navigation-sidebar > row { + min-height: 32px; + margin: -1px 4px -1px 0; + padding: 0; + 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.06); + color: white; + 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: #5b9bf8; +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: #5b9bf8; +} + +placessidebar .navigation-sidebar > row:drop(active) { + transition: all 0ms 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-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: #2C2C2C; + 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: 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, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #2C2C2C; +} + +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: #5b9bf8; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #5b9bf8; + 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: #438cf7; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FDD633; + 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: #F28B82; + 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 { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: white; + 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); + border-radius: 3px; + margin: 2px 6px 8px 6px; + border: none; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * 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: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorchooser colorswatch:hover { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px #5b9bf8; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; + color: white; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(255, 255, 255, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(255, 255, 255, 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay:hover { + 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); +} + +colorchooser .popover.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #2C2C2C; +} + +/********************** + * Window Decorations * + **********************/ +window.csd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + outline-color: rgba(255, 255, 255, 0.1); + 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: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.csd.popup { + border-radius: 12px; +} + +window.csd.dialog.message { + border-radius: 14px; +} + +.solid-csd window.csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: #242424; + border: 1px solid #4b4b4b; +} + +.solid-csd window.csd:backdrop { + background-color: #2C2C2C; +} + +window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { + border-radius: 0; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0 4px; +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + background-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.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.15); +} + +windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.2); +} + +windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 4px; + margin-left: 4px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 4px; + margin-right: 4px; +} + +.view:selected, iconview:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected, +treeview.view:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, calendar > grid > label.today { + color: #5b9bf8; + background-color: rgba(91, 155, 248, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected { + color: white; + background-color: #5b9bf8; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #5b9bf8; + -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: 7px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #3C3C3C; + color: white; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #5b9bf8; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(255, 255, 255, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +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 * + *************/ +.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(255, 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(255, 255, 255, 0.12); + background: none; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 6px; +} + +button.emoji-section:checked { + color: #5b9bf8; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 0ms 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: white; +} + +popover.entry-completion > contents { + padding: 0; +} + +/* 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 #2C2C2C; +/* +text widgets and the like base background color */ +@define-color theme_base_color #2C2C2C; +/* +base background color of selections */ +@define-color theme_selected_bg_color #5b9bf8; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #2C2C2C; +/* +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 #242424; +/* +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 #2C2C2C; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2C2C2C; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #5b9bf8; +/* +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 #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 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_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +FIXME this is really an API */ +@define-color content_view_bg #2C2C2C; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #2C2C2C; +@define-color budgie_tasklist_indicator_color white; +@define-color budgie_tasklist_indicator_color_active white; +@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; diff --git a/Cutefish-dark/gtk-4.0/thumbnail.png b/Cutefish-dark/gtk-4.0/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..09ba4d839cc32c83d36be70c97343d04efac01b5 GIT binary patch literal 2075 zcmV+$2;}#PP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H12dGIz zK~#90?V3w$Q`s5EfA`_Xwc{jZ$P)w!F)@PzA{A1VsYC`clmS+h0%}!86*HZY=ni$+ zMb%BKcDC(?LaVARVlmrFEmTvAgc*qz)I5O1851esV4TDziS7IH?ZRUdhwE2J2F3Wl zvcLP?|M|}O-*e7)zI%nfzCMdOY8K+_4xoQN-C$W3rfHH+r%9*NSXOPH5=#m!iXu%-O~`WD=U~G?5Cmjd zrlFw$x7$r3ksy=FR8Al{QQHR5TL&;217uvA01(wVq{Ks<(ObBp{{~ZAU4U!MFBB_u z2!cR!b8}6JYX`$Hh{xj<&19|P5Xqe%kx^Pp`iZHhc*ZZ{ocUK(v8)Hb)Y{tmbGr+Q zqTqJBs|s)&ahKK}nLTZg8WbRA06B zcULv|^79Y?YS;JB+YhWce-7pNi*B%$WXqkMog6%P@I_;)N+c5D&Ye4`s#;Nie!riE zg$15IeOh4m`FwPBbum0VToKQ!plDx3nN;tGRr5I`pW_|=73%iyk_>!8GVlpa(I8~> zHQ`^0qWrw#IapB?y1Tmx27?5HLB_|&*}Z!=r%s)!m}CF`{p{GW<0X4bOAA9oL$4Cv zD?@8LfT?s;b&u=GHN5}(C4yyQIT`^l-EC;C-(C}bI~3!G3eLfmARG?ov(RKR$(b`} zkR%DyG-+;brn9q?v9Ynde`jYWPNx&YFlcOSWXqN<^!N9pX&R%Wqqtly{C+>OEYsiL zpKl``kLNkIZ{JQ=R~M#fGC4U(BoYCjqoV`2+s)$QB7J>*=(^6x$VkDxl|pNMrz(Hf zlWTZ}e}h1V)Xon{?f8BH*UGH7B!5Q7GyZ#Ak?R1c9q*Cs{Rl)y(OB)W>NU-xL{X%> zyPMhBSxnOepslTq!NI`-zd#_szJ2>}I2=flge=SXVoDB9rxQ^W^Y-Nl-@w2CCr_Tl zG)){12WQWorLV6KfZpC-jvP6{(W6I6r_;2wv~cd+Ib1GR)%`Ji{(}F~SNp0RN{I_# zHujd~Uk=a2W!zJrA!rE%ErEOLGdvT2DC%#=4{J1oFI>0)fWzS+olbM*%9V=l3x~tZ z&(AY8HAOHO%-dB}Wo&E=zu#YA2k>}23=R%*_3Bl^;V=O4c$~wB4>LMC3V_Sy;?ku{ z=(>&|2%JBEo}Qkbf>opvSnju8v>W;(uF1c$wCAU2o!=?&b4EVLGx8|{8It}VkzOG# zKxP@29sf!=BmcCqT_+j%*w){UAJ$0V%a<=>Syp~YJ$?E#7cX8cdGuH zSDtd)LGHM-vS?vh)~ebRwYmK7bk}K;fsgYdJ0Jg}a&ZAsowc#e*?4B5Z8>6Nd%py~ zJ=dDoAr(bIlBE0$T3TAd>-FY^fovkQxVQ*p#jrbv7PH4n&ds6-5zU*O6rzhr@wk7~H>qpKI5y<(J7!CPOF`V(ZqeY}>Yta5&7!$OwrTbp@CQ|MlzWMU~+O2UDxsZ{WLZ{x{)^{+P0$5*t zQX{By$ngg_pWQ-^et}?<@VpNGk^)0^sdl+sxZQ4KS>Eu8mt|QPhCw==Mpe}}`=dL^ z4oL0`#5y(}YI}pNqb_i*qb_ibqb_ibqb_ibqb_ib&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXpdxNh7sn6|+2n)?%nS^Q4DvZC RZ%u*144$rjF6*2UngD+K9w-0+ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/button-active.png b/Cutefish-light/gtk-2.0/assets/button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..6a3942cb181019a64e85b626f0164a53306abfd7 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`wFK$;*}7Qy5WRK!yf zV$MiP#CYqLY#`5egYzXXZoOnPm(7MoF_uLVM#@Iyy?oGGz4jfSEvh8GI Y5URQN>qXUqKOl#By85}Sb4q9e0LB7IQ2+n{ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/button-disabled.png b/Cutefish-light/gtk-2.0/assets/button-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..0be273b6acb6827e8cfc7b0248db456007ca7ee2 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`wFKpG7^(3V^T6k;n0 z@(X5QWM*Y!?{6z)1d2F$x;TbtoKH?jDB?ZJaFC0Krzhfwv$HdcM1<2uCU&;aH$sj) z>u#tvNjeoa1a>Y|YBbI&RAZZSl0CgCIl<`YEEmSFNjLBFd`-jMfWiDQK PK`!xh^>bP0l+XkKC^0_3 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/button.png b/Cutefish-light/gtk-2.0/assets/button.png new file mode 100644 index 0000000000000000000000000000000000000000..daeaec7778ebf8c68e0ee229754a4882ae426d0f 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`wFKpGPWF)}Oxin5mk z`2{mDvT|~9^PFLQX$TbZ@N{tu(Kw%+kYMC{nBgE74^K~CW`si*1GBeO*n;nD>kMf#kx2+iN>C|qn<81(nR2I-G5yoQnGXt70~stVStd>TrG6V^xu>h2 J%Q~loCIH$WKY#!L literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/checkbox-checked-active.png b/Cutefish-light/gtk-2.0/assets/checkbox-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..f2684b78a640ee66425f1c8f83ee13a08e441c3a GIT binary patch literal 491 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LCuX@-XX459xS(#~jy zURBB6CXsYXJmr*l@@esu(_%@dB$JOyBps7TJ}!}TTrByxSn6@{FRec21Z$Y0A_!YuBycu<6Fl+js8XyZ_+f!$+ULe*0&1^vVaI zwvC=Hjv*Ssb0?e>YBCUTX=mWt#KqCX-Lc}}zyJS(51H+}w0!0FUCWFVZ%J9}%-)xO z>cF+14_h_op59>5sA?>>uuviPTgDGA3+3(B=k(KBzW->N@cGmdi4Rj(Z25N}P~+nd zfAf3nQmQHfolRdEExTJ>&RN)N(%makqk&p7}4lB1uxqfS-7i`-&rKS4pa?v=pYU{Kh5y85}Sb4q9e E0Q%d^B>(^b literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/checkbox-checked-disabled.png b/Cutefish-light/gtk-2.0/assets/checkbox-checked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..3ba34ed9ef3a3ab803c1cb54fb8fc4634596e5fc GIT binary patch literal 431 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tsmt_=LCuX$FS>4FCT#H2jw- zd?Q`?a}rHfujm%flH0ixH^#m}XSo=X+K=snWP3p8H7B*-tAfsv6(T1G}zPEJloSKq+U z(#p!(%gfu_$H&(YRO_Ur;n_>hAxkQ5vlm z?Dxi78e1|lUEHr(ow~+!m3HyHH5`%IZAV3QHg_mJp50k&^oLkqowYP4KGF!g>uVQ@TDfxRpGz%?3 O!RP7f=d#Wzp$Py}GpD%# literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/checkbox-checked-hover.png b/Cutefish-light/gtk-2.0/assets/checkbox-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..d576c01878df4a5f5192e3aa4636bfbd458b34d9 GIT binary patch literal 491 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LCuX@-XX459yxXZ{au z`0qLCwsq@U>-M)+t?w+`-&wT0wrP85)B4i7?UhyQE33BGRvoXc+TU2Ufsi$j1hU&- zS+>2hZhr-qdTrVM#=8BDO~)H+5PEIh{@S|Z6;KU`(f%4JZUd49ivzixAhubLfi=(> z+9g4L!3<2ytZeLI;SrJ1v2pPUot+aVPMR`x&DwSAH*C6b^Y)#)_wGM<`0&x^uiyR| z9li1asBNRCi(`mJ@Z1R}g_;ZmT-q79HgRz@ad)gZ`0xM!;6r9RFD+mBeb+K0#amL= zIBL6t$QUfHy9N5p00i_ I>zopr05_7|(*OVf literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/checkbox-checked.png b/Cutefish-light/gtk-2.0/assets/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..74291fff32747899a61cad0bdb97cc188a753f66 GIT binary patch literal 491 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LCuX@-XX459ylq;cAR z?S`vTMK7dEUPu+clq`8ES@cr6__=h^bLo=jAn~G?Qb0yAm{I%^s74AX3sMXe0h2&R z2~Z1|4G{;c0Vx0@s1%F~5xjMDuL#f?+9g4L!3<2yEUavP{sDo(A)#U6^$qPEon1YP zmn>bjeAVSE*RJ2VdF%F_yZ1hR{_<~g=pvBwH+s4_hG+!Oop4g9$w0uRoq=l;7e^C! z$BKjh{{Ig?WVZ9t@|E9rEi+QQC1tHMdtd&k1J`~&Y}K55dV@uys~3*6XJL1G)xk9~ zTZNt{_IP%*Du*i_$Oz->mzP+-XX_LN@v42+vnIWKWKnDsbkF}gTe~DWM4fr47_f literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/checkbox-mixed-active.png b/Cutefish-light/gtk-2.0/assets/checkbox-mixed-active.png new file mode 100644 index 0000000000000000000000000000000000000000..c32b1146112adae1440c8fcbac961884b0babe58 GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XX459zEL$9jj zZj(qlC7yChJo&VE%4xBrQJM(s954r@#JITNkH+VAn`=7Y|_z7Is6ZS_NtWx`2{mDF|)CUg-1k2 z$Hv7cOqe)n%GA|s)~;K>;r5-o_wGM<`0&x^uiyS1`MS*osH4x*#W6%ea_+&~QceyM ztQT~HIb4@AcS^neUVr4-cT1CJ=b|Efmu_G6dR6qIgw80wSpu8ScGeg1FBaC7WD^u; z`Vw-ub$gS?%MQhNB_aZ*vZ5`^8aa7+7iK0nJ!by6WO2)mONDJ7FK#&h(AV3-wRgg{ z_hQX+rZKz49lQDcMWWaqixuS?eiQ~~{oV1VcFkAjAU>@N3NJps0R^I`tDnm{r-UW| D1cI>> literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/checkbox-mixed-disabled.png b/Cutefish-light/gtk-2.0/assets/checkbox-mixed-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..f4cd89bfbae0407cffe39968b3cbd9c735892652 GIT binary patch literal 375 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TuZL_=LCuX$FS>3=RKf3g1YV zJ&`VZD^>JXD*u^OIS{>*E_x|l`bw(ksdT{;>5`W~h7?ewD2`iGd6Va7>kzOGW>j1K$e^L$dN-F8#irms9>`&{2(xo(T}H2K%3k6NPDZf%ju@Z z3)04Z$>GMIol<7LC=8fpzW315TM}zUg?34%zkhx)!{#fyM!$@CMflRQpkVNH^>bP0 Hl+XkKk5Y+y literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/checkbox-mixed-hover.png b/Cutefish-light/gtk-2.0/assets/checkbox-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..4635e4f17d47aefd99b7db8a21612358c92b039e GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XX459x+8~%Gv zx^3P1*1G+zRqH#;_IDO7uWj01+O)p3ZhK|b`pT;Pja3^6Sp!KB8z}P1vh9_1`zx!C z*H-PXtvlXWcf7U+F+frvM*C}#Z)_mqKyD|9y*$M^6KJnmNswPK0~0eFdsuix zWOQs?e8Pl@lcr2vy=LvY^&4*AxqI*agNF|veg69G-;uA|T!1?IJY5_^BqZk^ye;MA zAi;V;H<-h9DRZaP+wb*9o_)78d3G);!guNRRj*e?FG}c);+rL~`D|x>5&vRgT}d`U zai%XJhg-KddA#gUd{-hOU@9xxvaFGlmv>=ig41K>k4qM}?6_3e=JDc&^ACN!EnIsi zYlpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XX459yx)BbBW zT$L(%Ayx81s`#a3$xF$im(s=0rHh_RmpliF7r&4ydI^*Qqvs$gkV>E+m;^E)T#$n2 zAaO8~hB4qGK*r)-PtOAFRVxYd3ua(qW@Yp94+snn2@MNx@96C6S+sb`(q+r9UB7Yj z*6llY?|uCI<)2$}jS^5tpQnpsh=kmMw}or(gl+G|n&(Voc8fc9^ZScLu{{ve0&26L{C>gmvv4FO#n4sw=4hv literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/checkbox-unchecked-active.png b/Cutefish-light/gtk-2.0/assets/checkbox-unchecked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..b2112ca569498d2845ef95489e8451f994a705ec GIT binary patch literal 510 zcmVpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10gFjQ zK~zYI)z!~RRACs$@lRvY4P+!@i`LxMW zmM+9a1ZlJmBC!_lbMVY`#&?`?;|~tcIq!L%-}gQ5dH-a+3-*JBnvv`Xq0b0hA(iG+F1E($>IHPCe zkj8vbhjGsxnO6fejXO?{%p>fE=?0E7K9^Yk03XjvDaE@CPXGV_07*qoM6N<$f@h=S AApigX literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/checkbox-unchecked-disabled.png b/Cutefish-light/gtk-2.0/assets/checkbox-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..ca92669d668c7fd7227da405ad7972a4224fd878 GIT binary patch literal 404 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TuZL_=LCuX)1yvi6_b*dkyTRG)G{?Qx3RTz&|dZH5Kz@ZPZ!4!jq`H@FNz%&5aCW+ zyDhA1;{X2_ZO`0%vC-BfKhL9xc?Z`{8N=rlI-BOtKGJ1kp8W7c!q%W$Y?nIuA4XiO z5{iEK?_%Q4`uYB?p}uPC*4{t%#czW_$25UPHim)=-vo7S85DxPx1_N!q^z13a3=ZD zvFG)g^=9=UpXV2*J}Qga5H}}sS)gh|@=Z5Yr#HE8t6y96+jBJ-*gcckE4ZUe+~g9s U?J4u=J)jWsboFyt=akR{0F!EWumAu6 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/checkbox-unchecked-hover.png b/Cutefish-light/gtk-2.0/assets/checkbox-unchecked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..95cb359fda49fe5ccdf8cec3419856184b2cd331 GIT binary patch literal 542 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts;*@Ck7R(t{Hy%Vtdly3DvF z$S;_Ik%^gwor6YBCVfP7M@fbrcj37Z3?t^6bC;xtT!=WM%oEO)_~I zy-f81ROf3&2P=j8?Vw>3KD5;2C~ z`+9BiyLa7A=yjUR9ChgVqn?OZL&sw~4~6jNgv^nS$VyoFQ_knZkGopGW$K>DELaeK z-88GENZ{eJ@>9&kZuJM_PRG4JxNVViuSD5lRbAFoN4Du$Yku^4%3k#P-{L&)MGoIL hXJ3x-+voT1sPtzxG4Un3d+&kb%G1@)Wt~$(699Rok$C_B literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/checkbox-unchecked.png b/Cutefish-light/gtk-2.0/assets/checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..6496e929c0c27b056b497cc418312f3a9186118a GIT binary patch literal 500 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TtB+_=LCu=>Y^y+nV11t=B3E z@(X5QWMXDx7Zp=fQrFPb($+CCH8Z!cba8bH3s;RASn91(I0@QWT z)5S4FLUQiG=&~jQ29^saotu>+SdKXPGMgQ{`Jb)&kfZAUd)@sjA3xYr?!0n>MqZ2$ z`<|2BmAO6FmTgQ?|4{O9uh5K6tqq44J+M9OEjA;0S>B&Rr#dG)l{^VeaE+SQQ5T_n zag)1AQFqHi=O-&C-ngLr>550rkM@iwVw}$H841lUr}JG@*BfyNcagEN3zfRsA6?#n_KqfD7$k^`9F^wouRz&)V<38x5c^U|6>2HCV1Pm RBFGIC1D>vaF6*2UngFJ2j++1g literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/combo-left-entry-active.png b/Cutefish-light/gtk-2.0/assets/combo-left-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..a70672da87fc2815808ca085b9360998f413e302 GIT binary patch literal 326 zcmeAS@N?(olHy`uVBq!ia0vp^57(Q6~6!? zt0zg9!PW=)1v9X7@JL8X%gTjEL>3el6`wqP=F*j$x4wLtw##BIP*I4di(`n!`L~yL zGBzkMIA2t#c+eY@_TN>u;YRe2+u>>qyKL{|FfDTt-F4*6+}uM4Z6XBqs1AyYc9bhlk|r;fKiL-Lh&<}+2-#N?I;2uB~EGA9OTK7*&LpUXO@geCw=J9U)+ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/combo-left-entry-disabled.png b/Cutefish-light/gtk-2.0/assets/combo-left-entry-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..bec439a26851eed2217f4b040b1ffe7052a87617 GIT binary patch literal 208 zcmeAS@N?(olHy`uVBq!ia0vp^5&O`=Z>b*T?6Et^J3&=(k1b;+kAy+O zfd)n2Jyal1hj{N!PC{xWt~$(69Avb BMz{a~ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/combo-left-entry-hover.png b/Cutefish-light/gtk-2.0/assets/combo-left-entry-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..d896386eef15d41340d3b0a339468eb5439ec797 GIT binary patch literal 282 zcmeAS@N?(olHy`uVBq!ia0vp^5;7sn8d^KU0PG93^QIKsAiMbf|jQTztg z3Ro!I0g!)(V}`g%fnE8Z<#dynVf?c=h19A8Dd Y^R6rsm~Y5^DFWn9Pgg&ebxsLQ04xbd&;S4c literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/combo-left-entry.png b/Cutefish-light/gtk-2.0/assets/combo-left-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..943fac58c036a9e2e32af7b01326725b5afa7da4 GIT binary patch literal 216 zcmeAS@N?(olHy`uVBq!ia0vp^53 zek)(?|Kp*z__U7fwA}T?p=1~T$py#eam_ivD8XpBJ$|!=$?AZheGRL$zBlM39{wXb zL9LNR$U~t~<3S+vcBvOx3l#Ub&a6)V^WxC`=a0_y8Wt44E{?O5;fVUIlB)u=kipZ{ K&t;ucLK6V|ZBEGm literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/combo-right-entry-active.png b/Cutefish-light/gtk-2.0/assets/combo-right-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..54bafd176f792541447141fa08fb8d0ce4c6797c GIT binary patch literal 337 zcmeAS@N?(olHy`uVBq!ia0vp^5$#s&ic=Zl;9C;JvLZTUZsC*fl7huh&^O{=VP!dwn`HFt!W z2D@!y3EABhS!ndIax*^XUi7fN+qU}AR(-c8j90IU6t8=| RDHmu3gQu&X%Q~loCIHmQd!hgU literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/combo-right-entry-disabled.png b/Cutefish-light/gtk-2.0/assets/combo-right-entry-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..52934069b69644e27b93fa7ef5d3619c49720612 GIT binary patch literal 204 zcmeAS@N?(olHy`uVBq!ia0vp^5kE%jZZs>8F+Bc4wW4Bn z@~g~nhpAN;L_bXDNl{>yJaM3&?bMa+>l(ISd9K%>81{1Sdv-oO)7k4yzF*|LZFjBF nW47?VK=*$O4(WfJ=Xac4pGU4Cb!Lb$(De+Su6{1-oD!M<3uALr literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/combo-right-entry.png b/Cutefish-light/gtk-2.0/assets/combo-right-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..dd2118a688a98aeccfe57bff5dc1acf7962d8d1d GIT binary patch literal 217 zcmeAS@N?(olHy`uVBq!ia0vp^50j m_e}1(eA{zJ6PKkxv#10^v0QUFo4v0l$Qn;qKbLh*2~7aW#5HUH literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/entry-active.png b/Cutefish-light/gtk-2.0/assets/entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..aa7706bbc3ab41f8e4972f6ed0b13fdd52840256 GIT binary patch literal 423 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3-n?Hl6taq&N#aB8wRq_zr_Gh=2eNTE0To|B?}%(7Cw?J zcqCEyNUHFeWDyie6+M$GdMFu?55QvJfDPjtj$TVIjlUH vEq47Jp#>j)DbHTVkZ{XR>-xvbDhK$V95Qd>lQq8zbP$85tDnm{r-UW|4%DL@ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/entry-background-disabled.png b/Cutefish-light/gtk-2.0/assets/entry-background-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..7f3aa5eee236bb06f7486bcfd66c1632039175e9 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>$2?^;yoRHK2 YG<^mGx7r4a89;dkPgg&ebxsLQ00HMBo&W#< literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/entry-background.png b/Cutefish-light/gtk-2.0/assets/entry-background.png new file mode 100644 index 0000000000000000000000000000000000000000..72facdb042e7aa96451a3a4f4043957da32ae0a8 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>$2@etzfFP*> YX!<<{f!`qpmOyz1Pgg&ebxsLQ02pZ_bpQYW literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/entry-disabled.png b/Cutefish-light/gtk-2.0/assets/entry-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..0be273b6acb6827e8cfc7b0248db456007ca7ee2 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`wFKpG7^(3V^T6k;n0 z@(X5QWM*Y!?{6z)1d2F$x;TbtoKH?jDB?ZJaFC0Krzhfwv$HdcM1<2uCU&;aH$sj) z>u#tvNjeoa1a>Y|YBbI&RAZZSl0CgCIl<`YEEmSFNjLBFd`XtRLfd)yG z1o;IsFfns+^9TwFt7~X#Y5Vy4`3D4tN5>?F^HpU7)f9NTIEGl9emlictXV zYW!+lp&vBEp{m9GM|z^w0;|a{);Z0aao~5@u|KnK=Es_uZ+gv|u=7V) Td-q|62FRnHu6{1-oD!M<1Z-g3 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/entry.png b/Cutefish-light/gtk-2.0/assets/entry.png new file mode 100644 index 0000000000000000000000000000000000000000..daeaec7778ebf8c68e0ee229754a4882ae426d0f 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`wFKpGPWF)}Oxin5mk z`2{mDvT|~9^PFLQX$TbZ@N{tu(Kw%+kYMC{nBgE74^K~CW`si*1GBeO*n;nD>kMf#kx2+iN>C|qn<81(nR2I-G5yoQnGXt70~stVStd>TrG6V^xu>h2 J%Q~loCIH$WKY#!L literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/flat-button-active.png b/Cutefish-light/gtk-2.0/assets/flat-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..6a3942cb181019a64e85b626f0164a53306abfd7 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`wFK$;*}7Qy5WRK!yf zV$MiP#CYqLY#`5egYzXXZoOnPm(7MoF_uLVM#@Iyy?oGGz4jfSEvh8GI Y5URQN>qXUqKOl#By85}Sb4q9e0LB7IQ2+n{ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/flat-button-disabled.png b/Cutefish-light/gtk-2.0/assets/flat-button-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..34d490f145b113fcf9468ba1fd850f63caa72f2a GIT binary patch literal 195 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s#0(^(n65+uDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDUi+ppAc6d4FS!`FAo4&%q2m7 z!3>N{yvb8G1Gze$E{-7*my;7>SlRh_VmQt*vFWm;vpS14ZJv}UDkQN|W(tENr`8k) b7rrgTe~DWM4fE3PpG literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/flat-button-hover.png b/Cutefish-light/gtk-2.0/assets/flat-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..de5b6182cfb5b0e25fea90bbfad3b334e8161edf 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`wFKpGdA68J~~D92e6 z-jMfWiDQK PK`!xh^>bP0l+XkKC^0_3 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/flat-button.png b/Cutefish-light/gtk-2.0/assets/flat-button.png new file mode 100644 index 0000000000000000000000000000000000000000..34d490f145b113fcf9468ba1fd850f63caa72f2a GIT binary patch literal 195 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s#0(^(n65+uDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDUi+ppAc6d4FS!`FAo4&%q2m7 z!3>N{yvb8G1Gze$E{-7*my;7>SlRh_VmQt*vFWm;vpS14ZJv}UDkQN|W(tENr`8k) b7rrgTe~DWM4fE3PpG literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/focus.png b/Cutefish-light/gtk-2.0/assets/focus.png new file mode 100644 index 0000000000000000000000000000000000000000..cf26e66f2aa7a7dda090998f9651a8ddd532ccaf GIT binary patch literal 221 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2ZGmxy8xzq=wI14-?iy0XB4ude`@%$AjKtah8 z*NBqf{Irtt#G+J&^73-M%)IR4+}k^B3w$rC7M7nZ_ZWkf4*Qk)FVi l#K9@Zcv8$Ul&O@JlYt>5fIHiW516;Aa-kC+9z^1JyBjy85}Sb4q9e0A&&<`v3p{ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/frame-notebook.png b/Cutefish-light/gtk-2.0/assets/frame-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..ddb5196844483e0c0bd4ff117df3a003cd79afb3 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_Gm}#i5+)=!FsZSz mv9f!p%OZc^k@O;anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt)oXE{-7_Gm}#i5+)=!FsW($ g?Pvr7!ALd+(bqnYr0^QL*9iJN+l} Y|8+(BcvI`<01adCboFyt=akR{0DF}=&Hw-a literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/handle-horz.png b/Cutefish-light/gtk-2.0/assets/handle-horz.png new file mode 100644 index 0000000000000000000000000000000000000000..a7263884904444266d3febdcad05e5ab65b5b91b GIT binary patch literal 179 zcmeAS@N?(olHy`uVBq!ia0vp^0zk~d!3HGTx9oodq&N#aB8wRq_zr_GXI^wPy?^yi3ms0fLU~8Wh`|2CdJ~1-=7SiiBghQZU-&t;ucLK6V^Eju*; literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/handle-vert.png b/Cutefish-light/gtk-2.0/assets/handle-vert.png new file mode 100644 index 0000000000000000000000000000000000000000..567a28144bf7fc00d00e69de252b901d6d430ec3 GIT binary patch literal 173 zcmeAS@N?(olHy`uVBq!ia0vp^EI=&4!3HD^x83^;q&N#aB8wRq_zr_GmmtT}V`<;yxP*FmFPlzj!W?=Zw@c%zU!+*i@ zyMpEK6bkN37Ce(Jc_CB&Lb~*oRM9J`f@e~tuO*A0Nfy7BEPN(e_DrJqxpc`(siK!s z#m}URfb17CMbBkQf#{VqP^$P9P*AGmg;ep2>_;j#KpPZFg8YIR7#W%P`2{p}bPWuR zjEs#& f9Nxt9T;>7ybz>36rM)h9L4o7x>gTe~DWM4f59FF3 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/menu-checkbox-checked.png b/Cutefish-light/gtk-2.0/assets/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..b73067fd06c3e25da79f03e597d49c3e1d0d354b GIT binary patch literal 435 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*FvIPlzj!W(fVy(D2_l?Z0-z zRh8V^62;FY3ZILYypSn;Ayxcby6B};$#bdVmy#vVC5vB37r&4y0;6J(xFk?P2~gP! z$>NvNAY~vn1c6lIMj@=zT!2=qmjw9*GcdETvaxGv>*$u%Hg)#)O_(@&%CzZ=m#<#4 zd(Yl|m#>b|wO{}M literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/menu-checkbox-mixed-disabled.png b/Cutefish-light/gtk-2.0/assets/menu-checkbox-mixed-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..db5fe5fbe4d544d832f4be9a88ca73487767db82 GIT binary patch literal 334 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?2kZPlzj!W@z{?SbkTq{GCF< zeW{{XQU%YXN?%JBKa(teEm`)CfxQ!b zdwnJz@x63TuXFYi{n=78J$oA;tg2w|))L&XmmtT}V`<;yxP*GHXPlzj!HctDm-EdVU_qIgw zbBV&|;w3L+3SUT;JeMqfAzl1JstAmVUrK>Qo=X8mUbdz^Orw=Q!00D11ik&ba4!kkPJP@F4U~R;CfKK z>|%(C*1zBJ#u3LFW6QS6UN3#4<@YoB@^=NI+J#I z%$liMIPptz(4mW(7XvC?YZ#lA#0>K9#z{85+{@*`=$VG OW$<+Mb6Mw<&;$VAd5@_8 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/Cutefish-light/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e8de0556740909da3e8b80d558898da61aa83472 GIT binary patch literal 340 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?3FrPlzj!rUYzOZPEwo7cB|$ z3ua(sVrJpy;Zs&oRns>xwY0Idvv+v0x4{;upw!dFF+^f&YX3#CW(6MS^#%!R`B*>w zzrTyU^jz}2D*wxB3@WSFhI+r@`aD4;vx0#`zEs;#?0poILH60-S#eJ%xY?(js8#Vf z=C8MSRm_4FmqhdhuD*M)^lhf$&%ZAo>;98J)39O1Z^>FFj=E`^Uw(M^^*-kV?p_PF Ul{1SssepXw>FVdQ&MBb@0NssW8UO$Q literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/menu-checkbox-unchecked.png b/Cutefish-light/gtk-2.0/assets/menu-checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..5846b31dc17bd011a0acda3ebcc9e2f2c06c4aa9 GIT binary patch literal 392 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GHXPlzj!rV;4&j0*%BEmsoc z7tFxS!p1HtCN3c@BkS(r>E-Pc7oU|~R9RJ1TUXy;bl$>sG3VATZL81~V=&I> ty>}}-##Dkq`1HpZgZAsCn$NFXWw7TD;;i0mn|lNlDxR)>F6*2UngE_pYL);1 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/menu-radio-checked-disabled.png b/Cutefish-light/gtk-2.0/assets/menu-radio-checked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..2c2d532c196c38032d070477cb74146672acb456 GIT binary patch literal 375 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*He*Plzj!W@z}Y(C}ZT@Ucwc zf5Gy*g5~cN3hql5Jd-GXE>-kOs^FPa>1)a2XOhLQB@3TPmVv~ji=IoDypSn+E>j9b zucUz@#jk*ZQbjMMN?u46zj*iHt_9F!*^(f?UkN0GG2y?@L3)8B(o} zT9~qGKb#a|`jt_ECy$45$F9ZAMsHoUGD4;YPYdnNIvcx{X+?&`B`-~H|R*V|Uhs{6AKXXgj@8}>bydBAzmmtT}V`<;yxP*G8UPlzj!HctDm-EdVU_qJ&1 zEBS)gvSqJj3g1W+KbI(cE?)9NrtpPS@pGw?=TgNlBuk!47Qc`#ej!x^M#V3I;*vmF zpa=|sWbq=44(6>uTUASf{DK)++1Mo{rKGjAb#%+hD|-7TOq@Jr+VtIf_U^lUz zpTGS4^Ve<5?{c7qMo$;V5D7`&gPeR#1`I3*Sho~KJpH7@vE|MG{V%jQU-HzgDvOx5 zP;=wSJnjEZ^PM)Cm#-H&Fn1!~iZC~)#VGao1*dHs4Ps9&w413(s%< Q0y>7l)78&qol`;+0Bl&M6951J literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/menu-radio-mixed-disabled.png b/Cutefish-light/gtk-2.0/assets/menu-radio-mixed-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..db5fe5fbe4d544d832f4be9a88ca73487767db82 GIT binary patch literal 334 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?2kZPlzj!W@z{?SbkTq{GCF< zeW{{XQU%YXN?%JBKa(teEm`)CfxQ!b zdwnJz@x63TuXFYi{n=78J$oA;tg2w|))L&XmmtT}V`<;yxP*GHXPlzj!HctDm-EdVU_qIgw zbBV&|;w3L+3SUT;JeMqfAzl1JstAmVUrK>Qo=X8mUbdz^Orw=Q!00D11ik&ba4!kkPJP@F4U~R;CfKK z>|%(C*1zBJ#u3LFW6QS6UN3#4<@YoB@^=NI+J#I z%$liMIPptz(4mW(7XvC?YZ#lA#0>K9#z{85+{@*`=$VG OW$<+Mb6Mw<&;$VAd5@_8 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/Cutefish-light/gtk-2.0/assets/menu-radio-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e8de0556740909da3e8b80d558898da61aa83472 GIT binary patch literal 340 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?3FrPlzj!rUYzOZPEwo7cB|$ z3ua(sVrJpy;Zs&oRns>xwY0Idvv+v0x4{;upw!dFF+^f&YX3#CW(6MS^#%!R`B*>w zzrTyU^jz}2D*wxB3@WSFhI+r@`aD4;vx0#`zEs;#?0poILH60-S#eJ%xY?(js8#Vf z=C8MSRm_4FmqhdhuD*M)^lhf$&%ZAo>;98J)39O1Z^>FFj=E`^Uw(M^^*-kV?p_PF Ul{1SssepXw>FVdQ&MBb@0NssW8UO$Q literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/menu-radio-unchecked.png b/Cutefish-light/gtk-2.0/assets/menu-radio-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..5846b31dc17bd011a0acda3ebcc9e2f2c06c4aa9 GIT binary patch literal 392 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GHXPlzj!rV;4&j0*%BEmsoc z7tFxS!p1HtCN3c@BkS(r>E-Pc7oU|~R9RJ1TUXy;bl$>sG3VATZL81~V=&I> ty>}}-##Dkq`1HpZgZAsCn$NFXWw7TD;;i0mn|lNlDxR)>F6*2UngE_pYL);1 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/pan-down-alt-disabled.png b/Cutefish-light/gtk-2.0/assets/pan-down-alt-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..db1d361493c4e5a1276cf46dfb58524bd22506bd 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|V6^8V*cfnok3ASW1HY zf*Ir$oi;4l-T~w*db&7Hsumm&b@iK5Yv(>tJ Rn<|1#@^tlcS?83{1OQ_XFr@$h literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/pan-down-alt.png b/Cutefish-light/gtk-2.0/assets/pan-down-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..820e026c74ff14181de813ad48a0c5391a69735b GIT binary patch literal 190 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&KtBsu*Ckj22@>FVdQ&MBb@0C5XCJOBUy literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/pan-down-disabled.png b/Cutefish-light/gtk-2.0/assets/pan-down-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..567f441a4a46d1a40b7a7a9f5fad2c6df2a0d84e GIT binary patch literal 190 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`;rn8ew;pVK*6;qEr;!aF^jXY9`gptrch%$=7cr_BLjmy g2bNZf1aLAi=zZj$xG+yP1ZXUSr>mdKI;Vst05n`VC;$Ke literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/pan-down.png b/Cutefish-light/gtk-2.0/assets/pan-down.png new file mode 100644 index 0000000000000000000000000000000000000000..f664be1c2055ef45383cba97de204678cd703339 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|V6^8V*cfnok3ASW1HY zf*CUM@0CTC>;&=^JzX3_IHHpi4sc8S|DT_bu;M>^%BlYhLT~sRSb~}Jco{gH*=pUq RO%*{VdAjanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt=AJE{-7h?sMRZPk+B4m6U%)78&qol`;+00tj5s{jB1 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/pan-left-alt.png b/Cutefish-light/gtk-2.0/assets/pan-left-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..6309016a2b527a5339a0f1373eaff9d7b4f91715 GIT binary patch literal 192 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;ZuE{-7L}t#za|FHi2A@g%JuF9L9>$5)u;cj0_A6 hfcTD*)7tanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;ZuE{-7$5)u+|h6V-( iMg|6Z6rA1$urR#m<}BU#M8FzoFoUP7pUXO@geCw+B{z@& literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/pan-left-semi.png b/Cutefish-light/gtk-2.0/assets/pan-left-semi.png new file mode 100644 index 0000000000000000000000000000000000000000..efe18079cfb61cea60421874b7e5f44cc82ae96a GIT binary patch literal 191 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(>DE{-7HJR_N-aE literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/pan-left.png b/Cutefish-light/gtk-2.0/assets/pan-left.png new file mode 100644 index 0000000000000000000000000000000000000000..ae7f93db4a30423b4f379dbfc66f5461fbc752fb GIT binary patch literal 178 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=YRE{-7NAb;#H>Q811;{xf&Y%B9`H{x5oVI)aj9q&an>l~3_IY{!kE6`i>FtNVFx3_`egza UY^oZ51C3(vboFyt=akR{0Nu(r7ytkO literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/pan-right-alt-disabled.png b/Cutefish-light/gtk-2.0/assets/pan-right-alt-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..d11562a468b7d57b7a3c309c9bcb58cb40455b96 GIT binary patch literal 181 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)cTE{-7wma=fn|KbaoGHQlAxn)#gTe~DWM4fTj@84 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/pan-right-alt.png b/Cutefish-light/gtk-2.0/assets/pan-right-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..3acb33bc543c72da4761893a7fe427d11d816872 GIT binary patch literal 183 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(Q|E{-7anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-;eE{-72!jjsZAi6Azopr0O#g7k^lez literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/pan-right-semi.png b/Cutefish-light/gtk-2.0/assets/pan-right-semi.png new file mode 100644 index 0000000000000000000000000000000000000000..331a3066cd4be8ee10f3ce7f4496e4b3af492fd6 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{-7HKY^Eo&OusuBg zSm03ak*9O~lb%aVy4ju9rn>d_anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(Q|E{-7`njxgN@xNA;jTBK literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/pan-up-alt-disabled.png b/Cutefish-light/gtk-2.0/assets/pan-up-alt-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..361acb33d0485b0b7c3f76b1b9ea914074596e02 GIT binary patch literal 178 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=YRE{-7gTe~DWM4fABH$l literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/pan-up-alt.png b/Cutefish-light/gtk-2.0/assets/pan-up-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..dcdf2ec2ae0f7bb0261f264cb2985c9c61fc7893 GIT binary patch literal 175 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(p5E{-7anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt<-BE{-7G-sHe)}$xN%FM~IbrS2bloY3@KqDAD MUHx3vIVCg!0Fq8I3;+NC literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/pan-up.png b/Cutefish-light/gtk-2.0/assets/pan-up.png new file mode 100644 index 0000000000000000000000000000000000000000..031ac4617fd45a3cd4468169f160b4fdfc6d778e GIT binary patch literal 174 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&KtlpinR(g8$%zH2dih1^v)|cB0Ts0e_=LCuX@-XX459zEL$9jj zZWBs5A(ePaD(#G9@;Qm5Q{pM7#FI~pr<@i`IwhHWR3hn^MDlToq~l^qN5ztli6tEq zPd*`@bV5Akq*&4kv1A}R4nj%CK(ZhVVni%)21Y??4}(v+!d)~;KB`_A2a_a8ib_~`T3 zZ@>O!-Lshu)VI{r#W6%ea_+&`VvPJ-4=71Y3s4 zgz`OHS+$~MrA^E7O)I{vloLqTYCqMa)ou|m^;}eV&|8JHKZdOx>vJ@DuFP0?onb34 zvv-Y4wprY2j^2w?x1JVgw75BckNvx4hX1~@sc$z}_SY_o9TeuCu6{1-oD!MlpinR(g8$%zH2dih1^v)|cB0Tsmt_=LCuX$FS>3=RJk8ve@^ zK9(s2l5eETo=BIyl`48GmH$kt9EjdY7Ce(EelA_~Qo8h&RMAuEl9xbI3dk*aE?x3k zy6A;;=?ke6AbKqgQubV`=!I1A3$Oj*MnL1`OM?7@85o&3I60+dWMt*!jC$kO;Tc!rh9(NUp^xua$ElH zjk;&^DH7X`LZVCB(JIXxRRDgM^ z^Me&t9R8_-HY;pemT%&i7h>PhcuKJ##P&#gR@t>(Ggmd9sGR6DW1{-xMz4xbhZa3@ w>iupt(;ct*8Kx?lOkMKh0w};dUHx3vIVCg!0L+G;R{#J2 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/radio-checked-hover.png b/Cutefish-light/gtk-2.0/assets/radio-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..4211ab0bb59cb13edfcbf0978d8ac9155770f4bd GIT binary patch literal 483 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LCuX@-XX459x+8~%Gv zx^3S1)~@BPO~*T{miN}JZ>`(kTD88jY=39b^4g~DrA_Ng>$X=`tw8kBvhAg1>r1Ql zH&$&RWDO*N?DkidZLh4`Us-j$w(fXi4J6xvj8{N$5TpIIO~)IX_BS>Vagfv-n@$in z>z#rj&?P!0L4LsuOw4TTGO}{=Vc`*x(Xnyy2@Q=+6DCfYGIh<`b?a~6xqI*agNF|v zeg69G*T1ZLHnV~HmU_B4hDb=xJ@{Iz(Lsdmfy?bij|F5x1Pfh)F{@#z- zo}2&tJhOSGV?xk|GU>$^Z+<$hcIf!DM$;_eZ9NOl^y-!~PyFQ0G%;{$adxcd)^>|v z%Mh7RzK1KTR+Ox?X<5E$#g~lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LCuX@-XX459yx)BbBW zToo;SC13Dbw(PY`;Tx%<7g8lJq>5ikmb{cKdMRD}T)ODFbjfp&c=2;7Afp(_cp+8v z5~v1@fU*z~FbQFUq+lwGUr0l=V34ytB29oU(J2Y?3ua(qW@VF*l#=%I4+snn2@MM` zE3atp=cD^+fNUn)m-}tkP3cKb^n#W47n!KR?fGp6Qqnw4qFT@x_~;POBX{KCRI-OL$w) zf-}9k<;)X5xid`+oLZb6>$$bvBG@uSCY0~t%BmG5D{WeqZ(8wXrJO*zR{NkM0YnZ0XVvd!XFbM#)Ey7ja`qs7hnd+gsWGyM0J YO?|t;vcGmw?4U6BboFyt=akR{0Gyr7=l}o! literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/radio-mixed-active.png b/Cutefish-light/gtk-2.0/assets/radio-mixed-active.png new file mode 100644 index 0000000000000000000000000000000000000000..c32b1146112adae1440c8fcbac961884b0babe58 GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XX459zEL$9jj zZj(qlC7yChJo&VE%4xBrQJM(s954r@#JITNkH+VAn`=7Y|_z7Is6ZS_NtWx`2{mDF|)CUg-1k2 z$Hv7cOqe)n%GA|s)~;K>;r5-o_wGM<`0&x^uiyS1`MS*osH4x*#W6%ea_+&~QceyM ztQT~HIb4@AcS^neUVr4-cT1CJ=b|Efmu_G6dR6qIgw80wSpu8ScGeg1FBaC7WD^u; z`Vw-ub$gS?%MQhNB_aZ*vZ5`^8aa7+7iK0nJ!by6WO2)mONDJ7FK#&h(AV3-wRgg{ z_hQX+rZKz49lQDcMWWaqixuS?eiQ~~{oV1VcFkAjAU>@N3NJps0R^I`tDnm{r-UW| D1cI>> literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/radio-mixed-disabled.png b/Cutefish-light/gtk-2.0/assets/radio-mixed-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..f4cd89bfbae0407cffe39968b3cbd9c735892652 GIT binary patch literal 375 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TuZL_=LCuX$FS>3=RKf3g1YV zJ&`VZD^>JXD*u^OIS{>*E_x|l`bw(ksdT{;>5`W~h7?ewD2`iGd6Va7>kzOGW>j1K$e^L$dN-F8#irms9>`&{2(xo(T}H2K%3k6NPDZf%ju@Z z3)04Z$>GMIol<7LC=8fpzW315TM}zUg?34%zkhx)!{#fyM!$@CMflRQpkVNH^>bP0 Hl+XkKk5Y+y literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/radio-mixed-hover.png b/Cutefish-light/gtk-2.0/assets/radio-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..4635e4f17d47aefd99b7db8a21612358c92b039e GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XX459x+8~%Gv zx^3P1*1G+zRqH#;_IDO7uWj01+O)p3ZhK|b`pT;Pja3^6Sp!KB8z}P1vh9_1`zx!C z*H-PXtvlXWcf7U+F+frvM*C}#Z)_mqKyD|9y*$M^6KJnmNswPK0~0eFdsuix zWOQs?e8Pl@lcr2vy=LvY^&4*AxqI*agNF|veg69G-;uA|T!1?IJY5_^BqZk^ye;MA zAi;V;H<-h9DRZaP+wb*9o_)78d3G);!guNRRj*e?FG}c);+rL~`D|x>5&vRgT}d`U zai%XJhg-KddA#gUd{-hOU@9xxvaFGlmv>=ig41K>k4qM}?6_3e=JDc&^ACN!EnIsi zYlpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XX459yx)BbBW zT$L(%Ayx81s`#a3$xF$im(s=0rHh_RmpliF7r&4ydI^*Qqvs$gkV>E+m;^E)T#$n2 zAaO8~hB4qGK*r)-PtOAFRVxYd3ua(qW@Yp94+snn2@MNx@96C6S+sb`(q+r9UB7Yj z*6llY?|uCI<)2$}jS^5tpQnpsh=kmMw}or(gl+G|n&(Voc8fc9^ZScLu{{ve0&26L{C>gmvv4FO#n4sw=4hv literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/radio-unchecked-active.png b/Cutefish-light/gtk-2.0/assets/radio-unchecked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..b2112ca569498d2845ef95489e8451f994a705ec GIT binary patch literal 510 zcmVpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10gFjQ zK~zYI)z!~RRACs$@lRvY4P+!@i`LxMW zmM+9a1ZlJmBC!_lbMVY`#&?`?;|~tcIq!L%-}gQ5dH-a+3-*JBnvv`Xq0b0hA(iG+F1E($>IHPCe zkj8vbhjGsxnO6fejXO?{%p>fE=?0E7K9^Yk03XjvDaE@CPXGV_07*qoM6N<$f@h=S AApigX literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/radio-unchecked-disabled.png b/Cutefish-light/gtk-2.0/assets/radio-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..ca92669d668c7fd7227da405ad7972a4224fd878 GIT binary patch literal 404 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TuZL_=LCuX)1yvi6_b*dkyTRG)G{?Qx3RTz&|dZH5Kz@ZPZ!4!jq`H@FNz%&5aCW+ zyDhA1;{X2_ZO`0%vC-BfKhL9xc?Z`{8N=rlI-BOtKGJ1kp8W7c!q%W$Y?nIuA4XiO z5{iEK?_%Q4`uYB?p}uPC*4{t%#czW_$25UPHim)=-vo7S85DxPx1_N!q^z13a3=ZD zvFG)g^=9=UpXV2*J}Qga5H}}sS)gh|@=Z5Yr#HE8t6y96+jBJ-*gcckE4ZUe+~g9s U?J4u=J)jWsboFyt=akR{0F!EWumAu6 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/radio-unchecked-hover.png b/Cutefish-light/gtk-2.0/assets/radio-unchecked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..95cb359fda49fe5ccdf8cec3419856184b2cd331 GIT binary patch literal 542 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts;*@Ck7R(t{Hy%Vtdly3DvF z$S;_Ik%^gwor6YBCVfP7M@fbrcj37Z3?t^6bC;xtT!=WM%oEO)_~I zy-f81ROf3&2P=j8?Vw>3KD5;2C~ z`+9BiyLa7A=yjUR9ChgVqn?OZL&sw~4~6jNgv^nS$VyoFQ_knZkGopGW$K>DELaeK z-88GENZ{eJ@>9&kZuJM_PRG4JxNVViuSD5lRbAFoN4Du$Yku^4%3k#P-{L&)MGoIL hXJ3x-+voT1sPtzxG4Un3d+&kb%G1@)Wt~$(699Rok$C_B literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/radio-unchecked.png b/Cutefish-light/gtk-2.0/assets/radio-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..6496e929c0c27b056b497cc418312f3a9186118a GIT binary patch literal 500 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TtB+_=LCu=>Y^y+nV11t=B3E z@(X5QWMXDx7Zp=fQrFPb($+CCH8Z!cba8bH3s;RASn91(I0@QWT z)5S4FLUQiG=&~jQ29^saotu>+SdKXPGMgQ{`Jb)&kfZAUd)@sjA3xYr?!0n>MqZ2$ z`<|2BmAO6FmTgQ?|4{O9uh5K6tqq44J+M9OEjA;0S>B&Rr#dG)l{^VeaE+SQQ5T_n zag)1AQFqHi=O-&C-ngLr>550rkM@iwVw}$H841lUr}JG@*BfyNcagEN3zfRsA6?#n_KqfD7$k^`9F^wouRz&)V<38x5c^U|6>2HCV1Pm RBFGIC1D>vaF6*2UngFJ2j++1g literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scale-horz-trough-active.png b/Cutefish-light/gtk-2.0/assets/scale-horz-trough-active.png new file mode 100644 index 0000000000000000000000000000000000000000..4d1ed0c96f2c2ebf4a7bb6f9d85e29056ad31066 GIT binary patch literal 160 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;NqE{-7{oyiFjtcw#wdYGCT z1gE!zeC+YuaHiFfK1+6Gi1aiC8gOMWFo^$RVY%IUdlFD1gQu&X%Q~loCIB{0 BFp~fP literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scale-horz-trough-disabled.png b/Cutefish-light/gtk-2.0/assets/scale-horz-trough-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e38cec0e961d2a0f954c62966072fabb560bdeab GIT binary patch literal 155 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&p!E{-7{oyiFjtcw#wdYGCT t1pDX6bf(!JQajanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt&p!E{-7{oyiFjtcw#wdYGCT u1pDU*cc#5Ptaid>ks?T}DbRtNf#JwbMwafALK}d37(8A5T-G@yGywn&D=i5C literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scale-slider-active.png b/Cutefish-light/gtk-2.0/assets/scale-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..b9a8a00d88ac55cb1f8ca1f0ee27da927f92513b GIT binary patch literal 528 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tp!x_=LCuX@-XX3~B$3)BbBW zT-9#)FIaw8u>74;`8$Pz`x3d&B`Tkbm)sFAc_CHwRI2=$Wbrczpm@b|@xqrfg|B2v zA4?QImna9Sc_Cf;M7s19NLeXJnRL+;>4GN`#m}XRUrGVV5+LIR5J`fOR1uI176FKfi#esF;|noVqLrDtbX_r*(> zuiU)(e6XSahG+z{*Bka6B4q|sy^ZQ z2JYJ&jsdqnOMbTPo@7~~{zy45`lNKvc>yWq{Li9q9@>U8*iBjKw1WF#)AuDSZf!dy zyhY|=!`CJ6`2vqt7*YQz;@S`<3v(nq%|J*4bw8G5r!mn@dlw2+T$WM{D vsuZ+i1}&vw|wPqne^&fV$}4~ig9S3j3^P6lpinR(g8$%zH2dih1^v)|cB0Tmes_=LCu>HYinA3JvJ;K75t zckkW<2HUr9-v$Oi##R{EvSka9xq0(u#qB2SKy3mgL4Lsu9Gr?ZwRIOSUA}Vj)|YSJ zmxrk)0_8$HT^vIsB+njflpinR(g8$%zH2dih1^v)|cB0TrbM_=LCuX@-UdhKBzPp{ukT zu4*^@S7^Ae(C}ZT@UeKw3(>4sq7AP^%5I31y%x%SD_8MQy7Gxs@iW=7N3vzFWeQ&a z*;2(XBuidMLdlnsB`+n5p92w49E6HMCIz0@mZY$n4*5*6U;p%1 z=5okcmi<5QF7?eOMu&vfkSJ|Ui8lwmgg@+Yv%8$eJ~y`}kx%1Kr`m;e|IT!5TsGt9scWBCJ6STRth+07K|#^+;jccY{uZWBPZm8m5w2CU zx1dT?H2?CWrZ;^D^IBcxlpinR(g8$%zH2dih1^v)|cB0Tmes_=LCuY3+uqD!I313g1YT zJeMkdAyx7MM1qkdi~$z`G75idfm|U_666=mz{W0}lbd(!_=%I}FMRy`rB*t98c;68 z)5S4FLh|gvM&1Sm9+m^k7bqS5^xHq%$tQSDgY_HVbJab+1^zra=V>f<>1Uv0$t6*j z-gQbwR?aCU{EOVe1!YTECu-Qw+Hm5Or*U1-%CvCL8@ISwve_=I*c7Y=G@rrK)z4*} HQ$iB}q?2kv literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scale-vert-trough-active.png b/Cutefish-light/gtk-2.0/assets/scale-vert-trough-active.png new file mode 100644 index 0000000000000000000000000000000000000000..a19e102650b06d2543faa2569f6c26b475e1274b GIT binary patch literal 159 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(#9E{-7{oyiFjtcx4gIjs6| zw0`9y@&BF|54&g|?};+VI=F)M@X4k?11=4AhA$Q@|I;Qgl>_xLc)I$ztaD0e0swI> BGARH6 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scale-vert-trough-disabled.png b/Cutefish-light/gtk-2.0/assets/scale-vert-trough-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..f976e3acd71c0e125467b3e146da74537bb39b5f GIT binary patch literal 153 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*bvE{-7{oyiFjtcx4&Iq-FL sviX=4omj!TSga??V2ut)xQKz_*LsFvyIZB}fjSsGUHx3vIVCg!0I&Hhga7~l literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scale-vert-trough.png b/Cutefish-light/gtk-2.0/assets/scale-vert-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..ef79e78304fa3b6935f566ddb9493474f7add422 GIT binary patch literal 153 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*bvE{-7{oyiFjtcx4&9pLQh sWb-j8I-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprS5M7sn8b-nSPvaxyszv_AA_ z6+Rg9*m%33@#+nYo5ggUxG(r@Xgb|{mc{V;0oNxpQhR&e`HS7Nt4nL^+i!GOj92gF z-348z_Vy&S7k(%|Zq#Z2rTLMS@`O*nrh7{D7ztG*#LZfAWV5Wxq+-XSEcT05qTe3v wzO&)LS8JJ+E_NS-qZfYjxv#m^)Hg%?anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt*x^J|V6^8V}g6k)H*W<|+yD z3ua*F($UqkwX=6xo*oYpHT86H4B?1QPEcSra6MDdwBbtnxjE|?(p=BYvAoQ9<`v5( st_up-@8y85}Sb4q9e0J32`BLDyZ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/Cutefish-light/gtk-2.0/assets/scrollbar-horz-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..bb6d9b06bfe4e4b0c59c9a05820d809f40b2ebfc GIT binary patch literal 247 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprRH}7sn8b-nSQb^B!^#aJ_g~ z-N9wTPUh~S0^=H1B$!z3u!!NcUd>DJY}M`z4yK9`uzN=y_B>)hkiEM>jN zaMAI-EanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt*x^J|V6^8V}g6k)H*W<|+yD z3ufTvcW`o!ijGOV`JZ(@P}J1Z#W92F4IGV@Pv7H^=fa4nJ@ErzW#^d=bQh9gP2NC6e`c)B=-aL6WCocJKmz`Ts{ UVcMh`R-ib8r>mdKI;Vst0LM`x{{R30 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/Cutefish-light/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..475b1afd8584e3ada22ebcf621113e3ccbdbc4b1 GIT binary patch literal 257 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprSrc7sn8b-nSQY`3?mLxIW~c zAfWT&(M^uN&<%~7#3ER97-TrLSGYf(^&vT6M%S~C_q;#uJvqa8^5m0C&)Y{P^skyJ z+jZlig0e+|)Ccx!JGMSFP`v5JA{AElcgZ1(jn#=apH7~_pr+{Ic~A1>=G9MTO^k7x z@M_6{i}^cE!**anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt*x^J|V6^8V}g6k)H*W<|+yD z3ua*F($UqkwX=6xo*oYpwe)mx4B?oWoS-1LqRhfk!e^@Sa_xr5HOA@ZN*FdgTe~DWM4fLt8t& literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/Cutefish-light/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..4739b6840655cb0f61fa826970adcac88341559c GIT binary patch literal 248 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprTe!7sn8b-nSPw@*Z;FVZFd^ z(!sSWN5GITvQ1P%(Rslcr{*c5D^@Uxh=|0b?zqf5;r`F)s!b`+j_7dhW|O^T(l1f4 z+Eq$sBj;b{~hvA_L%)LF}`~Z_lfg*?R&URY!;K`KCx9yvc_J}_@T_{ qP_~%`2gR)ST)y)-Zby;dDR${+!p^sCJ(7S9V(@hJb6Mw<&;$TEd{o;2 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/Cutefish-light/gtk-2.0/assets/scrollbar-vert-ltr-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..dcab805339588e19514609f0465b8c81dcbbb982 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|V6^8V}g6k)H*W<|+yD z3ufTvcW`o!ijGOV`JZ(@P}I`X#W93qW^#gp+=?<5M+u*)#>=%EBG(wFpDSV5Y|*fW x&7fQO#4HAJ?S|FH4KL@aF&MfnJv@QsHe;o;K+fXDlWu}+_H^}gS?83{1OTEqJrV!_ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/Cutefish-light/gtk-2.0/assets/scrollbar-vert-ltr-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..06b93b5c17c9a034c0b62fd7efc89cae9f620354 GIT binary patch literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-Y0VEhMdMbngDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD>5PZ!4!4%y_2AMy-LM;IS^ TdKw1-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprT$+7sn8b-nSRl@-jIJuw7vH z;1K)rFq6ey)P!NHgJ1xIg^-p-|FPIZ{f>!#x|^r#KG>IXcKXceCoe5G;g$*5p5L!! zZgYac-DmQ@PSbZU4;eU=F)nz!ZRzwY67Gj9k|T>e`5HV!+)gZKuAHj0o$ra%)Qj^& zEPnpK!=`O>sWq^{#3H%Pa^H>wVaD1=e;6LE5ShASufa;7!x%hW{an^LB{Ts5t#e!5 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/Cutefish-light/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..96562d1ce2818b74f311b01286e9f0236bd046a2 GIT binary patch literal 235 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|V6^8V}g6k)H*W<|+yD z3ua*F($UqkwX=6xo*oYpweWOt4B?1QPEe3CaNVNe5b?@5UCc3JqH(%k;|8nrb949- u&$2L;7@nVLtbX{bnp1?&yQ54zN0=G<*aTX0t4mrz7JIt-xvX-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprUq97sn8b-nSR`axyszuw7WL zmbBz%X+cEa^&Z`bCf5^Jlayk(-Q51Mu(7REIDKam>z(Omx1UZ}0voGjaP}xwzs8G5)V=_l(^SkM}x|?(q9!9t9;X1KdOp@!wQn8n{`V*h` s1-Iz9+0Ea0jP1RNe4%!Zh{IcfKFoYboFyt=akR{0A_t!u>b%7 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/Cutefish-light/gtk-2.0/assets/scrollbar-vert-rtl-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..5f5dd82ff1ddd196424821d9ff226396dc03f8bf GIT binary patch literal 235 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|V6^8V}g6k)H*W<|+yD z3ufTvcW`o!ijGOV`JZ(@P}IWH#W92%D{DtmP5oV<8(2{h>6DOevKQf($CFd wOgziNwBts}j$J1U_I3)0O?KbR!2FScVH&@{icp`wmLQ8gUHx3vIVCg!0CDX+lmGw# literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/Cutefish-light/gtk-2.0/assets/scrollbar-vert-rtl-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..4d6a6aa480a6306fbcc1eef530078f55bf51de28 GIT binary patch literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-Y0VEhMdMbngDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD>5PZ!4!4%y@%{{anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt%=tJ|V6^TD##YkmRy$6>;s9 z&V3^2J5eI*ie%wKslsQHMbD%PpGp^!I!xLjO5 zha-tGEYUnHTiI=z!YnNrHo33@cD8>hX0!Is&S{O4R9nG4b^o8H_z$s;lRxRGN(9NN zvgjT&S+AH}`1odxOFOUkggUo0vojr*`a3oxA8q0=mtf@$QLc380NTdj>FVdQ&MBb@ E0GAF#FaQ7m literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/spin-ltr-down.png b/Cutefish-light/gtk-2.0/assets/spin-ltr-down.png new file mode 100644 index 0000000000000000000000000000000000000000..d44a3dd6ab229296899d9810a816e3e7a6e76e73 GIT binary patch literal 179 zcmeAS@N?(olHy`uVBq!ia0vp^5Y$aKAXvKdX*lRxt2Jdi)&!#tJEO-SR5NWhMVzYMJAe{iTj&$=*- VoAp7-V?Ur-44$rjF6*2UngEIWIt~B; literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/spin-ltr-up-active.png b/Cutefish-light/gtk-2.0/assets/spin-ltr-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..51ee4147ab491ae5ed87d0382b4be0d965f78f03 GIT binary patch literal 262 zcmeAS@N?(olHy`uVBq!ia0vp^5QUh-Y4vEO;nc_(-zonG_He0?Fr6#V>%!XP3?ipay}GAirP+b{+{yY1xRV zg2GdmZhijJV)WM(QtyKLpKnc=(biXWdi8H&=_ sBerB`wsC%nkus~$u9c~(4Y;LKSNDz0XGLLd0MHBuPgg&ebxsLQ0P%fQ3IG5A literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/spin-ltr-up-disabled.png b/Cutefish-light/gtk-2.0/assets/spin-ltr-up-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..108a1073357b68bbe42aca224612541686c2641d GIT binary patch literal 183 zcmeAS@N?(olHy`uVBq!ia0vp^5-|c9y6Vlru@soXgO2pLwml#R0~y aPmD&IEXGV9<;sBOF?hQAxvXt zXPYRnM#tqOTTaZR=rdV4Yu2oBS##)kLgFK~IVC&KzJBJ@xOs-ryd964mOEl literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/spin-ltr-up.png b/Cutefish-light/gtk-2.0/assets/spin-ltr-up.png new file mode 100644 index 0000000000000000000000000000000000000000..b735ea2f59e09a2e519e6f0ef4c1119211a97432 GIT binary patch literal 190 zcmeAS@N?(olHy`uVBq!ia0vp^5QBwtFl|@@Gn}_GP+o$-$Rd hmDgqdALe*Qx$-_%XP>)z|A59ac)I$ztaD0e0su8ZJ)r;q literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/spin-rtl-down-active.png b/Cutefish-light/gtk-2.0/assets/spin-rtl-down-active.png new file mode 100644 index 0000000000000000000000000000000000000000..eeed15c36551c56bfcd3d1e31b52c40a996418a1 GIT binary patch literal 258 zcmeAS@N?(olHy`uVBq!ia0vp^5QUh-Y1qEO;nc_(-zo84yVUQQ3gDJbmfb7p=%JKcJk6r;B5VMEKQ{?u-lyJj@3+q|Ka46z=FSo)`wjjrb+u}g|44$rjF6*2UngGMjPvQUo literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/spin-rtl-down-disabled.png b/Cutefish-light/gtk-2.0/assets/spin-rtl-down-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..a70520830b868f05c3684e16e20e71d68ada895d GIT binary patch literal 177 zcmeAS@N?(olHy`uVBq!ia0vp^5gTe~DWM4f=UX>d literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/spin-rtl-down-hover.png b/Cutefish-light/gtk-2.0/assets/spin-rtl-down-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..35364e5368013f54e2eb7d9b1306237f93fb5c57 GIT binary patch literal 225 zcmeAS@N?(olHy`uVBq!ia0vp^5fZEc+^q$GAvY47_|%YvDW+{Iiybv{M`&m``$?pD~F&{=mv zwZhH*xj@K@Lf3A|?5u;#%vLcUx_&Pa5Sgfc=fZM{yFspcJ0ABc&pP{Ff8T<;Jd4Hp R`a#ZP@O1TaS?83{1OU#_P`LmA literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/spin-rtl-down.png b/Cutefish-light/gtk-2.0/assets/spin-rtl-down.png new file mode 100644 index 0000000000000000000000000000000000000000..74ba4d67076ad9b4febe462c019c6dd1bc3b9217 GIT binary patch literal 180 zcmeAS@N?(olHy`uVBq!ia0vp^5anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt%=tJ|V6^TA|@SkmPn~5O(U5 z%D*d~by>3DkwoDm$)aacMb99lRPl4E;uk>V@ZK;EsG7ed$S;_IgGWMIF1)Dt^qDI+ zzkFHTv_u;yrQ_-17{W0#IYD6lcX>96i0}X13zqy>(LTuF{9jO&CB0Ti==nZDq38RB bVl5aBx*O@FJ1*h}>SOS9^>bP0l+XkKlnhT9 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/spin-rtl-up-disabled.png b/Cutefish-light/gtk-2.0/assets/spin-rtl-up-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..95f42b7c4d867df29bdb32105cdb220f29282574 GIT binary patch literal 172 zcmeAS@N?(olHy`uVBq!ia0vp^50-I0Epph^!hHGzkrSt`g_Ni(ypoW)|7OL1^~q~anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(*BE{-7_vdI&)>KGZA6d23C T2zSZ>#Th(Z{an^LB{Ts5Ax0nD literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/treeview-ltr-button-active.png b/Cutefish-light/gtk-2.0/assets/treeview-ltr-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..365523e019a7dea19a2f53e65bb94322ba4b60f5 GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!kwBpAZ)2K@k1oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+6>E{-7_vdKICOnCUvnSslP VxqPWMyBko3!PC{xWt~$(69BhDBG~`{ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/treeview-ltr-button-hover.png b/Cutefish-light/gtk-2.0/assets/treeview-ltr-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..e43317ced3965c5d242276072c7145fb1c94760d GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!kwBpAZ)2K@k1oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+6>E{-7_vdI)U%)oV- VdD1Ok%ilm522WQ%mvv4FO#sacBy<1( literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/treeview-ltr-button.png b/Cutefish-light/gtk-2.0/assets/treeview-ltr-button.png new file mode 100644 index 0000000000000000000000000000000000000000..862ac3238d11e8664fdb58bff7ff0ae46a22ae6d GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!kwBpAZ)2K@k1oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+6>E{-7_vdKUGPk8vynSon_ VdGWiB?f-x>44$rjF6*2UngH9MB{Kj3 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/treeview-rtl-button-active.png b/Cutefish-light/gtk-2.0/assets/treeview-rtl-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..3dc0f5a20ea9320b5c2930a952eb879ea87476e3 GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!kwBpAZ)2K@k1oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+6>E{-7_vdI+{Gao*5X5flq VE{{)neFZ4P;OXk;vd$@?2>`dMBar|A literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/treeview-rtl-button-hover.png b/Cutefish-light/gtk-2.0/assets/treeview-rtl-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..f6dce3b400b2befd4161f62e6b6ac90a4818b8d7 GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!kwBpAZ)2K@k1oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+6>E{-7_vdI-c`W`-XX5c!; VJSlYLEIyzNgQu&X%Q~loCIG@!Be4Jg literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-2.0/assets/treeview-rtl-button.png b/Cutefish-light/gtk-2.0/assets/treeview-rtl-button.png new file mode 100644 index 0000000000000000000000000000000000000000..04b779bffd458e3a08796e75e0b06457da8224b6 GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!kwBpAZ)2K@k1oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+6>E{-7_vdI-c=0AMs%)rgX Vym" style "chrome_entry" + +# Hack to be able to match widgets in LibreOffice +class "GtkWindow" style "toplevel_hack" diff --git a/Cutefish-light/gtk-2.0/main.rc b/Cutefish-light/gtk-2.0/main.rc new file mode 100644 index 0000000..62edf4d --- /dev/null +++ b/Cutefish-light/gtk-2.0/main.rc @@ -0,0 +1,2705 @@ +# 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 = {4, 4, 4, 4} + + GtkEntry::state-hint = 1 + GtkEntry::inner-border = {4, 4, 4, 4} + + GtkPaned::handle-size = 8 + GtkHPaned::handle-size = 8 + GtkVPaned::handle-size = 8 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 17 + GtkRange::stepper-size = 0 + GtkRange::activate-slider = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins) + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 24 + GtkScale::slider_width = 24 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 4 + GtkProgressBar::min-vertical-bar-width = 4 + GtkProgressBar::xspacing = 4 + GtkProgressBar::yspacing = 4 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + # TODO: find out what this comment means: + # ( every window is misaligned for the sake of menus ): + GtkMenuBar::internal-padding = 0 + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 4 + GtkMenu::double-arrows = 0 + GtkMenuItem::arrow-scaling = 1 + GtkMenuItem::toggle-spacing = 12 + + GtkCheckButton::indicator-size = 24 + GtkCheckButton::indicator_spacing = 2 + GtkOptionMenu::indicator_spacing = {8, 8, 4, 4} + + GtkTreeView::expander-size = 16 + GtkTreeView::vertical-separator = 0 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 0 + # Set this because some apps read it + GtkTreeView::odd-row-color = @base_color + GtkTreeView::even-row-color = @base_color + + GtkExpander::expander-size = 16 + + GtkNotebook::tab-overlap = 0 + + ########## + # Colors # + ########## + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + bg[INSENSITIVE] = @bg_color + bg[ACTIVE] = @bg_color + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @fg_color + fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @text_color + text[INSENSITIVE] = mix (0.5, @text_color, @base_color) + text[ACTIVE] = @text_color + + base[NORMAL] = @base_color + base[PRELIGHT] = mix (0.08, @text_color, @base_color) + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) + + # For succinctness, all reasonable pixmap options remain here + + # Draw frame around menu in a non-compositied environment + # This needs to go before pixmap because we need to override some stuff + engine "adwaita" {} + + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/radio-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/radio-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-disabled.png" + overlay_stretch = FALSE + } + + ########## + # Arrows # + ########## + + # Overrides + + # Disable arrows in spinbuttons + image { + function = ARROW + detail = "spinbutton" + } + + # Disable arrows for qt in scrollbars + + image { + function = ARROW + detail = "vscrollbar" + } + + image { + function = ARROW + detail = "hscrollbar" + } + + # Menu arrows + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-left-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-right-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + # Regular arrows + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-left-alt.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-left-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-right-alt.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-right-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + ###################### + # Option Menu Arrows # + ###################### + + image { + function = TAB + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + } + + ######### + # Lines # + ######### + + image { + function = VLINE + file = "assets/border.png" + border = {1, 0, 0, 0} + } + + image { + function = HLINE + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ######### + # Focus # + ######### + + image { + function = FOCUS + file = "assets/focus.png" + border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly... + stretch = TRUE + } + + ########### + # Handles # + ########### + + image { + function = HANDLE + detail = "handlebox" + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-horz.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-horz-hover.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-horz-active.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-vert-hover.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-vert-active.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = RESIZE_GRIP + } + + ############# + # Expanders # + ############# + + image { + function = EXPANDER + expander_style = EXPANDED + state = NORMAL + file = "assets/pan-down-alt.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = PRELIGHT + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = ACTIVE + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = INSENSITIVE + file = "assets/pan-down-alt-disabled.png" + } + + # LTR + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-right-alt.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-right-alt-disabled.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-right-semi.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-right-semi.png" + direction = LTR + } + + # RTL + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-left-alt.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-left-alt-disabled.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-left-semi.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-left-semi.png" + direction = RTL + } + + ############# + # Notebooks # + ############# + + # Left + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 1, 0, 0} + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + gap_side = RIGHT + } + + # Right + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {1, 0, 0, 0} + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + gap_side = LEFT + } + + # Up + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 0, 1} + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + gap_side = BOTTOM + } + + # Down + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 1, 0} + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + gap_side = TOP + } + + # Inner frame + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {1, 0, 0, 0} + gap_side = LEFT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 1, 0, 0} + gap_side = RIGHT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 1, 0} + gap_side = TOP + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 0, 1} + gap_side = BOTTOM + } + + # Standalone frame + image { + function = BOX + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-horz-trough.png" + border = {0, 0, 1, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-ltr-trough.png" + border = {1, 0, 0, 0} + orientation = VERTICAL + direction = LTR + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-rtl-trough.png" + border = {0, 1, 0, 0} + orientation = VERTICAL + direction = RTL + } + + # Horizontal sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-horz-slider.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-horz-slider-hover.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-active.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-disabled.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + # Vertical sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-hover.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-active.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-disabled.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + # RTL + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-hover.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-active.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-disabled.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + ########## + # Scales # + ########## + + # Troughs, overrided later on. We set them here too because some widgets + # don't specify their orientation. + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + detail = "hscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "hscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "hscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "hscale" + file = "assets/scale-slider-disabled.png" + } + + image { + function = SLIDER + state = NORMAL + detail = "vscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "vscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "vscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "vscale" + file = "assets/scale-slider-disabled.png" + } + + ########### + # Menubar # + ########### + + # image { + # function = BOX + # detail = "menubar" + # file = "assets/border.png" + # border = {0, 0, 0, 1} + # } + + ######### + # Menus # + ######### + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + border = {0, 0, 0, 1} + } + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ########### + # Entries # + ########### + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/entry-background.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/entry-background-disabled.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/entry-background.png" + } + + ######### + # Spins # + ######### + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-ltr-up.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-ltr-up-hover.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-active.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-disabled.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-rtl-up.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-disabled.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-ltr-down.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-ltr-down-hover.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-active.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-disabled.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-rtl-down.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-rtl-down-hover.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-active.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-disabled.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = VERTICAL + } + + ############# + # Treeviews # + ############# + + # Disable active the column highlight + # We need to match specific cells or we break stuff + # Looking at you deadbeef + + image { + function = FLAT_BOX + detail = "cell_even_sorted" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "cell_odd_sorted" + state = NORMAL + } + + # Disable all the other shadows + # This prevents the Raleigh effect + image { + function = SHADOW + } + } +} + +style "menubar" { + bg[NORMAL] = @titlebar_bg_color + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) + # Needed to fix Firefox's menubar text + bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[SELECTED] = @titlebar_fg_color +} + +style "menubar_item" { + xthickness = 3 + ythickness = 4 + + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = @menu_color + bg[INSENSITIVE] = @menu_color + bg[PRELIGHT] = @menu_color + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) +} + +style "menu_item" { + xthickness = 4 + ythickness = 4 + + bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) + fg[PRELIGHT] = @fg_color + # Chromium uses this setting + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) + text[SELECTED] = @fg_color + # Some widgets use text, we need to handle that + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + + # Unfortunately we can't tell regular and menu checks/radios apart + # Without the heirarchy + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed-disabled.png" + overlay_stretch = FALSE + } + } +} + +style "separator_menu_item" { + xthickness = 0 + ythickness = 2 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + border = {0, 0, 0, 1} + } + } +} + +style "button_label" { + # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) + # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "normal_button_label" { + # fg[NORMAL] = @fg_color + # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) + + font_name = "Regular" +} + +style "button" { + xthickness = 6 + ythickness = 6 + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/button-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "link_button" { + # Disable the button effect, leave just the link + engine "pixmap" { + image { + function = BOX + } + } +} + +style "entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) + + # We set this same as the border of the border of the entry + # This way there's no overlap + xthickness = 6 + ythickness = 6 +} + +style "combobox" { + xthickness = 6 + ythickness = 6 + + # This affects only the button beside an entry + GtkButton::inner-border = {0, 0, 0, 0} + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "assets/entry-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "combobox_cellview" { + # text[NORMAL] = mix(0.7, @fg_color, @bg_color) + # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) +} + +style "combobox_entry" { + # Since one side of the button is missing, we need to shift the arrow a little to the right + GtkButton::inner-border = {0, 2, 0, 0} + + base[NORMAL] = @base_color + base[ACTIVE] = @base_color + + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-left-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-left-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-left-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-right-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-right-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-right-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + ############## + # LTR button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-right-entry.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-right-entry-hover.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-right-entry-active.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-right-entry-disabled.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + ############## + # RTL button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-left-entry.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-left-entry-hover.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-left-entry-active.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-left-entry-disabled.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + } +} + +style "combo_button_padding" { + # Since one side of the button is missing, we need to shift the arrow a + # little to the right. + # This is the same thing we've done above but the combo, unlike the combobox, + # uses padding the same way as a button. + GtkButton::inner-border = {3, 6, 3, 3} +} + +style "notebook" { + xthickness = 3 + ythickness = 3 +} + +style "notebook_tab_label" { + fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "notebook_bg" { + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "notebook_entry" { + base[NORMAL] = @base_color + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = @base_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) +} + +style "normal_bg" { + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[INSENSITIVE] = @bg_color +} + +style "normal_entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) +} + +style "textview" { + bg[NORMAL] = @base_color +} + +style "scale_horz" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + } +} + +style "scale_vert" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + } +} + +style "progressbar" { + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "treeview_header" { + xthickness = 2 + ythickness = 2 + + fg[NORMAL] = mix(0.7, @fg_color, @base_color) + fg[PRELIGHT] = @fg_color + + font_name = "Medium" + + GtkButton::inner-border = {4, 4, 0, 2} + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/treeview-ltr-button.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-ltr-button-hover.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-ltr-button-active.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = NORMAL + file = "assets/treeview-rtl-button.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-rtl-button-hover.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-rtl-button-active.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + } +} + +style "scrolled_window" { + engine "pixmap" { + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + } +} + +style "frame" { + engine "pixmap" { + image { + function = SHADOW + shadow = NONE + } + + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_start_file = "assets/border.png" + gap_end_file = "assets/border.png" + } + } +} + +style "tool_button" { + GtkButton::inner-border = {2, 2, 2, 2} + + # For the sake of sanity style buttons this way + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/flat-button.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/flat-button-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/flat-button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/flat-button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = OUT + file = "assets/flat-button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = IN + file = "assets/button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "toolbar_separator" { + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + } + } +} + +style "inline_toolbar" { + # GtkToolbar::button-relief = GTK_RELIEF_NORMAL + + 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/Cutefish-light/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg new file mode 100644 index 0000000..7b89e88 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg b/Cutefish-light/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..17e3c4a --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..b4808a6 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/Cutefish-light/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..3ea0541 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 0000000..67beb46 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg b/Cutefish-light/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg new file mode 100644 index 0000000..bf51d9e --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg new file mode 120000 index 0000000..79b7355 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/Cutefish-light/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg b/Cutefish-light/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..b68859d --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/Cutefish-light/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..de0d789 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..7f0235f --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/scale-slider-symbolic.svg new file mode 100644 index 0000000..4b00bc1 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/scale-slider-symbolic.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..37d9c04 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..1bc5cb6 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..4759e32 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..a44f5c9 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..d621934 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..91c7006 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..f2c9cf9 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg b/Cutefish-light/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg new file mode 100644 index 0000000..a06db4c --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/Cutefish-light/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/Cutefish-light/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg new file mode 120000 index 0000000..86dfcec --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/Cutefish-light/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/Cutefish-light/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..bafb558 --- /dev/null +++ b/Cutefish-light/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..00d08bd311d9223e162b4b973c1d7349623ecf08 GIT binary patch literal 597 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tn$A@Ck7R(xI#VC(QpJyXb%D z)c;9y|3}UF9yQ}f%-kQ5Gk-?U`W`j=d-R;|(Li$c_n0|9VrKn_p8X?g4u}LXfFxK1 zCkWWbJNb?P2N| zV&)uX<`QA%8foqtW$qSj?iOR=nPB0W=#jV7BX5~U{&J7}6`lpFLVNFp_B{yedl=UL zD16fM@JTPDW_*sC`6YVR*XUW_fOe^B#(n^LQmZ7$FPMRugPVs}UR7PAv8lPGy`!&x z!nzH6_w7G?cV98{mU2ywnboFyt=akR{0M^_Y AQvd(} literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..25abeb6006dc69c3cfaeb9a62644e7b4d272e509 GIT binary patch literal 974 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8Y0G|+7pyITd|3g>(_nh=U zVgCQnzW=d{{)bNepEUP>#N4kD^S;H+{2np=d+hA*QS*L;&-@WH=SS@9pRsd(M$P&a zGxJyUtY49HfPz1xX8(+t^)q_*&*(Wnqi1~wq1oSoieqN|h@Sl;3QR@=xwApsXdoBN z1}Xq)nGI456o<${)j(7tkuY(Hdaxl#vQc2R4iM<->gej}=<4h0>gnnk=;|Bl>Kp4B z80#6D=^0t*8v~K0p@oy7rL&Qxi; zyQEHaO`qYKKGQX0mRrV5w~X0tnRDDS=elJ9(LDE@gN>*b&-$KeX>b zSl`32{zqXG9*0eM0`%0^4_|wMq3l``KhOg z7GBrb*51)KY4Vh*)27dub>Q&Plc&y}JAd)f<0ns_y?FWR^_#cvKYsr5?fZ|Pn*^Sz z1EX(_r;B5V$MLt9Z^ruuN;EulWp-*4p6PT#U}jKTk=EAkB~vt$)t#4Jc<}RotV?Os z>x}Z}hpPYXyC0SPf1m83`hS60{HEJuU%$@I&$f%0?Y!PTdW+A;Gkv9BUM>E6YRBb} zzvlJ7Sp}z;g?;;ekBR%ey1JX2THKyk7V~c*pUTS*{aL;6jk)vs=L;9xz0J>RexH0( z%Psxkqh~1vJa%bMdFmRMJ!xkDP-+kzeP+>qJ;6E0`Zww%)$r+VjKAExQse4x%YkFLi?Zb@)M($OIpnNi&zV^M@0HT} v|I1Ij*B6!k=&Vtadxn3Z;`Q$*59@DKlz%$!)Tc+lh-dJ0^>bP0l+XkK9Cy~I literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Cutefish-light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..bb5607fb15111220fabda22b0595b70a881bf7d0 GIT binary patch literal 608 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0To>e@Ck7R(hUFqH#GbYUG?9g zVZQ^I5xeMr=+sxCQ~$@!`VlkjN6g$Gku!gW&;A@e?`Pz!&yll!M$GscJNH-g>|c>H zzQxS?9X;n;^qk+3Grvd80ixegvwlR*_z^w#2apjn<44r&9}zQu!~oHpAJHHKKSfP> zA2#`A*yJ|>EvEw;Px)5u^{L$9Teiisy+ArJ6H_O1x-q74$-_+K?%+|mJ zMCzN^7?|1^7+dKXTj?8`>Vc82zM-z3k*=PBuD*eej*iTam9=({+1axm?m-h3n(kfOwEexZ z&aVCU>>}2`yuek jwspOA{?EHVO@E$~l~B{U-P%lK-JIfePM7&i)cQ^$SpC z#N4mpvwpeK+>n`pkMWV->SVn zl{>skw>d=C*@RZwg;dxEmsonIS$HK|dZk!;CR%zXTX-f~cqD+3XM(wVtdWhkv8|V} zjhB&?hmp0Xp{28-xucPV6Ao5b1&t5CGY_+By)R z3#6pER=)s-RANbxUoZnB6Eh172PY>N7Z*1VFCV{vxP*k1nwo~DmJZMeODk&|8(UjD zJ7*VHS64STcMlIwFQ2&hgv6wl_KvQZv**m6J8%Ai1&j9V-FM*Nsnci9K7aY@^_MSS zzyJLC`}d!}|Nfb6+42k+JsqAdjv*e$-%g2CW(t&WSpUXpqN=ycHpi9EGIRtZH>I7P zr26dte@=eIo%aj&Ru;@Vzw>ub(EmSyQor4k!mM(Sy8V*oE%_fYiGR|>Z}KJaH7vAZV3a6fYJ~jQT{|hT`rsBgpJ3)X67$hj>TLS)0&(WZZ5H37MSqU?R&oQ zfejy`{+dm=I`8{wtAy_RUllGDpJL|m*!Sry)05YKnGWpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10MbxQ zR7C&)000300RR60fd5rh|5d90K!D#sfd4aq<}-l*K!^7}gYZ6s_dI~`Jcsx?gZMds z@i~X_I)(E*g7i9t?>dF_IfC^*g7rOx@I8g~JB0N*hW0*$@;!#~JcRN*g!ev#_dSC1 zJ%;l=hW9*!^G1vFNQv}Ii}X*A_-v!~bEf%wtM+}Y_JFVXgtGR>-2KSh`^en;%ijCT z-}~?N{_yqx^7jAo_x|wr{_*$z^7sGp_x|(v{`2?#_xt|$`TqF({`&m>`~3g>{r~*^ z{{R2~Wn0ZI0000*bW%=J009940|N*M3JM@0AtE9pBqS^^FfcJOGBPwdIy*c(K0iM{ zKte-AL{3muR#sVwi;Rtq&Cb!%)6~@0*xKdh=(miL~S#F!_$*r#>jph%b#b4@?wB| uB~YM-@`8giGa9*Yw)V60G47nM$@~H0&MdRR>Mo`L0000QyIu2ln}!cI?LRErKRUGkuxtKk)9}fr4TyeNwSKW|`fAto)wcDkO%qVf zSL>D!)-7MHnm$>zeY0!%WY_Y|w&{~?8xVc7Y58Q+^4+@WlXcrCtCr7pAoSg)`E$j} zZTd+*iX`>+2#c3|6F?X z=kk-kSAgj8pKDM5K704?*}Ff_KKy(B;opmo|K5E5_vXvLw_x=B=f5AnLFm_?|3LKT zF9iMj`|tn1fB%8x-+w^*KL`Oa40MI|`2#~Qqa?^Ln1PXriHVt+g`J&)gOih!o12H1 zS6D<$K|xVTNkv6fO-;?f(9p=(*u=!r(#p!(+S&LKD?G%PHN{`SrX% z=;|~6wnrZWHf&#e$zlEb{!a%>;_veBT77yE%j(l#=f+$29D89t+r*#2V1IGV)bsJO zx#|oZCYC>Y6C0i+9;{ouVLpq*`ssf+DI5qo_wPt9SHhAQo?VRB-UiJJXS6!XeV$4C z{I}~$tPy#NFPO!Ow;lV+Byizxm&As2?l(*uxpY4;aaqNjmE{yQk(FcjROWdr^=kK|_d-28Ra*5~^Fm>Iv`x9lpinR(g8$%zH2dih1^v)|cB0Tn$7@Ck7R(xI#VJ2ZfhTQ`Wb z?)-1n^4+2RyG`2<>*gPpZ9lDBzT32XhmbbSKWtilShxPLZTVr-`VGWx`398&E3;|- zZrcn}Z_^4SfeOBX8Q*O|vOq3a3W>C9{chj(-J$KfWBYgS-XFgGKLRKH2%7XGc+!v1 zDL>jb|LWNCt8?qG?rpz%w*5MD|L@rce=j`xd-2iVOOO9v2BIf_uRZ;H{n_7}&;LGo z_wVWZf6qVsd-vtvhj0HrfB*O8$A2I=kn?2~(4Sf*L4Lsu%q$$-JiPJ>YU&z|&8_Vn zy?y-?)@|6kZ~x&V$Bv)4aPjH0H}60G{PpMWEj^(FKwbMiT^vI+g7;3iDs;#|gtb|u zeEE*U2Q}aME&TuAzQt*>!udCk-`$x!Q{a=k%tN1*Q#fzgZ_x~D_R~!f+N;`ju43`3 z*MaPT-2zN6@=WK}^4qQABc98y+ z+t#mE zOh4{*|vPQ1|wUbmX_}}%|C2gen4bxfu^+r(RZL4APJNOssyV6 zlP%wEL4rT5LFz$TKx)9sKx$wJq!)y~!9_3`{u6!#PW%x#=||9{AHkD;giQWXx%yYl z+Fx~Re>JTC)xY!Cq+P!!?fyM^_wOmYe^1@>d)nUL)A# zfByge`~T11|9}7e|MwpRw&rED0Rz{qB*-tAft8J&gOiJ!PfAu!K~YIrMN7xP$kaC= zFf6>Tv9+zeqkrP0$y26HpE2{`;Uh;+o;rK({KdylpFMx^^7Wgy?>~I}{N>yCA3r}b zZ~X_1wti0+#}JR>ZzsDtJ2^@)Tz|*1d-u@;d;*0oJZ}yh5;Oep_kS}xbK(Bwug^9Y z&%61z?7rR7e?J$egl^w)$8P@Zt1(kE7l@Zt{z%wn{GZ)+??Hc|&tG5O|5^DrgGcPf z@1>I&bl$q>C2gF2B95V07)b@KF^6ZRmT&ea)SvN>+wJQ{7lJF31c5Bep zp81@&!Rq4y?gPIzf8EN#_%BBB1w+`PX~*6gU0C;9GVZ|%Aq$p0l2HMiI>(nj(Buf| z5Pln_bo-Id-UBmbTpIFpXE3aL`anqHdXwdYIKFob{bD){{6zxHHBkm!F((hQKDgFo z_u$UI3${@g^6J;lc9{L+AyfaP|2tTwWIJvXx0u+Zd|>iY`(89ZJ6T-G@yGywoW`|}R~ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..22b3bc9323f7c0c919fc6d2feccdd8c3349e5e3a GIT binary patch literal 591 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tta2@Ck7R(xI#VJ2d?Fob*3o z{{PrT|3jz#Pn!EbZszx>Ip5=E{fL?SBXZ`?sM+76=X{R_lC!_Z%=r;L`$rU*1Tkj) zhz6qBKfvNYqi2Iq%xsVd3;{(zYN8M#KXi0-^o=d_jV%pKtqn|VjjUXatlf>QJxrZK z&78x{Tq4X|BhB5S&D~-wJQFND6FqX5c;qeh$Xn)_zudE6m1p7V(B6BYeGkI=9)|Tl zikS2wV)DzV8K0wOeuJR8fqD*lx;Tbt1n<3YUF@KPNbAE+AyqGq zMdgMp7Z;TutoyGn6nW;zr0oAs|6QBYt=OX8b!2nGK8a8F81)6YE#v}!>`Z&Fo?P)m z@b|fs3$9FipKW*brfeXqxJsd1;PQ)-h5L^0`fgckzPEHSk5EM5wQFCOa7}LR@N7fl8HZOk$L805%JAmt=z0BSZ~TNO)|^ig-ulFv ye;3i>65RCRzFXyCK|pRYN#MKQ|cY83s>RKbLh*2~7ZA(hTJQ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..818c7edabb0937f0e2adca1574e53148672266ae GIT binary patch literal 951 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s9X0G|+7pyITd|3g>(_nh=U zVgCQnzW*TZ)c?^-{>M%K7BTNz+|2J0)4xZ}`w>3#N6efbku!fr&-)oQ>sQRoU(rBv z7EthK^sJxJvwz0S{vI{^do+Zc1!m0o5j`7>=KP3(FlK`c0V)O|phl4TAJMa5%3x}s zx`2v7A~0n*R7Qby=>UPQu8yvrj;_A0zM-zZv7P}Cndljs=^0t*8=31HTj(2G8d^FV zS-Kcmxf)r!TY9HjdZ$_Xq+9uY6djEn~J@ z<{Y=oxo%lNG|w%2zI)Ch@6wIlWt+Xrw)m87@vYn$+Iv5=??G7K!?6BGVf~N8CIHbB zpf6e@9ZZ2i>|7G$7tFxQ#?HaX#lt5pE2p5OtfHZ1U}WkS5E#jK;Ods4F&@Ko@4Du^(8nLJ?g<0*XZ(99Oqz$=-7x^QgUgR^RW3UZx4s z?0hN(96h(c9Dc$k*Lrxn5TjJ<N0gW8L)9kXdGq<-&)LU#A%4Xpz2&^QvOBd7UdmQm z{JHa$$<&IS??-||K1-jzng@(z22WQ% Jmvv4FO#s#zwj}@n literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..e5f083e39484597d99ce0232451c019a0d67b4c2 GIT binary patch literal 590 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tmq!@Ck7R(hUFqH#GbYUG?9g zVZQ^A(FbD3F8Uuj^;PK9|1r~k#LWE>IrC@u?9b6Nen!sv95Lf-?A%|GGrq;l`W-#z zTlAdYQFDGr&iWoT>qq2_AJIU?Gk(O(_z^YxN5sq@F>`)I&-xKF?Nij0_hFM?hE0AG z&~h%Y@sw}XUZ2VxzGYi%0t#&W^R4}|t^KpDe6y^4GY!n_4bAQKO>GU#KuF)j#=sPa ztn`ho^bJk*z(`l$P*=}LSI>|I>lJUqO-y?y-r0|FwW6B3grOq?=h>a+_NuUx%${pPLP&z`^h@afCf zo85kIfQIeyba4#P2;O_)xLA{ci0j1#H(W!G=oM`|8n;2*vI@`cZ(GwNVPkJpP?`!9bk6%zW-XKVcI^n25%d)bpTgq}F+>%4H9C|rH* z-P;?>4lPu7Oz&c$Z|N8JucskJjrV|sSMB1Px< zm%IIaQy)5*@O+Ij<|S|7FG8pO_nZ4VdddILnLye1k+c7YPW=K@7Bll} z+^iol(|*Lv{Si6yXXLD(v2%V#&-@uN>s!pM-_divMbG&iIrDqu%-=Dyzemma9y#kf zP$X*BkH{H6B4_`I0ioZ~Gk-+S{Q(h-neiiL4iNp0p7kSY_75QGQ?<{h>Y!ise&4FS zK9xJXOSd^h)!T$t+J#iug;m%Fmst9wTX?5hcqLnUrC53=$C|sv7}co|uH8d^FVnmYoKk%bcw=^2`Wkb#Mwfw8WhzOJ5uuD$_~)X~+0AYENOAkxv* z)z*Q6g#>Upp z-r2$mSee*XOZ=kGs_pY=SzD5~*vaSZV|{`T_qphFH4Z4aleP|&)ubj1w@>1j_wH-6U( zd&7G2Z+r`T1J4_I-?TX&kG%g;Yc%t$+sgPTi#Kce&!$-I`TD@MCG9}B#@BbQOUt#r z{{EX79r!Ny_l>z6>8EO4TVn0@Ygxs7*K^Sbz8vmyVr9PH)vu`&`A+Q3k9mDM>5O`l z-NNl}nH%C(=5K9Sn`Enz#}F34V3_dn-nDN#cwD~jJIQh`H!=M{&0@A)jaQpkxFQz> zGZ#L%Ahw0aswt{GAWjpmXz%*9eOnBJunaQkE= z2<(`2kkvpz?)ALs$#2=h>}2d?rnB|1J_un_KhU)BNO_c~-hF4W4({!y4+{30GoIG} zDpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10MAfN zR7C&)000300RR60fd5rh|5d90K!D#ffaWuR|2~88K7;o>fbcwr_&S5|I)nH*hw(dt z^E!p|I)(2#h4eXs^*)02J%#W+h4njx^*Vy_I)?T>gz`Ox@;rp{JcRc?g!4Xx_dSC1 zJ%;x@gY!m<^GJ#GON;bRkN9e$_;923d#m<+toDGf`Gm6e#oGJF-2KYl{mb6_%isIU z-TUwL{_yqx^7jAo_x|wr{_^+#^7sDp`2X|x{`dR-_xb+#`~Ld;{`>s@{Qdv@{r>;| z|8t8wNdN!g z6$y1b2_C3PC}KmfMnOUxOM(S-32L)*{_LktgPzND3=Zx-M2vP8%Ah~n+4gqYM>^yI r7D%-qY9+m2^)8Yum}Wi^VSnrex(h40p9mRi00000NkvXXu0mjfF$N=u literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..adc1af7ba222bc7229534335877b9efe10a42aba GIT binary patch literal 948 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm!0G|+7pkjvq{}~z@7#jXJ zH2e<@T@||OzeB@*&)nOdlYor-4h{b;3m;qd0nvZshW~mcFB}?PS(m-G?gYwyvTgh9 z(Ei=7`GZ~acbkR}mhB%M+JD$Jf3$1le$WuePlpY+JwDG<~pX|7zXx z)vD>ERnsS{wr_SVpX^$`*){>q0itg_I z>CvBSPyb$f`sdk)f6v~5$q)ZteEj$3^S?J={=J2v??3!Q1qs9JjZ;OWI&tm`9qM!A3TF0-Pxc}Z$_PaagJ69}b{rfz) z();VyiHq(DwYk5GRgTK7deVJl6PKY=Ev6_$}&>%l!zwy?)`V4!k z;*DA7%sAB7P_dQmR>RXdEJdCRe3=;)a=UIb{xUJ(h&lB@h9m0$!zQC0OiEHSSmRPZ z@SMp=;HsE-P}yK*qu~QLw(AWG8x;x^n~f73nExJF$Fq%b|Br{$?#a|xl*^p(cp%WR z`|Dv5hH0&b%V)FvYQ6l*^ThFLUXLrD_AcfJ!X}=`XDadByGnv7LbGC3duT(!QjUlpinR(g8$%zH2dih1^v)|cB0Tta2@Ck7R(xI#VJ2d?FoCG4> zxph-W1C;bSW@}q6@ulCKqy0-r6 z-u9~ph_?SabN}zz2Y)X-`g`%w-%F4GUVifT+S9)`p8b9D?%&h*|DJ#N_wLKT58wWM z{{HXFkN-eW>Am*>(0dvsL4Lsu%q;92+&sK;@@ncDP0cOs9X-AMYuE4FfB5LJ;}(|OSV^^QlTnl}VEFhnBw}Uc^YGfP iH0`dSb1o<3tC_d3>L21*|1$#U83s>RKbLh*2~7ZM0V!<& literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/Cutefish-light/gtk-3.0/assets/scale-horz-marks-before-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9dd390fb9363d64d634ae9b75aa45201b2cff5d7 GIT binary patch literal 943 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pkm{h|Fs+bdrtcA z(D2`~@4s;ah+z(7w|ui}`DWAc-J$)vP5Te4<{y^rKP=mR+P3|)YW-r{`qirGt9A1a z+vcw}E#GXLzu7c@w{89oB&}P(jF#^1uBF!H-?3rNZaA^Y9770CSoQUeyZ0ddh0 zP#0JbrUpX+T#NsN9|0481Om~dA3>9T1W)=AGWkcvs-HD$f7P!2Rk!w6{kmU$JAO^v z^=s0u-;;L#p1k|_l-<9l?)g1y|L@rces8_-XZxi;J1+g%dHK)oD}RpO`g`p5-{W`w zp1AY($mSee)d1vFA0pZ4o?@y5Rc<; zFNX#@1xmO*T-(vgS=QYl8*!uS^ntuLV$l;n|JUF1UPDd|k-A`p_HR#}{T5{5*S4q;C4r`~QVjt{1!> zE#Oxl^S?6uTuN4eBwN`-U zv`~BL`RA|P40$D5actk`!0pa|_qlpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xI#VJ2d=HnEyX? z>i?v<|KnzUkC^^FZq|>Oxj!Oj{*0dWJ$lafsM+76XMc~G^CM=~kLcMyqUL}|5Ccd8 zRYJKxqi6q&0gFRqfn1<27#peu$kox&(KE8pH?cM_1tJ?GD_0|HcT=YjGv_cf=WsLE zNORXHbGK-7w-|HxSPRbtOV31)yrmv_%RKUzdlsw=?Y$S;_aLnQQTU|i5tCj-&G;NW z>udC^Z$OhDr9FED^pbi>kY6wZGYba~ubhIKx<+GjYkNmu|AciL_U=1;!)l9HtDPIy=}zid&^^^k=EV(#6qVQ>0ihFB zPhw3bs!aHzk>KI6!Kv5iSl*O|Zqu^UH$!B2H&}_UILi1+Fj<7($bf6NMf9xf%-Kk; AOaK4? literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..78cff7e739ff61f388d35156a78752f5369427ae GIT binary patch literal 907 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pyITd|3g>(_nh=U zVgCQnzW+dO?4tikbN@%r{uVLsTind=QFFdWO#dD``+L;9AK^29#LW2-J@04ioS#v% ze#OlE6+P=$XDvkoGpZz0h){mIkAO@5K3I2=* zssSOGAXovAi-ACDplBA10Tzh@lR7}4tE;1{r=zQ{t7o9AZ=|bltY-j3CVGZudPWxd zM&|m)7W&4P`o>m<7EVT%E=E?aM%M0@-l>+}X_h|eRz7Jq!6mjKrM97EcA@2VVHGZ^ zQ(RJ~x~9)?O`qwO0YtOiGUvEu&UMdO=vA`8yL6Lx*=FyuExwgILwoOs_B{yedl=UL zD6Ic+*o4PGr?S;pNB{%ZsU*lRn1Pjzor9B$n^#6wPF_J#Nm)fp$H2(cHy|)Htgf-O ztz*KZ$9glAUcP?&?)`_4pTB(j{^RGu`glHIl%;yQIEHu} ze>>&6eN&=Do4m2pw-d{hQn+V+ow~O*WxYVxy8r(VG=9{+|KfEA^YxFV`_F&w{Vw+N zd4Et!`Odv|$9~QECL~-nGrKSUnM`Qpmp|tiBw228_569|7{U|%_3y1h2BGrfzh5u> z@Gw`X;i8r8eKXDvMPfmAkzLCemc82g*NOkY;boJKmB}2qzCiK?O9$&zo~H6$##(<5 zEMD};N&h0VirE#$r(V{HGg%jPC0Si$+S6vjd@H(?*}RJ{%J^5K^4^APJ%S1T<_ipy z86z(9uSnNnSk2aWdj5Qy=Tm<*c6|Iflm9Mn%=1rCvl~NBeEF$#)cAlW-~P584Ns<3 z#%qZ+K3}l2*2QHB^MiYTSSK|xHvI70wf|>If$P#c+!Ji#e_fjHf4|4eVM*GT#c4?s zKfF72Fz}78_t}n+sw=K$AzExtw*EFQtzVrO+SPG&X4tXKv1TXz0w-@SPpYar@-}13 gj0^vNir!lpinR(g8$%zH2dih1^v)|cB0Tt~E@Ck7R(hUFqH#GcrXxQ)2 z@ISQgzwgXvv5WqPPJIwDC!ACWVDM9=*JWJJyW5i#>e3=qxv5e+nF+NY=~@53g) z3~W5*Tea7xa))o(790OuOTQdzzicbtEJJg915-PFQ(FTQTLUv&eG?l4V=DtwD}56y zJwsC<(ls#B)ico51CshWIyxs?@=Ab?w=D_s3ua(sVqxLr;^yH|Q`gYc($+RHv9PqV zwzji(admU|^7i)j@$(OePDo6iIC;v{iZE)x{I+Q0e zf09_)>By&{z8kH?SGe-N5>yu9H!|ST(tQ0QGWu2aY7I`~#VktvCIX^6BrZ13b@vJL fYU-XlFOZkvotTC|{I{8Ppg8k%^>bP0l+XkKt~b}7 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..25f37aba2ac21602117b02aab42cb00dcebe1402 GIT binary patch literal 887 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nl*0G|+7pyL1k|2H)J4_)=& zq2YhR{QseSk3;)FT;G|`d}sbooB2Ps`-R`!*GY5#M=$vwIuoeoedO#fp;NyA701l{ zA2Ii9_^cmsvwlR*{24y`bL6a_;nP3I&iNTV^CwVQ#H?>Ivwla<`4&0zd*saDF|)tN z%>ErU<9pPc-%&sX- z?(i<%<`7kH6Iy8(QehiXZW~-;>78cbm2BymXz7`3;gJABo(bmevF2_uCbmAtwqC|I zUPe|PhUShyWMtt4M0$p%AY@>oXJD+WXP~R64O`v*RJu53~8yj0&J3ALw zAaHZ{@bK{T@`;O2NK9&O@96BBIeYHh`3n{-TD)iPz5}PvoH_ga<*V19zkK=n?fZ|P zKY#uH^Y`ER?2x0tXo~f8aSZV|{&vdoutNbNuIrC*m2Gs^xv@w|E2lU14OiLGbuEAX z+gohVF{t#EczM9q?)TlQ@Q&>3?6KW7N@*ZDm;sZLVi>be{CG6|~_rWfvK zobakZl#OAN>h7jX>x$e|m~(FN^@SW0*zoCv$eY@7=V*pc+hlLNVDvd1T5w;BP38vI zoivpOz#guLlw+r7JL_u8D+`+23uBjrwH%H+~Vj=ulTuX^)!jhEm`ef`I+2RHm! rT>A3x=9OCvh2CFbI`aRg=sm`Jy=lpinR(g8$%zH2dih1^v)|cB0Tmqx@Ck7R(hLm$8UFugX!swx z>c2z7eTRns#tqMm8~!`Af46J?VAuTJrs0E4`wz>8kCyEpty(|ZG<~sZeQ(+H)voEQ zZR-cy*00trU#*%xTD5(%Yx!i`21MU%T0Ysee79}-Y}*Dz-))*dyLEr|==|c}|D#~> z*WzVAt5<((SpTzS)3+0Mego0zd%sWL|NZ{!zYkykfB5?E)3^U0zW@99{okkW|3Ci# zqJLk0{Qv&*-;dw_e*gXd`wtNP`}6ld5GZR)Dg%9BUlQaO%)rRV#LU6L#igLAsHCK# zqN8tMXlP_)Vrpq+ZEa&`Z*TA5TQ)zjN|?%c(Tm#ZAvc9E8)JO$}yZcGXi$DRg60O|@mVmR7bERaF#I z;jB|F<*qg`xEdhjc4EWH)w6CpH!fA1#It`=pRG(preccAR38DM6IDy5=1f$X@a05; zN5=+-UZZ1qBJ(Gim7R`!8hUnvmG}x*-dBRjBK%FwF5&l&-3oAb^_;+}DzI~5kOvh2 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Cutefish-light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..47f06af375aebd295a5370b9fdaef775c3676d8d GIT binary patch literal 900 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmc0G|+7pkjvq{}~z@7#jXJ zH2e<@T@@PoKXlc9&q@Cs8tywZ{I@K8Y}p4y|Mf~sUs;#Ew(k7z-1f<#;gfCK zXRC(K77gzm+P~X1f46D)VAKA?vi+l7^GBP8Pd05p^uwz4i)GVSyQZ(UtzT`LKG-yU zwQl)f-SX9{>62C4H@lWkb}ip*n}9}rvuXKc)AHTA>63NaC##mvb|CcKrulQlnxB>M1NoSfX;JiNTZBBEjn3W`cfDynK~ zY6gaeM#jb_CYF{~R@T-wHnz5Qc6JWIA)#Sm;nnpGjm?v$PMbbs=Bzn$ckJA`YtM-j zCr>?l@$%KD&tJZN{r2O>&tJd){QWogblQ1fl*M_vIEHu}e>?Sf7?Y!j%ly8^gmYaD zN{c$WIAR1sLJXcaSQ?-CU*E)im{Hx}O+>-<(Af3W%T~M2GSSF&{&yg0%88!*6_?xY zyzKwze&%+l^SxJ|L9RtU8!wfgUzmI^aozh~h6%bcclWJ2`uZ*p19xp&)pel*zdBd_ z4Y2ZO*7+{|daA&IZ;QhY2JAxjrd8h=nP7)+uK5@EdSqp_ z5A0lav#f_9d)2~&6qDSko8p{Kw(h&3$n(oC%9_^5p~tXENN_Sl{R} zll6pc$SZks-E}K0#2Jl_FOC2CJoD5l7MCiqec5XDfqVY%*m-7o)|H+P>yY?~om+a; zS3T_vTlpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xI#VJ2XI%b?1MZ zj_(fb-)-7{SU3N$Z2M{5^4+H8JA|}p{$btv!?xvzP3t$CmLJwF-=N|^HO=2`n?WjV zT7XjDZCXKWTd-cBN~j=|3zD*H{chj(-Ld_>EG+m{@!~2_v!n8&p-V8@b%w^Z~s1i z`}gI?e;_#H!R`R`l6pyyUoZnR3kMIcoPwIVMq_hpdq-dYgmoMC?mK+s*zt>(o<4i? z_TBrRzyAFFobdq^z>7Rx978nDCnqdWe(+>^(4@%^A36!AJqr(GXEv2nODS{{EagoO zPIoU(_ANCOQ{hxBm5mlR*l;OS-2KFc)fqQ;I5f_co7A&l*FtWY8?Tj9RIcg@3Z1BW za&_(ml?h)o5Z-RK7If9`TM^wKmLFH`TyI`|KET8|MC0(&)@%l z{rUg<@Bcr4|Ns5>|KEQQ2s7Ey3=CPPk|4ie239t94o)s^UKv?Ac?Cr!Wfd(Q10z%4 zfWXkOy2jSFjtP?{Pn$mT;NhbuPn|h;{^H}O&z`?{`TFg<_a8of{_^enkDm+clFT159XzJzaP)xKz5nwq4D3Fz_D|%CdA#+# zrT#mypU?Y)F1?bPF)O*|!p*2Or}YK8pUy5?tkxcPW3!W(_FPxDy0->eZoqK*%fj&R zZujfsA&-jmSq?-r&&!|97GdqHIe(99GlOyOt-6iu3Dzr9Cfs3}k$s8h3xmrgFR_=g zcO|dZC3puGu9^OV`4IoBhN2a7H|Q_~x*E>SU=ItP#rSsZn*)uDny>Mg3tZ>UIQxOg zd>3P{q}_u^`vvnJGSA~-a<{jyyr;dhamL4=H~DkfzkRM;o9keZ`m1K*rOF33{qfE* z4lnNQ(GNX+pz78gJ0+z{yc?4LF?n7TIPffX+59^OI~E05vIlpinR(g8$%zH2dih1^v)|cB0To>h@Ck7R(xI#VJ2d?Fob*3o z{{PrT|3jz#kDK{DYR>n#SwCXt{)n9UGkVtd=sDk`XMYDVW&@>u#LW5;JsX6gX8ni) zGQixJIY5!0Fa%Wq=7Lp%)kAavNgW*>JtGT!6KexgAhI#Cb~m#2Fm((ua}GCii7<1G zG#47?lrcn~)7tFxS!p_0XBPXw>uF=@s($?PF*S~iC-hKNIA3b*b z(v#!bK>5M5sZ+xz2|jQVPJ0wu&de-YCzeuZ zR%o8iEv)Nn>>X|%=%!NWXYG{IzIy+fIg6$+sM{`rQk22WQ%mvv4FO#ss1 B=~w^& literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..03926a9f552a9f3dfbd542cc125b242f58a3b42d GIT binary patch literal 884 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmo0G|+7pyITd|3g>(_nh=U zVgCQnzW+dO?4tkCOa4dC{uVLsTind=5!1g%&HE8P^GD>&pV9MvM$P&aGxJx>tRFFR zen!vw89n=F% zT|mV!l}J)hy|aHrfdzGdKv!2sS5HS*UsumSSKmli-&oJUM9FUvN##5SbVHnhSnwA?j)hHJ(ww~X0t znRDDS=elLhb<3Xbp0miibfb6KX792sK4n`%d+&$#JqYW27}ozNtp9P?gvUTvC8(?` z1O}*MNswPK11lRl2PYRdpNy=Wf|9a^mVuF9KwwBib4zPm`-F*8rcRrF;PBDor_Y|h zaOu(GCr_Wfc=_th+js9jeER(5>$mSee#)zLDgt9E+SA1`#N+teDaXT@90gpDH*g-A z!`x(<>=w9Dp!mR?Vzr9@^)H>iFgWwSEnLX`?$_1Tuim{%m$3Y&saiTOPk-M>z4E!f z&hJWo{!BZUd|pXECq}7t>9rc|y|n_uwSHUoo#J+Q@=IaQ9yz;x{R|J*hP+(8oFOS) z(Q`x1Pd0;x0YChiY;rw?X8SWRn{EB?8xX`{$FOC^*Q7_15hWU5!qfKVxH9(di+dvT zK{WH6vXW32^VeJdl!}7AOCaT{BDf{GmOrza$~I6Z+$2J?p^C$-Ao2Si5i;H2JDgfI};rpofSgm zGR_&V(afLk%avTda^l=aQsLJ()K{&!9J*TgyXC(Y{sKNen?k9Ea$uY>c)I$ztaD0e F0sxTcm{kA( literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..61283d73add84421e6716b25dd598b586cb701f0 GIT binary patch literal 542 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tt~E@Ck7R(hUFqH#GbYUG?9g zVSi{Jh!MN!f9TX#p;Q0I&H52D_ebQ+pV2dZM$h{hIqP%8jIXhCe?`y!6*=Qu%&gzh zbG}8-`5igyd(^BSk+Xk9&;0>pM9uyYG4n?Z5Y71!4K!ier>H6K!zRBBoBYPV;bdUr zDc`ESK9xIc0t#&W^R4}|t^KpDd@~Kr?F~%r^i6FI%xn!zZ1qiS3`~K@O3&Cz-_TUg z&{WsJNLSB5R}V<)>*(n4r`~M?I^MP<$S;_Ik%^gwlarf=M@?NrOH13t#KO|b+S=a5 z)y>_@+uPg6&p#j_Dmo!?!o(?4rd_;z4@T2T#PNPZ4|k&_Ouu$+U0=W=T1(!l@# literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..690689c3e803af536f28a663c751c3285f0c28ba GIT binary patch literal 835 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmK0G|+7pyL1k|2H)J4_)=& zVgLVx`Ts-v9*6e*_nrAHZRY>bssH`vzK&k@pD{E^TTRS^@XBSsjS2s6z4-XGdFQ2&hgv6xwj*hPBvu4kkJ9plK zJ$v^ZJbCK$nKNf!ynOZf%a^a;zW@07>-V3(|85_iun`yqzMd|QAs)xyPKmU33KVI( z?C9FjrW_oi;g{d#!j-D#ye#YQfB8pk^IqLpepgg{@Adn?uH8EPD`uVG|0y3Ec1}^) zD{0Ey)^{e7F^D@WsPk^p)K7 z+IG2rQS4uSJbgH)I;3%m;gjdxEB0-#UGhg$;LG?0$_)z+cZtRA`g*>dA-gS@ zBPDzO+~1bx8C9lcKI>=R5WZ{Y|B9L&dQTZT{8u(-8l~}X5}ltMqIY9aQBHtFd-<-z u6;8_gdvAJ}~J_b)$KbLh*2~7a{Sa1sf literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..040f9f6c4fca781d3dff13b827b7e688f7b2400a GIT binary patch literal 566 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TrDL@Ck7R(hLm$8UFugX!su* z`ag8le}{(q#tqMm8~!`Af46J?VAuTJrs0EC^AF30kCyEpt(!huwSKl~`eN1k-m3MB zWz$!?rmwcGA8cE{S~Y#NYWrr_^2xUClTFJfyOz&(E#GaMKHIhd(RZ8X&u-nHJvzU5 zcYpEk|B<)wYr*2L)vLeNuKCum{^!wKzmMPfd+Ofb)AxR#zWe+A*MA?r{{Qgx-=}Z? zKYjoA@%z6|-$9JeKmLFI{_p$mf8T%p`~CO-?>|8F@6X@=K=81TFAnGxr;;GQUS}T0|P@tBO_BwD{C7&J9~S32PbD27yp3Ju&~a~p5Fd*=Pq8n zbmhwR>$jdh`|$D8mlp}AB!Q+a@N{tu(Kw%+ut532gGp1SO?{B)E}Zr#D2R=@QZ6l} zFf1|E)H#^lJ(*cF)zM9*Ffdh@Tisy8wUB4-V%Im8HZf_JvYNH**w!m7^Fs4;Vjw?D z+Nno3u2@^%)IQyy8sSplkznY>v-|0;Q+p!jW_K3o9cg|Rke{Jo(vZ?JCG@NBn>W1; zj!FkQWFmUzbWL!W@;J?nJHE`%Q!~=ACt?Aa B4gdfE literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..593ef55ae1812dbeed3fde49c44d1bc5553d301a GIT binary patch literal 867 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmu0G|+7pkjvq{}~z@7#jXJ zH2e<@T@@Po-=Sf@=OiF`-=X2ZW#MDXzQ@K5|Mf~(07~W&lPKaR<8Y7z4}}2nr{v3 ze>QITx%cXCAliTZ_kkO~&))xi?$Mv~5B^+y^!MT;Ao=Igqd!+3|9STA-?Mjro_+ZD z;^V)!pZ~o9qA&m6!qAW3|9|}c2Sk7V{)eG|fB*ge`xl7*{R1-o{r~qLjDQpva4eaB z1{g{SB|(0{42(=nOw7zI>>M1NoLt;Iydt6sii%1qDyph#Y6gaeM#jb_rk0jgR@T?l@$%E>FJHfY|MBD3 z?>~S4O>Dbi1dN(cPZ!4!kK=Er91ml16maETp~9@C(IlA2({RYupn>sBB+rb7U;oz^ zD9a?gSZJ$Paxiv(UFhA|uT@pM{sgz#9IR}9aVq9O^5qG;{}#SF($vTI>EB5eUzOV0 zu&U!mYSZpy{awL$;M>R8ji18y*xq70AQAZT_%+5$;;BEE6>VeQ@G9iTdd4SSmkt#3 zDWnAd7GHJA^Hd?wq0fMqu`SQ^$I zp8dQ3c>C+aJPZ>POAT&1KU0Vt3&Wo!LfzrIEtDnm{r-UW|%!17! literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider.png b/Cutefish-light/gtk-3.0/assets/scale-vert-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..57825fd774f8e8f676a29cd25796a8f38c160bc1 GIT binary patch literal 550 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0To>h@Ck7R(xI#VJ2d?FoCG4> zx22etebyWw*9mQvVo}iyKOU=(elH(^@nZC51UpHg33bFw7}IsRDQPw ziT|)^`35op71_0Zw{QFI(DvQ2{kwPH51+mtfs=j&P5Kc$=||hAeEs*~+rN+B{(brJ z9|$ymGT#S!Ors>oFPMRug`I<&M^0W%U8AwNrLDcUuYc|Oz5DhbK6>oEaloaXvX=f%1cAQ>TVc5`5q!oc1X6Is>z4omfhtSs`z(v9@?P zcd##SpqomeCvR=Exxt3(mj&F!%u7m|nXF|)`C4`~HcQJ$WOF12^0Qo%x^&~p?wyv| z8V#xuss$bihF)B|pSnpk?U-}A?~$YQiXD1R%pPt&&Zm!DI(bt@LPe?PMB~vDi`h6` rQti^Ve0cg~;?&?NLJyXthcGidE!SJC&bRFt(4`EXu6{1-oD!MlfSBuhz{!Y@5H@ zw0yH|{$|ts-KOO`khE_3ZVO?zegjI`K*{g6U|EnF1o~mq0z^P%V8K=-5~c>E3xtrA z!K9GP0jUX?_#+UACjAJS^dorEkC4efYS#X$UHhwU?XUWEzxsCknz-xNq}{(K@BTey z_wT8De$UwVd)vi7+b{judHK)oD}RpM`g`=&-($D`9>4SV#GSt<@BV%E{@?Qt|6Y9j z_v!n;&)@%j`SJhj&;Q?l{r~a%|F1v)fB*ge=kNc&|Nj5`4+07AgIa*$=vWfu7tFxQ z#?HaX#my%pE2p5Otf6IKd@&F62fUi2uwKBRQ+IYaY%uGc-5yE5k&{rGXI z?Q$5?`j?ym3l2C;mCT=gaKTA6)BCU36lC`Mre0n-d$Iw;J2BDw+n5Aw&Yx)C)M?wW z)UEZu(Se7XpS*l2kZ^0!xBll#9Cju*)S2qDxi-9YW3A76^3;;W;%ntZl?Pk1z9}nB zy2-d}%U@R&KAx=K-6vEH*1gxC#FX~+uWMYx*+=YsGi5xO_sMVhQt1@?c+rbXPy4sJ z^ybT*+vCO*v3c6ZpG^lgysDPoed;Z9wAoXqBVFPzI2K$_aaH#J`R6g?fhk9ISjr~l z$A7luW~`W!d2JWNfxIuj-hF-ePfLm^VPB-I5AWq;3bQxNc8xFHzF*+`_t0q`;lD3b y#YyyE$$nCvyZf-|^XRWVR#qjC{>ATKR9;u7y7QZO;6`AaF?hQAxvXDM3t literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..8dbedf610dcb3bc4a7bea0f13ab6068c2b559834 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprWDxpAc6d9X~}U&Kt*!`d_r7-bm*%8o|FDZ&iWZU z=V$cHpOLeFM$P#VGwVn6>>oe|kOVP+T%aJ34P=0&Kx_zti9oqvK^_qW5oL2x6-zNy zYcVw&F*RFpbvsEdXL-{w!{Aoqh#s?;$rkZ50y=I6cHRl>x*OPiFR1%|P|t&)o`)fQ zPr|3X1)BDG$3_;Q`(#Uk{DK+S*tKNGF9WoGLOX$PyXVAI4ZD}zUt74gFp5o8cB{$zg*@k$X!Uuw@o2x-f66djmi69L zotK&g$C%Z)=6r7O=hB%ebdcj8|Bu5wVmI4Fb&M3vdJ-mbF6?Z4aB+24;)CzEFA7`o zb5uAgJZWuMAkJ_|PS&I%<-(Id$Hnd}XXSXeRH$5d7I>ifta3wp`0RFeSvjeaO16UU z`&6q8c0_kh*FDR8aQ#$)1uq^tK6t(vNI!Oba6I!y)q49~-#;EuJ$>1swlD6pagB(_ zmoGfGpRIrKdZt-f?3Zsn>aOB{Z9fCuz;V84n!eJp&7$pp_Q+r7I3JaJuJ}mBw@<1c z=Pj1=+VWg$gV1YB?QJeq@3b8r+4NhxF0z^Lt#!QOW4wNoqe8Iqi;25KO+yprv+oH@ zn7;h(^?fD+?lKP++%lTmQvKa`EvI!1+q&`#Yrb|`?`_#r{p|AWvYb1gpNjh(yjJ!1 T)>9{7v@v+P`njxgN@xNA#ac(W literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-checked.png b/Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..a223d1ffe665114e7ef4bb39a420618411b05ca8 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprZT$pAc6d?a=Vey7`A?+fSS3 z?>4PJY+8N*N$Zwxwk_XnTE5wUNGNh_|L)ZB-M#yJ&Z3{Wi+>g`|5>v9XT$nm)A#o>f4|KZ~&4(9aBK$+8?E{-7f$0Zq;1I^+j)&s@9)+ zey&=xB_?#H$Gp8W0~ejUw{_BQ#^TA}N-ovh`R@Gd$N3|l?zD0D7yG+C;Ilk**l7Rj z4#lm(8x|z4OK{`6l)K73Z`;b|!-oFpKb8M5O!o6Td9`a#AJAJ2p00i_>zopr0JBis AJpcdz literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a7723f1d53d6e32d0da817f89a424cd24042f893 GIT binary patch literal 718 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=Ndd_r7-w06UP&q@ESn|@lg z{kr$OA2zMuY+Alqw|=v20WoY^zk^T<7&XHf5H1Gk*7eEL=N|k$@6hih$9|uG`1irz^=j(&VYrX6)O4;PREL zA3uHm^5^g7GWA0Y42mX3#)T6rH+FR0`v3p7jmAPv z%QAE8$LzoBmR73i&OUo4Oe^(9QJLi|jwH3f-H{Kn{zkBXHkOCOXb`XI(2NxTV_U!o!IU)7=@x_4*m~;$r3G zzEosfcpiD+>gQQ6W*)p+{cGd0O1BTUy?d1o7&r3I-{0-$+L6vAzd3dH(tj^L>Hby} zv7U(E}XY^L$}h6&GSTJTdKb;o-Qsp@3D@&YtQp6zLN{( z$|wA4E}4B;PVo2VE&83`ZT2FWD-Z5z;vNM z;R=@(UQDYFF%3zW&2AH(Fgg8BxILdhwM>G#y^(B7_4UwPj@xtD_T?{+njvf+CAhQd h*x~Lf%N@^8i;I|LI;UN|JQEmq44$rjF6*2UngHV!S*HL1 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..f6b914e581e248b7507c38d5cab1e40cba53e98b 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^+QGrW+S=OE($WSA z07YzVZIJ{(%=SR@G@u5)k|4ie1{rmYm220n-|*)BhmW5)nA0x!@+Wigph)e2{w*BEZ?LwBHHzSuxPAk o)w2-PI5DMJtIVaLWe+1mtXt52n@#tp0F7nvboFyt=akR{08N)x2><{9 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..29ecf2b8a283c375d6e51cf9554e644794ad815d 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^T3cJ&)6>)1+S z%FfQt*4Ea>#s9Qq3e!&cE?AkiIdcA%96DCfYJayWPeftkw zzH;^Br_W#h{M}rpeh8>=uBVG*NW|f{H_U|^3gVE1RYDx8P#JQSICA`uSq-)xu?10-oPFuXI2=aD$-7(k5*-6D~Q4g75$b zK^2b)3XV-IoI-HMk){QT8P5Kp-A$rwXGDDri{tHDz{riaR=Kd-+1 oVY9IM(w~2;`<8ZC-g&%>(fFB5WkR|QDEJvXUHx3vIVCg!0N>hanMprB-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/Cutefish-light/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/Cutefish-light/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@}BGA_Z*Q0j zH5dpu2Ns=6SoHnh^(E0fs$nbZ8_XZehI28oX|KK>Tvs+r>uOtL%W+q+0Kai z7#7F>;pwnt%DH>8 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: #2C2C2C; + color: white; +} + +.background.csd { + border-radius: 0 0 14px 14px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #2C2C2C; + color: white; +} + +.gtkstyle-fallback:hover { + background-color: #1f1f1f; + color: white; +} + +.gtkstyle-fallback:active { + background-color: #131313; + color: white; +} + +.gtkstyle-fallback:disabled { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #5b9bf8; + color: white; +} + +.view { + background-color: #2C2C2C; + 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; +} + +window.background.csd > stack.view { + border-radius: 0 0 14px 14px; +} + +textview text { + background-color: #2C2C2C; +} + +textview border { + background-color: #242424; + color: rgba(255, 255, 255, 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 6px; +} + +.rubberband, +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, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband { + border: 1px solid #5b9bf8; + background-color: rgba(91, 155, 248, 0.3); +} + +flowbox flowboxchild { + padding: 4px; + border-radius: 6px; +} + +.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: 6px; + 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: 36px; + 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: 36px; + padding: 0 8px; + border-radius: 6px; + caret-color: currentColor; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +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(255, 255, 255, 0.08); + 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: 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(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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #F28B82; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #FDD633; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical progress, spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid #5b9bf8; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #2C2C2C; +} + +treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); + 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); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#5b9bf8), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5b9bf8), to(transparent)); + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(255, 255, 255, 0.7); +} + +infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked { + color: white; +} + +infobar.warning > revealer > box button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(255, 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: white; +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 0ms 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(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #5b9bf8; + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +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); +} + +placessidebar.sidebar row button.sidebar-button, calendar.button, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, +.menuitem.button.flat, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), border-image 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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); +} + +placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, treeview.view header button button.circular:focus, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: white; +} + +placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, treeview.view header button button.circular:hover, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: white; +} + +placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, treeview.view header button button.circular:active, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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 0ms cubic-bezier(0, 0, 0.2, 1), border-image 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 0ms 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; +} + +placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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(255, 255, 255, 0.3); +} + +filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: white; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .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, 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(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: 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:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { + border-radius: 9999px; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 12px 16px; + background-color: #5b9bf8; + color: white; +} + +button.osd:hover { + background-color: #6fa7f9; + color: white; +} + +button.osd:active { + background-color: #86b5fa; + color: white; +} + +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: #5b9bf8; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(91, 155, 248, 0.2), 0 4px 3px 0 rgba(91, 155, 248, 0.14), 0 1px 6px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:checked { + background-color: #8cb9fa; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(91, 155, 248, 0.3), 0 2px 3px -1px rgba(91, 155, 248, 0.24), 0 2px 5px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #5b9bf8; +} + +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(91, 155, 248, 0.3); +} + +button.destructive-action { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(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: #F28B82; +} + +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(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 0ms 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: 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: 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(255, 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(255, 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(255, 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: 24px; + min-width: 24px; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + 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: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 2px; + background-color: #2C2C2C; +} + +.osd toolbar { + background-color: transparent; +} + +.app-notification, toolbar.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +.app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 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 { + border-radius: 0; +} + +.bottom.app-notification, toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar: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(255, 255, 255, 0.12); + background-color: #242424; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; +} + +searchbar > revealer > box { + margin: -6px; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + 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: 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); +} + +.titlebar entry { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +.titlebar entry:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.titlebar entry image { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar entry image:hover, .titlebar entry image:active { + color: white; +} + +.titlebar entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #242424; + color: white; + border-radius: 14px 14px 0 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +.titlebar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar:backdrop { + background-color: #2C2C2C; + 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 0ms 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 + separator, .titlebar + separator.sidebar { + background-color: #242424; + background-image: none; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop { + background-color: #2C2C2C; +} + +.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { + background-color: #5b9bf8; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: #5b9bf8; +} + +.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar { + box-shadow: inset 0 -1px rgba(255, 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(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 6px; + padding-right: 6px; +} + +.titlebar.selection-mode { + transition: background-color 0.1ms 0ms, color 0ms cubic-bezier(0, 0, 0.2, 1); + animation: ripple-on-headerbar 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #5b9bf8; + 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:not(.titlebutton) { + 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: #5b9bf8; +} + +.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { + border-radius: 0; +} + +.titlebar.default-decoration { + min-height: 24px; + padding: 6px 12px; + border-radius: 14px 14px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.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.csd .titlebar.default-decoration { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.12); +} + +.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: 0 6px; +} + +box.vertical headerbar { + background-color: #242424; +} + +headerbar entry, +headerbar spinbutton, +headerbar button { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar button, headerbar button.image-button { + border-radius: 6px; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0 4px; +} + +headerbar separator.titlebutton, headerbar separator.sidebar { + 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 { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + border-radius: 0; + margin: 0; + min-width: 120px; + padding: 0; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box { + padding: 0 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus { + box-shadow: none; +} + +headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image { + min-height: 0; +} + +headerbar.windowhandle viewswitchertitle > squeezer { + margin-top: 0; + margin-bottom: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher { + margin: 0 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +/************ + * Pathbars * + ************/ + +.path-bar.linked:not(.vertical) > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; + background-color: alpha(currentColor, 0.08); +} + + +.path-bar.linked:not(.vertical) > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +.path-bar.linked:not(.vertical) > button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + + +.path-bar.linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + + +.path-bar.linked:not(.vertical) > button:checked { + background-color: alpha(currentColor, 0.16); + color: white; +} + + +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { + margin-left: 0; +} + + +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { + margin-right: 0; +} + + +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + + +.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); + padding: 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; +} + +.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { + background-color: transparent; +} + +treeview.view:hover, treeview.view:selected { + border-radius: 0; +} + +treeview.view.separator { + min-height: 6px; + 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: none; + box-shadow: none; + background-color: #5b9bf8; + background-image: none; + border-radius: 9999px; + color: white; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: #74aaf9; + color: white; +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: white; +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: rgba(255, 255, 255, 0.3); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +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: #2C2C2C; +} + +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: #2C2C2C; + background-clip: border-box; + color: #5b9bf8; +} + +treeview.view acceleditor > label { + background-color: #5b9bf8; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #242424; + color: white; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar, .csd .menubar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(255, 255, 255, 0.7); + border-radius: 6px; +} + +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; +} + +menu, +.menu, +.context-menu { + margin: 6px; + padding: 6px; + background-color: #3C3C3C; + background-clip: border-box; + border-radius: 12px; + border: 1px solid #4b4b4b; +} + +.csd menu, .csd .menu, .csd .context-menu { + border: none; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); +} + +menu menuitem, +.menu menuitem, +.context-menu menuitem { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: white; + font: initial; + text-shadow: none; + border-radius: 6px; +} + +menu menuitem:hover, +.menu menuitem:hover, +.context-menu menuitem:hover { + background-color: alpha(currentColor, 0.08); +} + +menu menuitem:active, +.menu menuitem:active, +.context-menu menuitem:active { + background-color: alpha(currentColor, 0.12); +} + +menu menuitem:disabled, +.menu menuitem:disabled, +.context-menu menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +menu menuitem accelerator, +.menu menuitem accelerator, +.context-menu menuitem accelerator { + color: rgba(255, 255, 255, 0.7); +} + +menu menuitem:disabled accelerator, +.menu menuitem:disabled accelerator, +.context-menu menuitem:disabled accelerator { + color: rgba(255, 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: #505050; +} + +menu > arrow, +.menu > arrow, +.context-menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #3C3C3C; + color: rgba(255, 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: white; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + background-color: #3C3C3C; + border-radius: 12px; +} + +popover.background, .csd popover.background { + border: 1px solid rgba(255, 255, 255, 0.1); + 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 > scrolledwindow > viewport.frame > list { + background-color: transparent; + padding: 6px; +} + +popover.background > scrolledwindow > viewport.frame > list > row { + border-radius: 6px; + padding: 6px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #3C3C3C; +} + +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 * + *************/ +notebook > header tab { + transition: all 0ms 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(255, 255, 255, 0.7); + font-weight: 500; + border-radius: 6px; +} + +notebook > header tab:hover { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +notebook > header tab:checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(255, 255, 255, 0.04); +} + +notebook, notebook.frame { + background-color: #2C2C2C; + 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(255, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 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: 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 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #2C2C2C; +} + +* { + -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 0ms 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.5); +} + +scrollbar slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar slider:active { + background-color: white; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #5b9bf8; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: 0; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: white; + border: none; + color: transparent; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); +} + +/************************* + * 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: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(255, 255, 255, 0.12); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04); + background-color: rgba(255, 255, 255, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(255, 255, 255, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: white; + background-color: #5b9bf8; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.15); + background-color: #8cb9fa; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.2); + background-color: #5b9bf8; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(91, 155, 248, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover { + box-shadow: none; +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-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")); +} + + +menu menuitem check { + min-height: 16px; + min-width: 16px; +} + + +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); +} + + +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); +} + + +menu menuitem radio { + min-height: 16px; + min-width: 16px; +} + + +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); +} + + +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); +} + +treeview.view radio, treeview.view check { + padding: 0; + margin: 0; +} + +treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(255, 255, 255, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate { + background-color: #5b9bf8; + color: white; + background-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 0ms 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.12); +} + +scale highlight { + transition: background-image 0ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#5b9bf8); +} + +scale highlight:disabled { + background-color: #2C2C2C; + background-image: image(rgba(255, 255, 255, 0.3)); +} + +scale fill { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #5b9bf8; + background-color: #2C2C2C; + box-shadow: 0 0 5px #ccc; +} + +scale slider:active { + box-shadow: 0 0 5px #B3B3B3; +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); +} + +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 { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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(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: 6px; + background-color: rgba(255, 255, 255, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #5b9bf8; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #5b9bf8; +} + +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: #FDD633; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #5b9bf8; +} + +levelbar block.full { + background-color: #81C995; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + 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 > 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(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 14px 14px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +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.content:not(.conversation-listbox) { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +list.content:not(.conversation-listbox) > row { + border-radius: 0; +} + +list.content:not(.conversation-listbox) > row:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:only-child { + border-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:focus { + box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08); +} + +list { + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +list row { + padding: 3px; +} + +list.navigation-sidebar { + padding: 3px; +} + +list.navigation-sidebar > row { + border-radius: 6px; +} + +treeview.view header button, row.activatable { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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%; +} + +treeview.view header button:focus, row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +treeview.view header button:hover, row.activatable:hover { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +treeview.view header button.has-open-popup, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 0ms 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; + background-color: rgba(255, 255, 255, 0.12); +} + +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: #5b9bf8; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander title > arrow { + transition: all 0ms 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: 1px; + border: 1px solid rgba(255, 255, 255, 0.12); + color: white; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 7px; +} + +calendar.header { + border-style: none none solid; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +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: #3C3C3C; +} + +messagedialog.background.csd { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; +} + +messagedialog .titlebar { + min-height: 24px; + border-style: none; + box-shadow: none; + background-color: #3C3C3C; + color: white; +} + +messagedialog .titlebar:backdrop { + background-color: #3C3C3C; + color: rgba(255, 255, 255, 0.7); +} + +messagedialog .dialog-action-box { + margin-top: -6px; +} + +messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child { + border-radius: 6px; +} + +messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) { + margin-right: 6px; +} + +messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { + color: #5b9bf8; +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: #F28B82; +} + +.csd filechooser { + background-color: #2C2C2C; + border-radius: 0 0 14px 14px; +} + +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: #2C2C2C; +} + +filechooser stack.view { + background-color: transparent; + padding: 0; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 14px 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: 14px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +/*********** + * 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: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: 3px; + background-color: #2C2C2C; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 3px; + border-radius: 6px; +} + +stacksidebar.sidebar row:selected { + background-color: #5b9bf8; + color: white; + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { + color: white; +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 0ms 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: 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: rgba(255, 255, 255, 0.12); + font-weight: 500; +} + +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: #5b9bf8; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #5b9bf8; +} + +placessidebar.sidebar row:drop(active) { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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: #2C2C2C; + 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: #2C2C2C; +} + +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: #5b9bf8; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #5b9bf8; + 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: #438cf7; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FDD633; + 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: #F28B82; + 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-radius: 3px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +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: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch overlay { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px #5b9bf8; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(255, 255, 255, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(255, 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; +} + +colorswatch#editor-color-sample overlay:hover { + 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); +} + +colorchooser .popover.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #2C2C2C; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + 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(255, 255, 255, 0.1); + background-color: #2C2C2C; + 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; + border: none; +} + +.ssd decoration { + border: none; + border-radius: 14px 14px 0 0; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 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: none; + 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: 14px; + border: 1px solid rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; + background-clip: border-box; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: #242424; + border: 1px solid #4b4b4b; +} + +.solid-csd decoration:backdrop { + background-color: #2C2C2C; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0 4px; +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + background-color: "transparent"; +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.15); +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.2); +} + +button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #5b9bf8; + -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: 7px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #3C3C3C; + color: white; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #5b9bf8; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(255, 255, 255, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +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(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: 4px; +} + +button.emoji-section:checked { + color: #5b9bf8; +} + +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 0ms 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); +} + +/* 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 #2C2C2C; +/* +text widgets and the like base background color */ +@define-color theme_base_color #2C2C2C; +/* +base background color of selections */ +@define-color theme_selected_bg_color #5b9bf8; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #2C2C2C; +/* +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 #242424; +/* +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 #2C2C2C; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2C2C2C; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #5b9bf8; +/* +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 #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 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_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +FIXME this is really an API */ +@define-color content_view_bg #2C2C2C; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #2C2C2C; +@define-color budgie_tasklist_indicator_color white; +@define-color budgie_tasklist_indicator_color_active white; +@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; diff --git a/Cutefish-light/gtk-3.0/gtk.css b/Cutefish-light/gtk-3.0/gtk.css new file mode 100644 index 0000000..d1511e4 --- /dev/null +++ b/Cutefish-light/gtk-3.0/gtk.css @@ -0,0 +1,4171 @@ +@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, #3c84f7 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #3c84f7 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 0; + -GtkTextView-error-underline-color: #D93025; + -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: #3c84f7; +} + +*:focus { + outline-color: alpha(currentColor, 0.1); +} + +calendar:selected, treeview.view:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected, .background.csd .view:selected { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.1); +} + +flowbox flowboxchild:selected { + color: #3c84f7; + background-color: rgba(60, 132, 247, 0.2); +} + +spinbutton.vertical selection, spinbutton:not(.vertical) selection, +entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected { + color: white; + background-color: #3c84f7; +} + +.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: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +.background.csd { + border-radius: 0 0 14px 14px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +.gtkstyle-fallback:hover { + background-color: #f2f2f2; + color: rgba(0, 0, 0, 0.87); +} + +.gtkstyle-fallback:active { + background-color: #e6e6e6; + color: rgba(0, 0, 0, 0.87); +} + +.gtkstyle-fallback:disabled { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.38); +} + +.gtkstyle-fallback:selected { + background-color: #3c84f7; + color: white; +} + +.view { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +.view:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.view:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.view:selected:hover { + box-shadow: none; +} + +window.background.csd > stack.view { + border-radius: 0 0 14px 14px; +} + +textview text { + background-color: #FFFFFF; +} + +textview border { + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.6); +} + +iconview:hover, iconview:selected { + border-radius: 6px; +} + +.rubberband, +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, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband { + border: 1px solid #3c84f7; + background-color: rgba(60, 132, 247, 0.3); +} + +flowbox flowboxchild { + padding: 4px; + border-radius: 6px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: rgba(0, 0, 0, 0.6); +} + +label:disabled { + color: rgba(0, 0, 0, 0.38); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 6px; + background-color: rgba(52, 52, 52, 0.9); + color: white; +} + +.dim-label { + color: rgba(0, 0, 0, 0.6); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(0, 0, 0, 0.38); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: rgba(0, 0, 0, 0.87); +} + +/********************* + * 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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #3c84f7; +} + +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(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.6); +} + +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: rgba(0, 0, 0, 0.87); +} + +spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, +entry image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.26) 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(0, 0, 0, 0.26) 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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #D93025; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #F4B400; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +spinbutton.vertical progress, spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid #3c84f7; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #FFFFFF; +} + +treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +.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(0, 0, 0, 0.6); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#3c84f7), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3c84f7), to(transparent)); + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(255, 255, 255, 0.7); +} + +infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked { + color: white; +} + +infobar.warning > revealer > box button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(0, 0, 0, 0.04); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(0, 0, 0, 0.87); +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(60, 132, 247, 0.35); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 0ms 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(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #3c84f7; + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +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); +} + +placessidebar.sidebar row button.sidebar-button, calendar.button, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, +.menuitem.button.flat, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), border-image 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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(0, 0, 0, 0.6); +} + +placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, treeview.view header button button.circular:focus, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: rgba(0, 0, 0, 0.87); +} + +placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, treeview.view header button button.circular:hover, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: rgba(0, 0, 0, 0.87); +} + +placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, treeview.view header button button.circular:active, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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 0ms cubic-bezier(0, 0, 0.2, 1), border-image 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 0ms 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: rgba(0, 0, 0, 0.87); +} + +placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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(0, 0, 0, 0.26); +} + +filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: rgba(0, 0, 0, 0.87); +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .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, 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(0, 0, 0, 0.38); +} + +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.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:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { + border-radius: 9999px; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 12px 16px; + background-color: #3c84f7; + color: white; +} + +button.osd:hover { + background-color: #5393f8; + color: white; +} + +button.osd:active { + background-color: #6fa4f9; + color: white; +} + +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: #3c84f7; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(60, 132, 247, 0.2), 0 4px 3px 0 rgba(60, 132, 247, 0.14), 0 1px 6px 0 rgba(60, 132, 247, 0.12); +} + +button.suggested-action:checked { + background-color: #77a9f9; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(60, 132, 247, 0.3), 0 2px 3px -1px rgba(60, 132, 247, 0.24), 0 2px 5px 0 rgba(60, 132, 247, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(60, 132, 247, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #3c84f7; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + +button.suggested-action.flat:checked { + background-color: rgba(60, 132, 247, 0.3); +} + +button.destructive-action { + background-color: #D93025; + color: white; + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(217, 48, 37, 0.2), 0 4px 3px 0 rgba(217, 48, 37, 0.14), 0 1px 6px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:checked { + background-color: #e46e66; +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(217, 48, 37, 0.3), 0 2px 3px -1px rgba(217, 48, 37, 0.24), 0 2px 5px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(217, 48, 37, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #D93025; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + +button.destructive-action.flat:checked { + background-color: rgba(217, 48, 37, 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 0ms 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: rgba(0, 0, 0, 0.87); +} + +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: #9C27B0; +} + +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: #9C27B0; +} + +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(0, 0, 0, 0.6); +} + +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(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.6); +} + +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: 24px; + min-width: 24px; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +button.combo:only-child:focus { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.26); +} + +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(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #3c84f7; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 2px; + background-color: #FFFFFF; +} + +.osd toolbar { + background-color: transparent; +} + +.app-notification, toolbar.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); + background-color: #FFFFFF; +} + +.app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.bottom.app-notification, toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar: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(0, 0, 0, 0.12); + background-color: #FAFAFA; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + background-clip: border-box; +} + +searchbar > revealer > box { + margin: -6px; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.6); +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + 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: rgba(0, 0, 0, 0.87); +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.26); +} + +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(0, 0, 0, 0.38); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.6); +} + +headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.26); +} + +headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.6); +} + +headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.26); +} + +.titlebar entry { + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +.titlebar entry:disabled { + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +.titlebar entry image { + color: rgba(0, 0, 0, 0.6); +} + +.titlebar entry image:hover, .titlebar entry image:active { + color: rgba(0, 0, 0, 0.87); +} + +.titlebar entry image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.titlebar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.87); + border-radius: 14px 14px 0 0; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); +} + +.titlebar:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.titlebar:backdrop { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.6); +} + +.titlebar:backdrop:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.titlebar .title { + padding: 0 12px; + font-weight: bold; +} + +.titlebar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +.titlebar .subtitle, +.titlebar .dim-label { + transition: color 0ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.6); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(0, 0, 0, 0.38); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar + separator, .titlebar + separator.sidebar { + background-color: #FAFAFA; + background-image: none; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); +} + +.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop { + background-color: #FFFFFF; +} + +.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { + background-color: #3c84f7; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: #3c84f7; +} + +.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 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(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 6px; + padding-right: 6px; +} + +.titlebar.selection-mode { + transition: background-color 0.1ms 0ms, color 0ms cubic-bezier(0, 0, 0.2, 1); + animation: ripple-on-headerbar 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #3c84f7; + 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:not(.titlebutton) { + 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: #3c84f7; +} + +.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { + border-radius: 0; +} + +.titlebar.default-decoration { + min-height: 24px; + padding: 6px 12px; + border-radius: 14px 14px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); +} + +.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.csd .titlebar.default-decoration { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(0, 0, 0, 0.12); +} + +.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: 0 6px; +} + +box.vertical headerbar { + background-color: #FAFAFA; +} + +headerbar entry, +headerbar spinbutton, +headerbar button { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar button, headerbar button.image-button { + border-radius: 6px; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0 4px; +} + +headerbar separator.titlebutton, headerbar separator.sidebar { + 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 { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + border-radius: 0; + margin: 0; + min-width: 120px; + padding: 0; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box { + padding: 0 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus { + box-shadow: none; +} + +headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image { + min-height: 0; +} + +headerbar.windowhandle viewswitchertitle > squeezer { + margin-top: 0; + margin-bottom: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher { + margin: 0 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +/************ + * Pathbars * + ************/ + +.path-bar.linked:not(.vertical) > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; + background-color: alpha(currentColor, 0.08); +} + + +.path-bar.linked:not(.vertical) > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +.path-bar.linked:not(.vertical) > button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + + +.path-bar.linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + + +.path-bar.linked:not(.vertical) > button:checked { + background-color: alpha(currentColor, 0.16); + color: rgba(0, 0, 0, 0.87); +} + + +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { + margin-left: 0; +} + + +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { + margin-right: 0; +} + + +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + + +.path-bar.linked:not(.vertical) > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: rgba(0, 0, 0, 0.26); + border-top-color: rgba(0, 0, 0, 0.12); + padding: 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; +} + +.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { + background-color: transparent; +} + +treeview.view:hover, treeview.view:selected { + border-radius: 0; +} + +treeview.view.separator { + min-height: 6px; + color: rgba(0, 0, 0, 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(0, 0, 0, 0.6); +} + +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: rgba(0, 0, 0, 0.87); +} + +treeview.view.expander:disabled { + color: rgba(0, 0, 0, 0.26); +} + +treeview.view.progressbar { + border: none; + box-shadow: none; + background-color: #3c84f7; + background-image: none; + border-radius: 9999px; + color: white; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: rgba(53, 116, 217, 0.9805); + color: white; +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: white; +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: rgba(0, 0, 0, 0.26); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +treeview.view header button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0; + background-clip: border-box; +} + +treeview.view header button:not(:focus):not(:hover):not(:active) { + color: rgba(0, 0, 0, 0.6); +} + +treeview.view header button, treeview.view header button:disabled { + background-color: #FFFFFF; +} + +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(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #FFFFFF; + background-clip: border-box; + color: #3c84f7; +} + +treeview.view acceleditor > label { + background-color: #3c84f7; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.87); + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.6); +} + +.csd menubar, .csd .menubar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(0, 0, 0, 0.6); + border-radius: 6px; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + background-color: alpha(currentColor, 0.1); + color: rgba(0, 0, 0, 0.87); +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(0, 0, 0, 0.26); +} + +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: #FFFFFF; + background-clip: border-box; + border-radius: 12px; + border: 1px solid #e0e0e0; +} + +.csd menu, .csd .menu, .csd .context-menu { + border: none; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15); +} + +menu menuitem, +.menu menuitem, +.context-menu menuitem { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: rgba(0, 0, 0, 0.87); + font: initial; + text-shadow: none; + border-radius: 6px; +} + +menu menuitem:hover, +.menu menuitem:hover, +.context-menu menuitem:hover { + background-color: alpha(currentColor, 0.08); +} + +menu menuitem:active, +.menu menuitem:active, +.context-menu menuitem:active { + background-color: alpha(currentColor, 0.12); +} + +menu menuitem:disabled, +.menu menuitem:disabled, +.context-menu menuitem:disabled { + color: rgba(0, 0, 0, 0.38); +} + +menu menuitem accelerator, +.menu menuitem accelerator, +.context-menu menuitem accelerator { + color: rgba(0, 0, 0, 0.6); +} + +menu menuitem:disabled accelerator, +.menu menuitem:disabled accelerator, +.context-menu menuitem:disabled accelerator { + color: rgba(0, 0, 0, 0.26); +} + +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: rgba(235, 235, 235, 0.987); +} + +menu > arrow, +.menu > arrow, +.context-menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.6); +} + +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: rgba(0, 0, 0, 0.87); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + background-color: #FFFFFF; + border-radius: 12px; +} + +popover.background, .csd popover.background { + border: 1px solid rgba(0, 0, 0, 0.15); + 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); + background-clip: padding-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); +} + +popover.background > stack { + margin: 0; +} + +popover.background > toolbar { + margin: 0; +} + +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background > scrolledwindow > viewport.frame > list { + background-color: transparent; + padding: 6px; +} + +popover.background > scrolledwindow > viewport.frame > list > row { + border-radius: 6px; + padding: 6px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #FFFFFF; +} + +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 * + *************/ +notebook > header tab { + transition: all 0ms 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(0, 0, 0, 0.6); + font-weight: 500; + border-radius: 6px; +} + +notebook > header tab:hover { + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +notebook > header tab:disabled { + color: rgba(0, 0, 0, 0.26); +} + +notebook > header tab:checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: white; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +notebook > header tab:checked:disabled { + color: rgba(0, 0, 0, 0.38); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(0, 0, 0, 0.04); +} + +notebook, notebook.frame { + background-color: #FFFFFF; + 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(0, 0, 0, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #FFFFFF; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar slider { + transition: background-color 0ms 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(0, 0, 0, 0.38); +} + +scrollbar slider:hover { + background-color: rgba(0, 0, 0, 0.6); +} + +scrollbar slider:active { + background-color: rgba(0, 0, 0, 0.87); +} + +scrollbar slider:disabled { + background-color: rgba(0, 0, 0, 0.26); +} + +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(255, 255, 255, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 9999px; + background-color: rgba(0, 0, 0, 0.38); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(0, 0, 0, 0.26); +} + +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(255, 255, 255, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: rgba(0, 0, 0, 0.38); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #3c84f7; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: 1px; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: white; + border: none; + color: transparent; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12); +} + +/************************* + * 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.png"), url("assets/selectionmode-checkbox-unchecked@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.png"), url("assets/selectionmode-checkbox-checked@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: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(0, 0, 0, 0.12); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.04); + background-color: rgba(0, 0, 0, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(0, 0, 0, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: white; + background-color: #3c84f7; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(60, 132, 247, 0.15); + background-color: #6da3f9; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(60, 132, 247, 0.2); + background-color: #3c84f7; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(60, 132, 247, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover { + box-shadow: none; +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-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")); +} + + +menu menuitem check { + min-height: 16px; + min-width: 16px; +} + + +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); +} + + +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); +} + + +menu menuitem radio { + min-height: 16px; + min-width: 16px; +} + + +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); +} + + +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); +} + +treeview.view radio, treeview.view check { + padding: 0; + margin: 0; +} + +treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(0, 0, 0, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate { + background-color: #3c84f7; + color: white; + background-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 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(0, 0, 0, 0.26); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +scale highlight { + transition: background-image 0ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#3c84f7); +} + +scale highlight:disabled { + background-color: #FFFFFF; + background-image: image(rgba(0, 0, 0, 0.26)); +} + +scale fill { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.26); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #3c84f7; + background-color: #FFFFFF; + box-shadow: 0 0 5px #ccc; +} + +scale slider:active { + box-shadow: 0 0 5px #B3B3B3; +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.26); +} + +scale marks, +scale value { + color: rgba(0, 0, 0, 0.6); +} + +scale indicator { + background-color: rgba(0, 0, 0, 0.26); + 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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.png"), url("assets/scale-horz-marks-before-slider@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.png"), url("assets/scale-horz-marks-before-slider-disabled@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.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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.png"), url("assets/scale-horz-marks-after-slider@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.png"), url("assets/scale-horz-marks-after-slider-disabled@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.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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.png"), url("assets/scale-vert-marks-before-slider@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.png"), url("assets/scale-vert-marks-before-slider-disabled@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.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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.png"), url("assets/scale-vert-marks-after-slider@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.png"), url("assets/scale-vert-marks-after-slider-disabled@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.png"), url("assets/scale-vert-marks-after-slider@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(0, 0, 0, 0.6); + 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(0, 0, 0, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #3c84f7; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #3c84f7; +} + +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: #F4B400; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #3c84f7; +} + +levelbar block.full { + background-color: #0F9D58; +} + +levelbar block.empty { + background-color: rgba(0, 0, 0, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, +.frame { + margin: 0; + padding: 0; + border: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 0.12); + background-color: #FFFFFF; + background-clip: border-box; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 14px 14px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(0, 0, 0, 0.12); +} + +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.content:not(.conversation-listbox) { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +list.content:not(.conversation-listbox) > row { + border-radius: 0; +} + +list.content:not(.conversation-listbox) > row:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:only-child { + border-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:focus { + box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08); +} + +list { + border-color: rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +list row { + padding: 3px; +} + +list.navigation-sidebar { + padding: 3px; +} + +list.navigation-sidebar > row { + border-radius: 6px; +} + +treeview.view header button, row.activatable { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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%; +} + +treeview.view header button:focus, row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +treeview.view header button:hover, row.activatable:hover { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +treeview.view header button.has-open-popup, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 0ms 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; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected image, +row:selected label { + color: rgba(0, 0, 0, 0.87); +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(0, 0, 0, 0.38); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; +} + +.app-notification button.text-button:not(:disabled) { + color: #3c84f7; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander title > arrow { + transition: all 0ms 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(0, 0, 0, 0.6); +} + +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: rgba(0, 0, 0, 0.87); +} + +expander title > arrow:disabled { + color: rgba(0, 0, 0, 0.26); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 1px; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +calendar:disabled { + color: rgba(0, 0, 0, 0.38); +} + +calendar:selected { + border-radius: 7px; +} + +calendar.header { + border-style: none none solid; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +calendar.highlight { + color: rgba(0, 0, 0, 0.6); + font-weight: 500; +} + +calendar:indeterminate { + color: rgba(0, 0, 0, 0.26); +} + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: #FFFFFF; +} + +messagedialog.background.csd { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; +} + +messagedialog .titlebar { + min-height: 24px; + border-style: none; + box-shadow: none; + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +messagedialog .titlebar:backdrop { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.6); +} + +messagedialog .dialog-action-box { + margin-top: -6px; +} + +messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child { + border-radius: 6px; +} + +messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) { + margin-right: 6px; +} + +messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { + color: #3c84f7; +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: #D93025; +} + +.csd filechooser { + background-color: #FFFFFF; + border-radius: 0 0 14px 14px; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +filechooser stack.view { + background-color: transparent; + padding: 0; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 14px 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: 14px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +/*********** + * 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:not(separator).left { + border-right: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 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: #FFFFFF; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 3px; + border-radius: 6px; +} + +stacksidebar.sidebar row:selected { + background-color: #3c84f7; + color: white; + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { + color: white; +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 0ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.6); +} + +row image.sidebar-icon:disabled { + color: rgba(0, 0, 0, 0.26); +} + +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: rgba(0, 0, 0, 0.12); + font-weight: 500; +} + +placessidebar.sidebar row:disabled { + color: rgba(0, 0, 0, 0.38); +} + +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: #3c84f7; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #3c84f7; +} + +placessidebar.sidebar row:drop(active) { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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(0, 0, 0, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #FFFFFF; + background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 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: #FFFFFF; +} + +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: #3c84f7; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3c84f7; + 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: #5493f8; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F4B400; + 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: #ffc00f; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #D93025; + 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: #dd443a; +} + +/************ + * Tooltips * + ************/ +tooltip { + border-radius: 3px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(52, 52, 52, 0.9); + color: white; +} + +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: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch overlay { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px #3c84f7; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(0, 0, 0, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(0, 0, 0, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(0, 0, 0, 0.26); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 2px 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); +} + +colorchooser .popover.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); + background-color: #FFFFFF; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #FFFFFF; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + 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.12), 0 0 36px transparent; + margin: 8px; +} + +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.12), 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; + border: none; +} + +.ssd decoration { + border: none; + border-radius: 14px 14px 0 0; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.metacity decoration { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: none; +} + +.csd.popup decoration { + border-radius: 12px; + border: none; + box-shadow: 0 2px 3px -1px 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.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: none; + border: none; +} + +messagedialog.csd decoration { + border-radius: 14px; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: #FAFAFA; + border: 1px solid #e0e0e0; +} + +.solid-csd decoration:backdrop { + background-color: #FFFFFF; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0 4px; +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.6); + background-color: "transparent"; +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.15); +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.2); +} + +button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #3c84f7; + -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(0, 0, 0, 0.12); + border-radius: 7px; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #3c84f7; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(0, 0, 0, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: white; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +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(0, 0, 0, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +button.emoji-section { + margin: 4px; +} + +button.emoji-section:checked { + color: #3c84f7; +} + +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 0ms 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); +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color rgba(0, 0, 0, 0.87); +/* +text color for entries, views and content in general */ +@define-color theme_text_color rgba(0, 0, 0, 0.87); +/* +widget base background color */ +@define-color theme_bg_color #FFFFFF; +/* +text widgets and the like base background color */ +@define-color theme_base_color #FFFFFF; +/* +base background color of selections */ +@define-color theme_selected_bg_color #3c84f7; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #FFFFFF; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(0, 0, 0, 0.38); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #FAFAFA; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #FFFFFF; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #FFFFFF; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #3c84f7; +/* +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(0, 0, 0, 0.38); +/* +widgets main borders color */ +@define-color borders rgba(0, 0, 0, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #F4B400; +@define-color error_color #D93025; +@define-color success_color #0F9D58; +/* +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 rgba(0, 0, 0, 0.87); +@define-color wm_unfocused_title rgba(0, 0, 0, 0.6); +@define-color wm_highlight rgba(255, 255, 255, 0.15); +@define-color wm_bg #FAFAFA; +@define-color wm_unfocused_bg #FFFFFF; +/* +FIXME this is really an API */ +@define-color content_view_bg #FFFFFF; +@define-color placeholder_text_color #666666; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #FFFFFF; +@define-color budgie_tasklist_indicator_color white; +@define-color budgie_tasklist_indicator_color_active white; +@define-color budgie_tasklist_indicator_color_active_window #f9f9f9; +@define-color budgie_tasklist_indicator_color_attention #F4B400; +@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/Cutefish-light/gtk-3.0/thumbnail.png b/Cutefish-light/gtk-3.0/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..cce29c243c3573311007ed400d3aa6b99f2e070c GIT binary patch literal 2057 zcmV+k2=@1hP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H12bM`h zK~#90?V4RoROuPVe`n6eFe45KECK>GMgakLRq%qUaRcnqnx?MyqPK0jjb^(^KSJG* zv`H^a+FES0Yqw2wHStnvQYEg&;A}NkLM`zE*x^HB2BlrLrhLrk%rNJiIlY+9z`)FK zfI-W2es}ZEIsfyX_kW(}ectyR!Q=55WJp^quet*n)|QOHX->xAG$&(lnv*d&&B+*? z=15B&U>F90K!9K{h_34x#`<1W34(wqiYSUgR#p~*AiU}>ttm+j4uwK^JRWpie_8!m za}2{k(=;?qBNz;_apOiT7W0Wr)4@5c;T+ca{0oCGJs|)#J1o=|3p7?rG*ya7;>!A$ zYJDNmMu%Y-%*@QBmAUbdBngMZVJebu59yrl3i4z!c^3Ohp1=ohD>POv&*inyPiU~; z@5kr!Evtj;6}#Pz&1OsZf5?E}I#oWoubS2r1o-}bnIARESeAHp)>1!VZVCp2rZ2YM zS?XTT++N<`0~iLJ`>V=_pDlgfTIwe>INek8e3IR3*O1PI?&S?W!1mX|LwoMN%4fr= z*N?E2e!?QlOtm~VHpcbq*Q39)va%>IFXzC414&cfd|WOUIXO9O*|H_3eR_JD(a}-r z>+4PFtcFDQs_F2XuH|R4mTHMJ#}xi}PvzsgD!;rH0>ySp2!)k zlt+&qA&Me9ckZODtPFrBPo5A61aLSU^!D~5%QE}+?Tb0rEVqZ2H%+xvOSB(VkSy@Y zeU*>y%%xuEuue;L>~K4i=*yzO4-QGZ^M;6Fz_mV|kMC-zdi)0>o<5{_Crj6LMn*;` zEG$G6!zKLq_&7Ij-i$e}zrUZJo*qC-IqDU|p z3K9?3{K);oU6uCRvGZ#GKNcG^ut0x4@4qQ=;-E~C!$NV6g%by5-hVT3JjT<96h&}b zTN?nXs$#d>IdS5Isq-o-Dkvx@VEgv%G&MCv+if-*d-m+X<#NTe13Z8JoEtZ8aQygj zDk>@f$ji&)>eZ{!ED;Ck_|n#xKa?=|hSPZf$Kv5Cl|JrKhKd^XJcV^5jYE zc6%!1W0;tj0AR8B(`=jZ2>pPx@rQ4vRu9Kq-F(bw1a-wO+is?^mi z!9t-B7K5rV)8d?MbqYnwH6QceEo%V z_G^pUuJtW$i||@@d@EBD!SnI?e5k4#9pvonY`k7?wCDnO`t&Idha=npNs1aXA6b^; zwigx_qG=lAOM#!gFrC zv>dCo*vy6c^ZD>E8Ug~}d_6p7oqakV-AQb4ZAtuxB_#$solXQn;Khp<^!N9(dGls! zYij{0EiJ`rwbIeiL2YdHsJzDnipVIy*Zl zC@6?l(Yd*~G&D4D>Cz<*A3lt#s&saC($dlreSlI$Q>DnK3+CI1k?$P}Kfq?pjcA$C zj}X)hPIm=4-DSS7@eteE+I|u54>MJ#VHhZif~u;~sNKDLH^+`0i$<_0id0uu<954w z{P;0dRaMm2*RyHUCW?!T*}8QrcDtRasVOu~W81cE04Rz=O-&7xlaqM8UW$r}$j;6N zpt`ymMNx3MTue_-)7aQZLqh`)PXD>Nxs;TYMEj}hIwd6~Nta6T>V>WO0@wR>Jb~Eu zzqvzL1o-<{$dtL|c>+KCx`Mc15>2GPT*@{H{QU4@eMs`MVRCYE-M{-aiy#OI&A;W+ z`Qe{tSEc{^Z(C`uiXUNXt)H;SN_D#XUnbeTwp5FJr(xwY*}MDYgoFPw^b;B!S!Vn{ zV6|G4{{Pcvh3~GwgztS-<|j?^lEY4igDlUybArK21kf|bf; + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg b/Cutefish-light/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..17e3c4a --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/Cutefish-light/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..b4808a6 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/Cutefish-light/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..3ea0541 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/Cutefish-light/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/Cutefish-light/gtk-4.0/assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 0000000..67beb46 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg b/Cutefish-light/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg new file mode 100644 index 0000000..bf51d9e --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/Cutefish-light/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg new file mode 120000 index 0000000..79b7355 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/Cutefish-light/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg b/Cutefish-light/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..b68859d --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/Cutefish-light/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/Cutefish-light/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..de0d789 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/Cutefish-light/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..7f0235f --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/Cutefish-light/gtk-4.0/assets/scalable/scale-slider-symbolic.svg new file mode 100644 index 0000000..4b00bc1 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/scale-slider-symbolic.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/Cutefish-light/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..37d9c04 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/Cutefish-light/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..1bc5cb6 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..4759e32 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..a44f5c9 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..d621934 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..91c7006 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/Cutefish-light/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..f2c9cf9 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg b/Cutefish-light/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg new file mode 100644 index 0000000..a06db4c --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/Cutefish-light/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/Cutefish-light/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg new file mode 120000 index 0000000..86dfcec --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/Cutefish-light/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/Cutefish-light/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..bafb558 --- /dev/null +++ b/Cutefish-light/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..00d08bd311d9223e162b4b973c1d7349623ecf08 GIT binary patch literal 597 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tn$A@Ck7R(xI#VC(QpJyXb%D z)c;9y|3}UF9yQ}f%-kQ5Gk-?U`W`j=d-R;|(Li$c_n0|9VrKn_p8X?g4u}LXfFxK1 zCkWWbJNb?P2N| zV&)uX<`QA%8foqtW$qSj?iOR=nPB0W=#jV7BX5~U{&J7}6`lpFLVNFp_B{yedl=UL zD16fM@JTPDW_*sC`6YVR*XUW_fOe^B#(n^LQmZ7$FPMRugPVs}UR7PAv8lPGy`!&x z!nzH6_w7G?cV98{mU2ywnboFyt=akR{0M^_Y AQvd(} literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..25abeb6006dc69c3cfaeb9a62644e7b4d272e509 GIT binary patch literal 974 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8Y0G|+7pyITd|3g>(_nh=U zVgCQnzW=d{{)bNepEUP>#N4kD^S;H+{2np=d+hA*QS*L;&-@WH=SS@9pRsd(M$P&a zGxJyUtY49HfPz1xX8(+t^)q_*&*(Wnqi1~wq1oSoieqN|h@Sl;3QR@=xwApsXdoBN z1}Xq)nGI456o<${)j(7tkuY(Hdaxl#vQc2R4iM<->gej}=<4h0>gnnk=;|Bl>Kp4B z80#6D=^0t*8v~K0p@oy7rL&Qxi; zyQEHaO`qYKKGQX0mRrV5w~X0tnRDDS=elJ9(LDE@gN>*b&-$KeX>b zSl`32{zqXG9*0eM0`%0^4_|wMq3l``KhOg z7GBrb*51)KY4Vh*)27dub>Q&Plc&y}JAd)f<0ns_y?FWR^_#cvKYsr5?fZ|Pn*^Sz z1EX(_r;B5V$MLt9Z^ruuN;EulWp-*4p6PT#U}jKTk=EAkB~vt$)t#4Jc<}RotV?Os z>x}Z}hpPYXyC0SPf1m83`hS60{HEJuU%$@I&$f%0?Y!PTdW+A;Gkv9BUM>E6YRBb} zzvlJ7Sp}z;g?;;ekBR%ey1JX2THKyk7V~c*pUTS*{aL;6jk)vs=L;9xz0J>RexH0( z%Psxkqh~1vJa%bMdFmRMJ!xkDP-+kzeP+>qJ;6E0`Zww%)$r+VjKAExQse4x%YkFLi?Zb@)M($OIpnNi&zV^M@0HT} v|I1Ij*B6!k=&Vtadxn3Z;`Q$*59@DKlz%$!)Tc+lh-dJ0^>bP0l+XkK9Cy~I literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Cutefish-light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..bb5607fb15111220fabda22b0595b70a881bf7d0 GIT binary patch literal 608 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0To>e@Ck7R(hUFqH#GbYUG?9g zVZQ^I5xeMr=+sxCQ~$@!`VlkjN6g$Gku!gW&;A@e?`Pz!&yll!M$GscJNH-g>|c>H zzQxS?9X;n;^qk+3Grvd80ixegvwlR*_z^w#2apjn<44r&9}zQu!~oHpAJHHKKSfP> zA2#`A*yJ|>EvEw;Px)5u^{L$9Teiisy+ArJ6H_O1x-q74$-_+K?%+|mJ zMCzN^7?|1^7+dKXTj?8`>Vc82zM-z3k*=PBuD*eej*iTam9=({+1axm?m-h3n(kfOwEexZ z&aVCU>>}2`yuek jwspOA{?EHVO@E$~l~B{U-P%lK-JIfePM7&i)cQ^$SpC z#N4mpvwpeK+>n`pkMWV->SVn zl{>skw>d=C*@RZwg;dxEmsonIS$HK|dZk!;CR%zXTX-f~cqD+3XM(wVtdWhkv8|V} zjhB&?hmp0Xp{28-xucPV6Ao5b1&t5CGY_+By)R z3#6pER=)s-RANbxUoZnB6Eh172PY>N7Z*1VFCV{vxP*k1nwo~DmJZMeODk&|8(UjD zJ7*VHS64STcMlIwFQ2&hgv6wl_KvQZv**m6J8%Ai1&j9V-FM*Nsnci9K7aY@^_MSS zzyJLC`}d!}|Nfb6+42k+JsqAdjv*e$-%g2CW(t&WSpUXpqN=ycHpi9EGIRtZH>I7P zr26dte@=eIo%aj&Ru;@Vzw>ub(EmSyQor4k!mM(Sy8V*oE%_fYiGR|>Z}KJaH7vAZV3a6fYJ~jQT{|hT`rsBgpJ3)X67$hj>TLS)0&(WZZ5H37MSqU?R&oQ zfejy`{+dm=I`8{wtAy_RUllGDpJL|m*!Sry)05YKnGWpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10MbxQ zR7C&)000300RR60fd5rh|5d90K!D#sfd4aq<}-l*K!^7}gYZ6s_dI~`Jcsx?gZMds z@i~X_I)(E*g7i9t?>dF_IfC^*g7rOx@I8g~JB0N*hW0*$@;!#~JcRN*g!ev#_dSC1 zJ%;l=hW9*!^G1vFNQv}Ii}X*A_-v!~bEf%wtM+}Y_JFVXgtGR>-2KSh`^en;%ijCT z-}~?N{_yqx^7jAo_x|wr{_*$z^7sGp_x|(v{`2?#_xt|$`TqF({`&m>`~3g>{r~*^ z{{R2~Wn0ZI0000*bW%=J009940|N*M3JM@0AtE9pBqS^^FfcJOGBPwdIy*c(K0iM{ zKte-AL{3muR#sVwi;Rtq&Cb!%)6~@0*xKdh=(miL~S#F!_$*r#>jph%b#b4@?wB| uB~YM-@`8giGa9*Yw)V60G47nM$@~H0&MdRR>Mo`L0000QyIu2ln}!cI?LRErKRUGkuxtKk)9}fr4TyeNwSKW|`fAto)wcDkO%qVf zSL>D!)-7MHnm$>zeY0!%WY_Y|w&{~?8xVc7Y58Q+^4+@WlXcrCtCr7pAoSg)`E$j} zZTd+*iX`>+2#c3|6F?X z=kk-kSAgj8pKDM5K704?*}Ff_KKy(B;opmo|K5E5_vXvLw_x=B=f5AnLFm_?|3LKT zF9iMj`|tn1fB%8x-+w^*KL`Oa40MI|`2#~Qqa?^Ln1PXriHVt+g`J&)gOih!o12H1 zS6D<$K|xVTNkv6fO-;?f(9p=(*u=!r(#p!(+S&LKD?G%PHN{`SrX% z=;|~6wnrZWHf&#e$zlEb{!a%>;_veBT77yE%j(l#=f+$29D89t+r*#2V1IGV)bsJO zx#|oZCYC>Y6C0i+9;{ouVLpq*`ssf+DI5qo_wPt9SHhAQo?VRB-UiJJXS6!XeV$4C z{I}~$tPy#NFPO!Ow;lV+Byizxm&As2?l(*uxpY4;aaqNjmE{yQk(FcjROWdr^=kK|_d-28Ra*5~^Fm>Iv`x9lpinR(g8$%zH2dih1^v)|cB0Tn$7@Ck7R(xI#VJ2ZfhTQ`Wb z?)-1n^4+2RyG`2<>*gPpZ9lDBzT32XhmbbSKWtilShxPLZTVr-`VGWx`398&E3;|- zZrcn}Z_^4SfeOBX8Q*O|vOq3a3W>C9{chj(-J$KfWBYgS-XFgGKLRKH2%7XGc+!v1 zDL>jb|LWNCt8?qG?rpz%w*5MD|L@rce=j`xd-2iVOOO9v2BIf_uRZ;H{n_7}&;LGo z_wVWZf6qVsd-vtvhj0HrfB*O8$A2I=kn?2~(4Sf*L4Lsu%q$$-JiPJ>YU&z|&8_Vn zy?y-?)@|6kZ~x&V$Bv)4aPjH0H}60G{PpMWEj^(FKwbMiT^vI+g7;3iDs;#|gtb|u zeEE*U2Q}aME&TuAzQt*>!udCk-`$x!Q{a=k%tN1*Q#fzgZ_x~D_R~!f+N;`ju43`3 z*MaPT-2zN6@=WK}^4qQABc98y+ z+t#mE zOh4{*|vPQ1|wUbmX_}}%|C2gen4bxfu^+r(RZL4APJNOssyV6 zlP%wEL4rT5LFz$TKx)9sKx$wJq!)y~!9_3`{u6!#PW%x#=||9{AHkD;giQWXx%yYl z+Fx~Re>JTC)xY!Cq+P!!?fyM^_wOmYe^1@>d)nUL)A# zfByge`~T11|9}7e|MwpRw&rED0Rz{qB*-tAft8J&gOiJ!PfAu!K~YIrMN7xP$kaC= zFf6>Tv9+zeqkrP0$y26HpE2{`;Uh;+o;rK({KdylpFMx^^7Wgy?>~I}{N>yCA3r}b zZ~X_1wti0+#}JR>ZzsDtJ2^@)Tz|*1d-u@;d;*0oJZ}yh5;Oep_kS}xbK(Bwug^9Y z&%61z?7rR7e?J$egl^w)$8P@Zt1(kE7l@Zt{z%wn{GZ)+??Hc|&tG5O|5^DrgGcPf z@1>I&bl$q>C2gF2B95V07)b@KF^6ZRmT&ea)SvN>+wJQ{7lJF31c5Bep zp81@&!Rq4y?gPIzf8EN#_%BBB1w+`PX~*6gU0C;9GVZ|%Aq$p0l2HMiI>(nj(Buf| z5Pln_bo-Id-UBmbTpIFpXE3aL`anqHdXwdYIKFob{bD){{6zxHHBkm!F((hQKDgFo z_u$UI3${@g^6J;lc9{L+AyfaP|2tTwWIJvXx0u+Zd|>iY`(89ZJ6T-G@yGywoW`|}R~ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..22b3bc9323f7c0c919fc6d2feccdd8c3349e5e3a GIT binary patch literal 591 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tta2@Ck7R(xI#VJ2d?Fob*3o z{{PrT|3jz#Pn!EbZszx>Ip5=E{fL?SBXZ`?sM+76=X{R_lC!_Z%=r;L`$rU*1Tkj) zhz6qBKfvNYqi2Iq%xsVd3;{(zYN8M#KXi0-^o=d_jV%pKtqn|VjjUXatlf>QJxrZK z&78x{Tq4X|BhB5S&D~-wJQFND6FqX5c;qeh$Xn)_zudE6m1p7V(B6BYeGkI=9)|Tl zikS2wV)DzV8K0wOeuJR8fqD*lx;Tbt1n<3YUF@KPNbAE+AyqGq zMdgMp7Z;TutoyGn6nW;zr0oAs|6QBYt=OX8b!2nGK8a8F81)6YE#v}!>`Z&Fo?P)m z@b|fs3$9FipKW*brfeXqxJsd1;PQ)-h5L^0`fgckzPEHSk5EM5wQFCOa7}LR@N7fl8HZOk$L805%JAmt=z0BSZ~TNO)|^ig-ulFv ye;3i>65RCRzFXyCK|pRYN#MKQ|cY83s>RKbLh*2~7ZA(hTJQ literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..818c7edabb0937f0e2adca1574e53148672266ae GIT binary patch literal 951 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s9X0G|+7pyITd|3g>(_nh=U zVgCQnzW*TZ)c?^-{>M%K7BTNz+|2J0)4xZ}`w>3#N6efbku!fr&-)oQ>sQRoU(rBv z7EthK^sJxJvwz0S{vI{^do+Zc1!m0o5j`7>=KP3(FlK`c0V)O|phl4TAJMa5%3x}s zx`2v7A~0n*R7Qby=>UPQu8yvrj;_A0zM-zZv7P}Cndljs=^0t*8=31HTj(2G8d^FV zS-Kcmxf)r!TY9HjdZ$_Xq+9uY6djEn~J@ z<{Y=oxo%lNG|w%2zI)Ch@6wIlWt+Xrw)m87@vYn$+Iv5=??G7K!?6BGVf~N8CIHbB zpf6e@9ZZ2i>|7G$7tFxQ#?HaX#lt5pE2p5OtfHZ1U}WkS5E#jK;Ods4F&@Ko@4Du^(8nLJ?g<0*XZ(99Oqz$=-7x^QgUgR^RW3UZx4s z?0hN(96h(c9Dc$k*Lrxn5TjJ<N0gW8L)9kXdGq<-&)LU#A%4Xpz2&^QvOBd7UdmQm z{JHa$$<&IS??-||K1-jzng@(z22WQ% Jmvv4FO#s#zwj}@n literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..e5f083e39484597d99ce0232451c019a0d67b4c2 GIT binary patch literal 590 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tmq!@Ck7R(hUFqH#GbYUG?9g zVZQ^A(FbD3F8Uuj^;PK9|1r~k#LWE>IrC@u?9b6Nen!sv95Lf-?A%|GGrq;l`W-#z zTlAdYQFDGr&iWoT>qq2_AJIU?Gk(O(_z^YxN5sq@F>`)I&-xKF?Nij0_hFM?hE0AG z&~h%Y@sw}XUZ2VxzGYi%0t#&W^R4}|t^KpDe6y^4GY!n_4bAQKO>GU#KuF)j#=sPa ztn`ho^bJk*z(`l$P*=}LSI>|I>lJUqO-y?y-r0|FwW6B3grOq?=h>a+_NuUx%${pPLP&z`^h@afCf zo85kIfQIeyba4#P2;O_)xLA{ci0j1#H(W!G=oM`|8n;2*vI@`cZ(GwNVPkJpP?`!9bk6%zW-XKVcI^n25%d)bpTgq}F+>%4H9C|rH* z-P;?>4lPu7Oz&c$Z|N8JucskJjrV|sSMB1Px< zm%IIaQy)5*@O+Ij<|S|7FG8pO_nZ4VdddILnLye1k+c7YPW=K@7Bll} z+^iol(|*Lv{Si6yXXLD(v2%V#&-@uN>s!pM-_divMbG&iIrDqu%-=Dyzemma9y#kf zP$X*BkH{H6B4_`I0ioZ~Gk-+S{Q(h-neiiL4iNp0p7kSY_75QGQ?<{h>Y!ise&4FS zK9xJXOSd^h)!T$t+J#iug;m%Fmst9wTX?5hcqLnUrC53=$C|sv7}co|uH8d^FVnmYoKk%bcw=^2`Wkb#Mwfw8WhzOJ5uuD$_~)X~+0AYENOAkxv* z)z*Q6g#>Upp z-r2$mSee*XOZ=kGs_pY=SzD5~*vaSZV|{`T_qphFH4Z4aleP|&)ubj1w@>1j_wH-6U( zd&7G2Z+r`T1J4_I-?TX&kG%g;Yc%t$+sgPTi#Kce&!$-I`TD@MCG9}B#@BbQOUt#r z{{EX79r!Ny_l>z6>8EO4TVn0@Ygxs7*K^Sbz8vmyVr9PH)vu`&`A+Q3k9mDM>5O`l z-NNl}nH%C(=5K9Sn`Enz#}F34V3_dn-nDN#cwD~jJIQh`H!=M{&0@A)jaQpkxFQz> zGZ#L%Ahw0aswt{GAWjpmXz%*9eOnBJunaQkE= z2<(`2kkvpz?)ALs$#2=h>}2d?rnB|1J_un_KhU)BNO_c~-hF4W4({!y4+{30GoIG} zDpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10MAfN zR7C&)000300RR60fd5rh|5d90K!D#ffaWuR|2~88K7;o>fbcwr_&S5|I)nH*hw(dt z^E!p|I)(2#h4eXs^*)02J%#W+h4njx^*Vy_I)?T>gz`Ox@;rp{JcRc?g!4Xx_dSC1 zJ%;x@gY!m<^GJ#GON;bRkN9e$_;923d#m<+toDGf`Gm6e#oGJF-2KYl{mb6_%isIU z-TUwL{_yqx^7jAo_x|wr{_^+#^7sDp`2X|x{`dR-_xb+#`~Ld;{`>s@{Qdv@{r>;| z|8t8wNdN!g z6$y1b2_C3PC}KmfMnOUxOM(S-32L)*{_LktgPzND3=Zx-M2vP8%Ah~n+4gqYM>^yI r7D%-qY9+m2^)8Yum}Wi^VSnrex(h40p9mRi00000NkvXXu0mjfF$N=u literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..adc1af7ba222bc7229534335877b9efe10a42aba GIT binary patch literal 948 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm!0G|+7pkjvq{}~z@7#jXJ zH2e<@T@||OzeB@*&)nOdlYor-4h{b;3m;qd0nvZshW~mcFB}?PS(m-G?gYwyvTgh9 z(Ei=7`GZ~acbkR}mhB%M+JD$Jf3$1le$WuePlpY+JwDG<~pX|7zXx z)vD>ERnsS{wr_SVpX^$`*){>q0itg_I z>CvBSPyb$f`sdk)f6v~5$q)ZteEj$3^S?J={=J2v??3!Q1qs9JjZ;OWI&tm`9qM!A3TF0-Pxc}Z$_PaagJ69}b{rfz) z();VyiHq(DwYk5GRgTK7deVJl6PKY=Ev6_$}&>%l!zwy?)`V4!k z;*DA7%sAB7P_dQmR>RXdEJdCRe3=;)a=UIb{xUJ(h&lB@h9m0$!zQC0OiEHSSmRPZ z@SMp=;HsE-P}yK*qu~QLw(AWG8x;x^n~f73nExJF$Fq%b|Br{$?#a|xl*^p(cp%WR z`|Dv5hH0&b%V)FvYQ6l*^ThFLUXLrD_AcfJ!X}=`XDadByGnv7LbGC3duT(!QjUlpinR(g8$%zH2dih1^v)|cB0Tta2@Ck7R(xI#VJ2d?FoCG4> zxph-W1C;bSW@}q6@ulCKqy0-r6 z-u9~ph_?SabN}zz2Y)X-`g`%w-%F4GUVifT+S9)`p8b9D?%&h*|DJ#N_wLKT58wWM z{{HXFkN-eW>Am*>(0dvsL4Lsu%q;92+&sK;@@ncDP0cOs9X-AMYuE4FfB5LJ;}(|OSV^^QlTnl}VEFhnBw}Uc^YGfP iH0`dSb1o<3tC_d3>L21*|1$#U83s>RKbLh*2~7ZM0V!<& literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/Cutefish-light/gtk-4.0/assets/scale-horz-marks-before-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9dd390fb9363d64d634ae9b75aa45201b2cff5d7 GIT binary patch literal 943 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pkm{h|Fs+bdrtcA z(D2`~@4s;ah+z(7w|ui}`DWAc-J$)vP5Te4<{y^rKP=mR+P3|)YW-r{`qirGt9A1a z+vcw}E#GXLzu7c@w{89oB&}P(jF#^1uBF!H-?3rNZaA^Y9770CSoQUeyZ0ddh0 zP#0JbrUpX+T#NsN9|0481Om~dA3>9T1W)=AGWkcvs-HD$f7P!2Rk!w6{kmU$JAO^v z^=s0u-;;L#p1k|_l-<9l?)g1y|L@rces8_-XZxi;J1+g%dHK)oD}RpO`g`p5-{W`w zp1AY($mSee)d1vFA0pZ4o?@y5Rc<; zFNX#@1xmO*T-(vgS=QYl8*!uS^ntuLV$l;n|JUF1UPDd|k-A`p_HR#}{T5{5*S4q;C4r`~QVjt{1!> zE#Oxl^S?6uTuN4eBwN`-U zv`~BL`RA|P40$D5actk`!0pa|_qlpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xI#VJ2d=HnEyX? z>i?v<|KnzUkC^^FZq|>Oxj!Oj{*0dWJ$lafsM+76XMc~G^CM=~kLcMyqUL}|5Ccd8 zRYJKxqi6q&0gFRqfn1<27#peu$kox&(KE8pH?cM_1tJ?GD_0|HcT=YjGv_cf=WsLE zNORXHbGK-7w-|HxSPRbtOV31)yrmv_%RKUzdlsw=?Y$S;_aLnQQTU|i5tCj-&G;NW z>udC^Z$OhDr9FED^pbi>kY6wZGYba~ubhIKx<+GjYkNmu|AciL_U=1;!)l9HtDPIy=}zid&^^^k=EV(#6qVQ>0ihFB zPhw3bs!aHzk>KI6!Kv5iSl*O|Zqu^UH$!B2H&}_UILi1+Fj<7($bf6NMf9xf%-Kk; AOaK4? literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..78cff7e739ff61f388d35156a78752f5369427ae GIT binary patch literal 907 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pyITd|3g>(_nh=U zVgCQnzW+dO?4tikbN@%r{uVLsTind=QFFdWO#dD``+L;9AK^29#LW2-J@04ioS#v% ze#OlE6+P=$XDvkoGpZz0h){mIkAO@5K3I2=* zssSOGAXovAi-ACDplBA10Tzh@lR7}4tE;1{r=zQ{t7o9AZ=|bltY-j3CVGZudPWxd zM&|m)7W&4P`o>m<7EVT%E=E?aM%M0@-l>+}X_h|eRz7Jq!6mjKrM97EcA@2VVHGZ^ zQ(RJ~x~9)?O`qwO0YtOiGUvEu&UMdO=vA`8yL6Lx*=FyuExwgILwoOs_B{yedl=UL zD6Ic+*o4PGr?S;pNB{%ZsU*lRn1Pjzor9B$n^#6wPF_J#Nm)fp$H2(cHy|)Htgf-O ztz*KZ$9glAUcP?&?)`_4pTB(j{^RGu`glHIl%;yQIEHu} ze>>&6eN&=Do4m2pw-d{hQn+V+ow~O*WxYVxy8r(VG=9{+|KfEA^YxFV`_F&w{Vw+N zd4Et!`Odv|$9~QECL~-nGrKSUnM`Qpmp|tiBw228_569|7{U|%_3y1h2BGrfzh5u> z@Gw`X;i8r8eKXDvMPfmAkzLCemc82g*NOkY;boJKmB}2qzCiK?O9$&zo~H6$##(<5 zEMD};N&h0VirE#$r(V{HGg%jPC0Si$+S6vjd@H(?*}RJ{%J^5K^4^APJ%S1T<_ipy z86z(9uSnNnSk2aWdj5Qy=Tm<*c6|Iflm9Mn%=1rCvl~NBeEF$#)cAlW-~P584Ns<3 z#%qZ+K3}l2*2QHB^MiYTSSK|xHvI70wf|>If$P#c+!Ji#e_fjHf4|4eVM*GT#c4?s zKfF72Fz}78_t}n+sw=K$AzExtw*EFQtzVrO+SPG&X4tXKv1TXz0w-@SPpYar@-}13 gj0^vNir!lpinR(g8$%zH2dih1^v)|cB0Tt~E@Ck7R(hUFqH#GcrXxQ)2 z@ISQgzwgXvv5WqPPJIwDC!ACWVDM9=*JWJJyW5i#>e3=qxv5e+nF+NY=~@53g) z3~W5*Tea7xa))o(790OuOTQdzzicbtEJJg915-PFQ(FTQTLUv&eG?l4V=DtwD}56y zJwsC<(ls#B)ico51CshWIyxs?@=Ab?w=D_s3ua(sVqxLr;^yH|Q`gYc($+RHv9PqV zwzji(admU|^7i)j@$(OePDo6iIC;v{iZE)x{I+Q0e zf09_)>By&{z8kH?SGe-N5>yu9H!|ST(tQ0QGWu2aY7I`~#VktvCIX^6BrZ13b@vJL fYU-XlFOZkvotTC|{I{8Ppg8k%^>bP0l+XkKt~b}7 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..25f37aba2ac21602117b02aab42cb00dcebe1402 GIT binary patch literal 887 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nl*0G|+7pyL1k|2H)J4_)=& zq2YhR{QseSk3;)FT;G|`d}sbooB2Ps`-R`!*GY5#M=$vwIuoeoedO#fp;NyA701l{ zA2Ii9_^cmsvwlR*{24y`bL6a_;nP3I&iNTV^CwVQ#H?>Ivwla<`4&0zd*saDF|)tN z%>ErU<9pPc-%&sX- z?(i<%<`7kH6Iy8(QehiXZW~-;>78cbm2BymXz7`3;gJABo(bmevF2_uCbmAtwqC|I zUPe|PhUShyWMtt4M0$p%AY@>oXJD+WXP~R64O`v*RJu53~8yj0&J3ALw zAaHZ{@bK{T@`;O2NK9&O@96BBIeYHh`3n{-TD)iPz5}PvoH_ga<*V19zkK=n?fZ|P zKY#uH^Y`ER?2x0tXo~f8aSZV|{&vdoutNbNuIrC*m2Gs^xv@w|E2lU14OiLGbuEAX z+gohVF{t#EczM9q?)TlQ@Q&>3?6KW7N@*ZDm;sZLVi>be{CG6|~_rWfvK zobakZl#OAN>h7jX>x$e|m~(FN^@SW0*zoCv$eY@7=V*pc+hlLNVDvd1T5w;BP38vI zoivpOz#guLlw+r7JL_u8D+`+23uBjrwH%H+~Vj=ulTuX^)!jhEm`ef`I+2RHm! rT>A3x=9OCvh2CFbI`aRg=sm`Jy=lpinR(g8$%zH2dih1^v)|cB0Tmqx@Ck7R(hLm$8UFugX!swx z>c2z7eTRns#tqMm8~!`Af46J?VAuTJrs0E4`wz>8kCyEpty(|ZG<~sZeQ(+H)voEQ zZR-cy*00trU#*%xTD5(%Yx!i`21MU%T0Ysee79}-Y}*Dz-))*dyLEr|==|c}|D#~> z*WzVAt5<((SpTzS)3+0Mego0zd%sWL|NZ{!zYkykfB5?E)3^U0zW@99{okkW|3Ci# zqJLk0{Qv&*-;dw_e*gXd`wtNP`}6ld5GZR)Dg%9BUlQaO%)rRV#LU6L#igLAsHCK# zqN8tMXlP_)Vrpq+ZEa&`Z*TA5TQ)zjN|?%c(Tm#ZAvc9E8)JO$}yZcGXi$DRg60O|@mVmR7bERaF#I z;jB|F<*qg`xEdhjc4EWH)w6CpH!fA1#It`=pRG(preccAR38DM6IDy5=1f$X@a05; zN5=+-UZZ1qBJ(Gim7R`!8hUnvmG}x*-dBRjBK%FwF5&l&-3oAb^_;+}DzI~5kOvh2 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Cutefish-light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..47f06af375aebd295a5370b9fdaef775c3676d8d GIT binary patch literal 900 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmc0G|+7pkjvq{}~z@7#jXJ zH2e<@T@@PoKXlc9&q@Cs8tywZ{I@K8Y}p4y|Mf~sUs;#Ew(k7z-1f<#;gfCK zXRC(K77gzm+P~X1f46D)VAKA?vi+l7^GBP8Pd05p^uwz4i)GVSyQZ(UtzT`LKG-yU zwQl)f-SX9{>62C4H@lWkb}ip*n}9}rvuXKc)AHTA>63NaC##mvb|CcKrulQlnxB>M1NoSfX;JiNTZBBEjn3W`cfDynK~ zY6gaeM#jb_CYF{~R@T-wHnz5Qc6JWIA)#Sm;nnpGjm?v$PMbbs=Bzn$ckJA`YtM-j zCr>?l@$%KD&tJZN{r2O>&tJd){QWogblQ1fl*M_vIEHu}e>?Sf7?Y!j%ly8^gmYaD zN{c$WIAR1sLJXcaSQ?-CU*E)im{Hx}O+>-<(Af3W%T~M2GSSF&{&yg0%88!*6_?xY zyzKwze&%+l^SxJ|L9RtU8!wfgUzmI^aozh~h6%bcclWJ2`uZ*p19xp&)pel*zdBd_ z4Y2ZO*7+{|daA&IZ;QhY2JAxjrd8h=nP7)+uK5@EdSqp_ z5A0lav#f_9d)2~&6qDSko8p{Kw(h&3$n(oC%9_^5p~tXENN_Sl{R} zll6pc$SZks-E}K0#2Jl_FOC2CJoD5l7MCiqec5XDfqVY%*m-7o)|H+P>yY?~om+a; zS3T_vTlpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xI#VJ2XI%b?1MZ zj_(fb-)-7{SU3N$Z2M{5^4+H8JA|}p{$btv!?xvzP3t$CmLJwF-=N|^HO=2`n?WjV zT7XjDZCXKWTd-cBN~j=|3zD*H{chj(-Ld_>EG+m{@!~2_v!n8&p-V8@b%w^Z~s1i z`}gI?e;_#H!R`R`l6pyyUoZnR3kMIcoPwIVMq_hpdq-dYgmoMC?mK+s*zt>(o<4i? z_TBrRzyAFFobdq^z>7Rx978nDCnqdWe(+>^(4@%^A36!AJqr(GXEv2nODS{{EagoO zPIoU(_ANCOQ{hxBm5mlR*l;OS-2KFc)fqQ;I5f_co7A&l*FtWY8?Tj9RIcg@3Z1BW za&_(ml?h)o5Z-RK7If9`TM^wKmLFH`TyI`|KET8|MC0(&)@%l z{rUg<@Bcr4|Ns5>|KEQQ2s7Ey3=CPPk|4ie239t94o)s^UKv?Ac?Cr!Wfd(Q10z%4 zfWXkOy2jSFjtP?{Pn$mT;NhbuPn|h;{^H}O&z`?{`TFg<_a8of{_^enkDm+clFT159XzJzaP)xKz5nwq4D3Fz_D|%CdA#+# zrT#mypU?Y)F1?bPF)O*|!p*2Or}YK8pUy5?tkxcPW3!W(_FPxDy0->eZoqK*%fj&R zZujfsA&-jmSq?-r&&!|97GdqHIe(99GlOyOt-6iu3Dzr9Cfs3}k$s8h3xmrgFR_=g zcO|dZC3puGu9^OV`4IoBhN2a7H|Q_~x*E>SU=ItP#rSsZn*)uDny>Mg3tZ>UIQxOg zd>3P{q}_u^`vvnJGSA~-a<{jyyr;dhamL4=H~DkfzkRM;o9keZ`m1K*rOF33{qfE* z4lnNQ(GNX+pz78gJ0+z{yc?4LF?n7TIPffX+59^OI~E05vIlpinR(g8$%zH2dih1^v)|cB0To>h@Ck7R(xI#VJ2d?Fob*3o z{{PrT|3jz#kDK{DYR>n#SwCXt{)n9UGkVtd=sDk`XMYDVW&@>u#LW5;JsX6gX8ni) zGQixJIY5!0Fa%Wq=7Lp%)kAavNgW*>JtGT!6KexgAhI#Cb~m#2Fm((ua}GCii7<1G zG#47?lrcn~)7tFxS!p_0XBPXw>uF=@s($?PF*S~iC-hKNIA3b*b z(v#!bK>5M5sZ+xz2|jQVPJ0wu&de-YCzeuZ zR%o8iEv)Nn>>X|%=%!NWXYG{IzIy+fIg6$+sM{`rQk22WQ%mvv4FO#ss1 B=~w^& literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..03926a9f552a9f3dfbd542cc125b242f58a3b42d GIT binary patch literal 884 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmo0G|+7pyITd|3g>(_nh=U zVgCQnzW+dO?4tkCOa4dC{uVLsTind=5!1g%&HE8P^GD>&pV9MvM$P&aGxJx>tRFFR zen!vw89n=F% zT|mV!l}J)hy|aHrfdzGdKv!2sS5HS*UsumSSKmli-&oJUM9FUvN##5SbVHnhSnwA?j)hHJ(ww~X0t znRDDS=elLhb<3Xbp0miibfb6KX792sK4n`%d+&$#JqYW27}ozNtp9P?gvUTvC8(?` z1O}*MNswPK11lRl2PYRdpNy=Wf|9a^mVuF9KwwBib4zPm`-F*8rcRrF;PBDor_Y|h zaOu(GCr_Wfc=_th+js9jeER(5>$mSee#)zLDgt9E+SA1`#N+teDaXT@90gpDH*g-A z!`x(<>=w9Dp!mR?Vzr9@^)H>iFgWwSEnLX`?$_1Tuim{%m$3Y&saiTOPk-M>z4E!f z&hJWo{!BZUd|pXECq}7t>9rc|y|n_uwSHUoo#J+Q@=IaQ9yz;x{R|J*hP+(8oFOS) z(Q`x1Pd0;x0YChiY;rw?X8SWRn{EB?8xX`{$FOC^*Q7_15hWU5!qfKVxH9(di+dvT zK{WH6vXW32^VeJdl!}7AOCaT{BDf{GmOrza$~I6Z+$2J?p^C$-Ao2Si5i;H2JDgfI};rpofSgm zGR_&V(afLk%avTda^l=aQsLJ()K{&!9J*TgyXC(Y{sKNen?k9Ea$uY>c)I$ztaD0e F0sxTcm{kA( literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..61283d73add84421e6716b25dd598b586cb701f0 GIT binary patch literal 542 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tt~E@Ck7R(hUFqH#GbYUG?9g zVSi{Jh!MN!f9TX#p;Q0I&H52D_ebQ+pV2dZM$h{hIqP%8jIXhCe?`y!6*=Qu%&gzh zbG}8-`5igyd(^BSk+Xk9&;0>pM9uyYG4n?Z5Y71!4K!ier>H6K!zRBBoBYPV;bdUr zDc`ESK9xIc0t#&W^R4}|t^KpDd@~Kr?F~%r^i6FI%xn!zZ1qiS3`~K@O3&Cz-_TUg z&{WsJNLSB5R}V<)>*(n4r`~M?I^MP<$S;_Ik%^gwlarf=M@?NrOH13t#KO|b+S=a5 z)y>_@+uPg6&p#j_Dmo!?!o(?4rd_;z4@T2T#PNPZ4|k&_Ouu$+U0=W=T1(!l@# literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..690689c3e803af536f28a663c751c3285f0c28ba GIT binary patch literal 835 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmK0G|+7pyL1k|2H)J4_)=& zVgLVx`Ts-v9*6e*_nrAHZRY>bssH`vzK&k@pD{E^TTRS^@XBSsjS2s6z4-XGdFQ2&hgv6xwj*hPBvu4kkJ9plK zJ$v^ZJbCK$nKNf!ynOZf%a^a;zW@07>-V3(|85_iun`yqzMd|QAs)xyPKmU33KVI( z?C9FjrW_oi;g{d#!j-D#ye#YQfB8pk^IqLpepgg{@Adn?uH8EPD`uVG|0y3Ec1}^) zD{0Ey)^{e7F^D@WsPk^p)K7 z+IG2rQS4uSJbgH)I;3%m;gjdxEB0-#UGhg$;LG?0$_)z+cZtRA`g*>dA-gS@ zBPDzO+~1bx8C9lcKI>=R5WZ{Y|B9L&dQTZT{8u(-8l~}X5}ltMqIY9aQBHtFd-<-z u6;8_gdvAJ}~J_b)$KbLh*2~7a{Sa1sf literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..040f9f6c4fca781d3dff13b827b7e688f7b2400a GIT binary patch literal 566 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TrDL@Ck7R(hLm$8UFugX!su* z`ag8le}{(q#tqMm8~!`Af46J?VAuTJrs0EC^AF30kCyEpt(!huwSKl~`eN1k-m3MB zWz$!?rmwcGA8cE{S~Y#NYWrr_^2xUClTFJfyOz&(E#GaMKHIhd(RZ8X&u-nHJvzU5 zcYpEk|B<)wYr*2L)vLeNuKCum{^!wKzmMPfd+Ofb)AxR#zWe+A*MA?r{{Qgx-=}Z? zKYjoA@%z6|-$9JeKmLFI{_p$mf8T%p`~CO-?>|8F@6X@=K=81TFAnGxr;;GQUS}T0|P@tBO_BwD{C7&J9~S32PbD27yp3Ju&~a~p5Fd*=Pq8n zbmhwR>$jdh`|$D8mlp}AB!Q+a@N{tu(Kw%+ut532gGp1SO?{B)E}Zr#D2R=@QZ6l} zFf1|E)H#^lJ(*cF)zM9*Ffdh@Tisy8wUB4-V%Im8HZf_JvYNH**w!m7^Fs4;Vjw?D z+Nno3u2@^%)IQyy8sSplkznY>v-|0;Q+p!jW_K3o9cg|Rke{Jo(vZ?JCG@NBn>W1; zj!FkQWFmUzbWL!W@;J?nJHE`%Q!~=ACt?Aa B4gdfE literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..593ef55ae1812dbeed3fde49c44d1bc5553d301a GIT binary patch literal 867 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmu0G|+7pkjvq{}~z@7#jXJ zH2e<@T@@Po-=Sf@=OiF`-=X2ZW#MDXzQ@K5|Mf~(07~W&lPKaR<8Y7z4}}2nr{v3 ze>QITx%cXCAliTZ_kkO~&))xi?$Mv~5B^+y^!MT;Ao=Igqd!+3|9STA-?Mjro_+ZD z;^V)!pZ~o9qA&m6!qAW3|9|}c2Sk7V{)eG|fB*ge`xl7*{R1-o{r~qLjDQpva4eaB z1{g{SB|(0{42(=nOw7zI>>M1NoLt;Iydt6sii%1qDyph#Y6gaeM#jb_rk0jgR@T?l@$%E>FJHfY|MBD3 z?>~S4O>Dbi1dN(cPZ!4!kK=Er91ml16maETp~9@C(IlA2({RYupn>sBB+rb7U;oz^ zD9a?gSZJ$Paxiv(UFhA|uT@pM{sgz#9IR}9aVq9O^5qG;{}#SF($vTI>EB5eUzOV0 zu&U!mYSZpy{awL$;M>R8ji18y*xq70AQAZT_%+5$;;BEE6>VeQ@G9iTdd4SSmkt#3 zDWnAd7GHJA^Hd?wq0fMqu`SQ^$I zp8dQ3c>C+aJPZ>POAT&1KU0Vt3&Wo!LfzrIEtDnm{r-UW|%!17! literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider.png b/Cutefish-light/gtk-4.0/assets/scale-vert-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..57825fd774f8e8f676a29cd25796a8f38c160bc1 GIT binary patch literal 550 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0To>h@Ck7R(xI#VJ2d?FoCG4> zx22etebyWw*9mQvVo}iyKOU=(elH(^@nZC51UpHg33bFw7}IsRDQPw ziT|)^`35op71_0Zw{QFI(DvQ2{kwPH51+mtfs=j&P5Kc$=||hAeEs*~+rN+B{(brJ z9|$ymGT#S!Ors>oFPMRug`I<&M^0W%U8AwNrLDcUuYc|Oz5DhbK6>oEaloaXvX=f%1cAQ>TVc5`5q!oc1X6Is>z4omfhtSs`z(v9@?P zcd##SpqomeCvR=Exxt3(mj&F!%u7m|nXF|)`C4`~HcQJ$WOF12^0Qo%x^&~p?wyv| z8V#xuss$bihF)B|pSnpk?U-}A?~$YQiXD1R%pPt&&Zm!DI(bt@LPe?PMB~vDi`h6` rQti^Ve0cg~;?&?NLJyXthcGidE!SJC&bRFt(4`EXu6{1-oD!MlfSBuhz{!Y@5H@ zw0yH|{$|ts-KOO`khE_3ZVO?zegjI`K*{g6U|EnF1o~mq0z^P%V8K=-5~c>E3xtrA z!K9GP0jUX?_#+UACjAJS^dorEkC4efYS#X$UHhwU?XUWEzxsCknz-xNq}{(K@BTey z_wT8De$UwVd)vi7+b{judHK)oD}RpM`g`=&-($D`9>4SV#GSt<@BV%E{@?Qt|6Y9j z_v!n;&)@%j`SJhj&;Q?l{r~a%|F1v)fB*ge=kNc&|Nj5`4+07AgIa*$=vWfu7tFxQ z#?HaX#my%pE2p5Otf6IKd@&F62fUi2uwKBRQ+IYaY%uGc-5yE5k&{rGXI z?Q$5?`j?ym3l2C;mCT=gaKTA6)BCU36lC`Mre0n-d$Iw;J2BDw+n5Aw&Yx)C)M?wW z)UEZu(Se7XpS*l2kZ^0!xBll#9Cju*)S2qDxi-9YW3A76^3;;W;%ntZl?Pk1z9}nB zy2-d}%U@R&KAx=K-6vEH*1gxC#FX~+uWMYx*+=YsGi5xO_sMVhQt1@?c+rbXPy4sJ z^ybT*+vCO*v3c6ZpG^lgysDPoed;Z9wAoXqBVFPzI2K$_aaH#J`R6g?fhk9ISjr~l z$A7luW~`W!d2JWNfxIuj-hF-ePfLm^VPB-I5AWq;3bQxNc8xFHzF*+`_t0q`;lD3b y#YyyE$$nCvyZf-|^XRWVR#qjC{>ATKR9;u7y7QZO;6`AaF?hQAxvXDM3t literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..8dbedf610dcb3bc4a7bea0f13ab6068c2b559834 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprWDxpAc6d9X~}U&Kt*!`d_r7-bm*%8o|FDZ&iWZU z=V$cHpOLeFM$P#VGwVn6>>oe|kOVP+T%aJ34P=0&Kx_zti9oqvK^_qW5oL2x6-zNy zYcVw&F*RFpbvsEdXL-{w!{Aoqh#s?;$rkZ50y=I6cHRl>x*OPiFR1%|P|t&)o`)fQ zPr|3X1)BDG$3_;Q`(#Uk{DK+S*tKNGF9WoGLOX$PyXVAI4ZD}zUt74gFp5o8cB{$zg*@k$X!Uuw@o2x-f66djmi69L zotK&g$C%Z)=6r7O=hB%ebdcj8|Bu5wVmI4Fb&M3vdJ-mbF6?Z4aB+24;)CzEFA7`o zb5uAgJZWuMAkJ_|PS&I%<-(Id$Hnd}XXSXeRH$5d7I>ifta3wp`0RFeSvjeaO16UU z`&6q8c0_kh*FDR8aQ#$)1uq^tK6t(vNI!Oba6I!y)q49~-#;EuJ$>1swlD6pagB(_ zmoGfGpRIrKdZt-f?3Zsn>aOB{Z9fCuz;V84n!eJp&7$pp_Q+r7I3JaJuJ}mBw@<1c z=Pj1=+VWg$gV1YB?QJeq@3b8r+4NhxF0z^Lt#!QOW4wNoqe8Iqi;25KO+yprv+oH@ zn7;h(^?fD+?lKP++%lTmQvKa`EvI!1+q&`#Yrb|`?`_#r{p|AWvYb1gpNjh(yjJ!1 T)>9{7v@v+P`njxgN@xNA#ac(W literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-checked.png b/Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..a223d1ffe665114e7ef4bb39a420618411b05ca8 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprZT$pAc6d?a=Vey7`A?+fSS3 z?>4PJY+8N*N$Zwxwk_XnTE5wUNGNh_|L)ZB-M#yJ&Z3{Wi+>g`|5>v9XT$nm)A#o>f4|KZ~&4(9aBK$+8?E{-7f$0Zq;1I^+j)&s@9)+ zey&=xB_?#H$Gp8W0~ejUw{_BQ#^TA}N-ovh`R@Gd$N3|l?zD0D7yG+C;Ilk**l7Rj z4#lm(8x|z4OK{`6l)K73Z`;b|!-oFpKb8M5O!o6Td9`a#AJAJ2p00i_>zopr0JBis AJpcdz literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a7723f1d53d6e32d0da817f89a424cd24042f893 GIT binary patch literal 718 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=Ndd_r7-w06UP&q@ESn|@lg z{kr$OA2zMuY+Alqw|=v20WoY^zk^T<7&XHf5H1Gk*7eEL=N|k$@6hih$9|uG`1irz^=j(&VYrX6)O4;PREL zA3uHm^5^g7GWA0Y42mX3#)T6rH+FR0`v3p7jmAPv z%QAE8$LzoBmR73i&OUo4Oe^(9QJLi|jwH3f-H{Kn{zkBXHkOCOXb`XI(2NxTV_U!o!IU)7=@x_4*m~;$r3G zzEosfcpiD+>gQQ6W*)p+{cGd0O1BTUy?d1o7&r3I-{0-$+L6vAzd3dH(tj^L>Hby} zv7U(E}XY^L$}h6&GSTJTdKb;o-Qsp@3D@&YtQp6zLN{( z$|wA4E}4B;PVo2VE&83`ZT2FWD-Z5z;vNM z;R=@(UQDYFF%3zW&2AH(Fgg8BxILdhwM>G#y^(B7_4UwPj@xtD_T?{+njvf+CAhQd h*x~Lf%N@^8i;I|LI;UN|JQEmq44$rjF6*2UngHV!S*HL1 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..f6b914e581e248b7507c38d5cab1e40cba53e98b 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^+QGrW+S=OE($WSA z07YzVZIJ{(%=SR@G@u5)k|4ie1{rmYm220n-|*)BhmW5)nA0x!@+Wigph)e2{w*BEZ?LwBHHzSuxPAk o)w2-PI5DMJtIVaLWe+1mtXt52n@#tp0F7nvboFyt=akR{08N)x2><{9 literal 0 HcmV?d00001 diff --git a/Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..29ecf2b8a283c375d6e51cf9554e644794ad815d 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^T3cJ&)6>)1+S z%FfQt*4Ea>#s9Qq3e!&cE?AkiIdcA%96DCfYJayWPeftkw zzH;^Br_W#h{M}rpeh8>=uBVG*NW|f{H_U|^3gVE1RYDx8P#JQSICA`uSq-)xu?10-oPFuXI2=aD$-7(k5*-6D~Q4g75$b zK^2b)3XV-IoI-HMk){QT8P5Kp-A$rwXGDDri{tHDz{riaR=Kd-+1 oVY9IM(w~2;`<8ZC-g&%>(fFB5WkR|QDEJvXUHx3vIVCg!0N>hanMprB-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/Cutefish-light/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/Cutefish-light/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@}BGA_Z*Q0j zH5dpu2Ns=6SoHnh^(E0fs$nbZ8_XZehI28oX|KK>Tvs+r>uOtL%W+q+0Kai z7#7F>;pwnt%DH>8 rubberband, +.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #5b9bf8; + background-color: rgba(91, 155, 248, 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: white; + background-color: #2C2C2C; + border: 1px solid black; +} + +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: 6px; + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +.dim-label { + color: rgba(255, 255, 255, 0.7); +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(255, 255, 255, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: white; +} + +.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: #2C2C2C; + background-clip: padding-box; + border-radius: 6px; + border: none; +} + +.osd { + padding: 6px; + margin: 6px; + 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); +} + +.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 * + ****************/ +spinbutton.vertical, spinbutton:not(.vertical), +entry { + min-height: 36px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 6px; + caret-color: currentColor; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical), +entry:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +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(255, 255, 255, 0.04); + 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: 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(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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.error.vertical:focus-within, spinbutton.error:focus-within:not(.vertical), +entry.error:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #F28B82; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.warning.vertical:focus-within, spinbutton.warning:focus-within:not(.vertical), +entry.warning:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #FDD633; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical > progress, spinbutton:not(.vertical) > progress, +spinbutton.vertical progress > trough > progress, +spinbutton:not(.vertical) progress > trough > progress, +entry > progress, +entry progress > trough > progress { + margin: 2px -8px; + border-bottom: 2px solid #5b9bf8; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #2C2C2C; +} + +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.12); + 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: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, #5b9bf8 0%, rgba(91, 155, 248, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #5b9bf8 95%, rgba(91, 155, 248, 0)); + } +} + +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); +} + +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), 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), 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), 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; +} + +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); +} + +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); +} + +actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +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: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1), background-color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #5b9bf8; + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +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); +} + +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, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, filechooser #pathbarbox > stack > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, 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 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + color: rgba(255, 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, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message .dialog-action-area > 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, 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; +} + +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, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message .dialog-action-area > 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, 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + +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, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message .dialog-action-area > 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, 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 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + color: white; +} + +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, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message .dialog-action-area > 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, 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); +} + +filechooser #pathbarbox > stack > box > button:checked, window.dialog.message .dialog-action-area > 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, 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; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message .dialog-action-area > 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, 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: 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; +} + +button.osd.image-button { + padding: 12px; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #5b9bf8; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(91, 155, 248, 0.2), 0 4px 3px 0 rgba(91, 155, 248, 0.14), 0 1px 6px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:checked { + background-color: #8cb9fa; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(91, 155, 248, 0.3), 0 2px 3px -1px rgba(91, 155, 248, 0.24), 0 2px 5px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #5b9bf8; +} + +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(91, 155, 248, 0.3); +} + +button.destructive-action { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(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: #F28B82; +} + +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(242, 139, 130, 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label { + padding: 0; +} + +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; +} + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs-attention 0ms 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) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .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) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .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) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; +} + +/* menu buttons */ +modelbutton.flat { + min-height: 28px; + padding: 0 9px; + border-radius: 6px; + color: white; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + + +list > row button.image-button:not(.flat):active, +list > row button.image-button:not(.flat):checked { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1), background-color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #5b9bf8; + color: white; +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); +} + +/********* + * Links * + *********/ +link { + color: #2196F3; +} + +link: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; + border-spacing: 0; +} + +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(255, 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(255, 255, 255, 0.5); +} + +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(255, 255, 255, 0.7); +} + +spinbutton.vertical > button.up { + margin: 0 3px; +} + +spinbutton.vertical > button.down { + margin: 0 3px; +} + +treeview spinbutton:not(.vertical), row spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) > text, row spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; +} + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { + padding: 0; +} + +dropdown > button > box { + border-spacing: 6px; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; +} + +dropdown 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: 6px 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: white; + 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: 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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + +button.combo:only-child:active { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + 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: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + padding: 3px 6px; + background-color: #2C2C2C; + border-spacing: 6px; +} + +.osd .toolbar, .osd toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd, +toolbar.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +.app-notification:backdrop, .toolbar.osd:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 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; +} + +.toolbar button { + margin: 1px; + border-radius: 3px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + border: none; +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + 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: 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 { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +headerbar entry:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #242424; + color: white; + min-height: 48px; + padding: 0 6px; +} + +headerbar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label { + transition: color 0ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(255, 255, 255, 0.12); +} + +box.vertical headerbar { + background-color: #242424; +} + +headerbar > windowhandle > box { + padding: 0 3px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton.popup { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + margin-top: 12px; + margin-bottom: 12px; + background-color: rgba(255, 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 .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +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.selection-mode { + transition: background-color 0.1ms 0ms, color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #5b9bf8; + 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.2); + background-color: #5b9bf8; +} + +headerbar.default-decoration { + min-height: 24px; + padding: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +window.devel headerbar.titlebar { + background: #242424 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(91, 155, 248, 0.1)), linear-gradient(to top, #2c2c2c 3px, #313131); +} + +window.devel headerbar.titlebar:backdrop { + background: #242424 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#242424); + /* background-color would flash */ +} + +viewswitcher { + margin: 0; +} + +viewswitcher.wide { + border-spacing: 3px; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; +} + +viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus { + box-shadow: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 6px; + padding-bottom: 4px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +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; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #5b9bf8; +} + +indicatorbin.needs-attention > indicator > label { + color: white; +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 6px; + background-color: alpha(currentColor, 0.08); +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.16); + color: white; +} + + +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; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #4b4b4b; + border-top-color: #4b4b4b; +} + +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; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 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: white; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: white; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: white; +} + +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(255, 255, 255, 0.3); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #5b9bf8; + 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.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(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: #2C2C2C; +} + +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(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #2C2C2C; + background-clip: border-box; + color: #5b9bf8; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #5b9bf8; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #242424; + color: white; +} + +menubar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 0ms 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: 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(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.background separator { + margin: 6px 0; +} + +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 modelbutton { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: white; + font: initial; + text-shadow: none; + box-shadow: none; + background: none; +} + +popover.menu modelbutton:hover { + transition: none; + background-color: alpha(currentColor, 0.08); +} + +popover.menu modelbutton:disabled { + color: rgba(255, 255, 255, 0.5); +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover.background > arrow, +popover.background > contents { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: #3C3C3C; + border-radius: 12px; + border: 1px solid rgba(255, 255, 255, 0.1); + background-clip: border-box; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 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); +} + +popover.background > arrow:backdrop, +popover.background > contents: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 > 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(255, 255, 255, 0.12); + margin: 3px 0; +} + +popover.background > contents list separator { + margin: 0; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #3C3C3C; +} + +popover.background .linked > button:not(.radio) { + background-color: transparent; + box-shadow: none; + border-radius: 6px; +} + +s +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; +} + +.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; +} + +magnifier { + background-color: #2C2C2C; +} + +/************* + * Notebooks * + *************/ +tabbar tab, notebook > header tab { + transition: all 0ms 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(255, 255, 255, 0.7); + font-weight: 500; + border-radius: 6px; + background-image: none; + background-color: transparent; +} + +tabbar tab:hover, notebook > header tab:hover { + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + color: white; +} + +tabbar tab:disabled, notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +tabbar tab:checked, notebook > header tab:checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); + background-image: none; +} + +tabbar tab:checked:disabled, notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(255, 255, 255, 0.04); +} + +notebook, notebook.frame { + background-color: #2C2C2C; + 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(255, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 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: 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; + border-bottom: none; + background: none; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox > background:dir(ltr) { + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); +} + +tabbar scrolledwindow.pinned tabbox > background:dir(rtl) { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, #2C2C2C, rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, #2C2C2C, rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar tabbox { + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + padding: 3px; + margin: 3px; + border-radius: 9px; +} + +tabbar tabbox > background { + background: none; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%); +} + +tabbar .start-action, +tabbar .end-action { + background-color: rgba(255, 255, 255, 0.04); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.12); + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +tabbar:not(.inline) scrolledwindow.pinned undershoot { + border-color: rgba(255, 255, 255, 0.12); +} + +tabbar:not(.inline) undershoot.left { + background: linear-gradient(to right, #242424, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) undershoot.right { + background: linear-gradient(to left, #242424, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar:not(.inline) tabbox > background { + background-color: #242424; +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(#242424, 0.6); + border-color: rgba(255, 255, 255, 0.12); +} + +tabbar:not(.inline):backdrop .box { + background-color: #2C2C2C; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +dnd tab { + min-height: 24px; + background-color: #242424; + color: white; + box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + outline: 1px solid rgba(0, 0, 0, 0.75); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%); +} + +tabbar tab, +dnd tab { + padding: 6px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 9999px; +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #2C2C2C; + box-shadow: none; + outline: none; +} + +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 > slider { + transition: background-color 0ms 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.5); + box-shadow: none; + outline: none; +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar > range > trough > slider:active { + background-color: white; +} + +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: 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(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.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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + border: none; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #5b9bf8; +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; +} + +switch > slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: 1px; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: white; + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); +} + +/************************* + * 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):hover, .view.content-view.check:not(list):active, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):active { + box-shadow: 0 0 0 10px rgba(255, 255, 255, 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; + border-spacing: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(255, 255, 255, 0.12); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04); + background-color: rgba(255, 255, 255, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(255, 255, 255, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: white; + background-color: #5b9bf8; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.15); + background-color: #8cb9fa; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.2); + background-color: #5b9bf8; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(91, 155, 248, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/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-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/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-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate), +columnview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), +columnview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(255, 255, 255, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, 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; +} + +/************ + * 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 0ms 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.12); +} + +scale highlight { + transition: background-image 0ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#5b9bf8); +} + +scale highlight:disabled { + background-color: #2C2C2C; + background-image: image(rgba(255, 255, 255, 0.3)); +} + +scale fill { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #5b9bf8; + background-color: #2C2C2C; + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #5b9bf8, 0 0 0 8px rgba(255, 255, 255, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #5b9bf8, 0 0 0 8px rgba(255, 255, 255, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); +} + +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 { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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(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: 6px; + background-color: rgba(255, 255, 255, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #5b9bf8; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #5b9bf8; +} + +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: #FDD633; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #5b9bf8; +} + +levelbar block.full { + background-color: #81C995; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.12); +} + +/**************** + * 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: #2C2C2C; + 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: 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; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; + border: none; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 14px 14px; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%); + padding-top: 1px; + background-size: 12px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: left top; + margin: 0 4px; +} + +undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%); + padding-bottom: 1px; + background-size: 12px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: left bottom; + margin: 0 4px; +} + +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; +} + +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; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 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(255, 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: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(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +listview row, +list row { + padding: 6px; +} + +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: white; + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; +} + +row { + color: rgba(255, 255, 255, 0.7); +} + +columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 0ms 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 { + color: white; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover, row.activatable:hover { + color: white; + transition: all 0ms 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 { + color: white; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +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); +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #5b9bf8; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: white; + background-color: #5b9bf8; +} + +.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: #5b9bf8; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 0ms 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:disabled { + color: rgba(255, 255, 255, 0.3); +} + +expander-widget > box > title { + border-radius: 6px; +} + +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: 6px; + color: white; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 6px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(255, 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:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 9px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.dialog.message.background { + background-color: #3C3C3C; +} + +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(255, 255, 255, 0.1); + background-color: #3C3C3C; + color: white; +} + +window.dialog.message .titlebar:backdrop { + background-color: #3C3C3C; + color: rgba(255, 255, 255, 0.7); +} + +window.dialog.message .dialog-action-area { + margin-top: -6px; +} + +window.dialog.message .dialog-action-area > button, window.dialog.message .dialog-action-area > button:first-child, window.dialog.message .dialog-action-area > button:last-child { + border-radius: 9999px; +} + +window.dialog.message .dialog-action-area > button:not(:last-child) { + margin-right: 6px; +} + +window.dialog.message .dialog-action-area > button:not(:disabled) { + color: #5b9bf8; +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: #F28B82; +} + +.csd filechooser { + background-color: #2C2C2C; + border-radius: 0 0 14px 14px; +} + +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: #2C2C2C; +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 14px 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: 14px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #242424; +} + +.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; +} + +stacksidebar list { + padding: 6px; + background-color: #242424; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +stacksidebar row:selected { + background-color: alpha(currentColor, 0.06); + color: white; + font-weight: 500; +} + +stacksidebar row + row { + margin-top: 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + 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); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 6px; + border-right: none; +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +.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.06); + color: white; +} + +.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); +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 0ms 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 > viewport.frame { + border-style: none; +} + +placessidebar list { + padding: 1px 0 4px; +} + +placessidebar .navigation-sidebar > row { + min-height: 32px; + margin: -1px 4px -1px 0; + padding: 0; + 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.06); + color: white; + 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: #5b9bf8; +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: #5b9bf8; +} + +placessidebar .navigation-sidebar > row:drop(active) { + transition: all 0ms 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-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: #2C2C2C; + 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: 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, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #2C2C2C; +} + +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: #5b9bf8; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #5b9bf8; + 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: #438cf7; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FDD633; + 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: #F28B82; + 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 { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: white; + 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); + border-radius: 3px; + margin: 2px 6px 8px 6px; + border: none; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * 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: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorchooser colorswatch:hover { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px #5b9bf8; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; + color: white; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(255, 255, 255, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(255, 255, 255, 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay:hover { + 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); +} + +colorchooser .popover.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #2C2C2C; +} + +/********************** + * Window Decorations * + **********************/ +window.csd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + outline-color: rgba(255, 255, 255, 0.1); + 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: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.csd.popup { + border-radius: 12px; +} + +window.csd.dialog.message { + border-radius: 14px; +} + +.solid-csd window.csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: #242424; + border: 1px solid #4b4b4b; +} + +.solid-csd window.csd:backdrop { + background-color: #2C2C2C; +} + +window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { + border-radius: 0; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0 4px; +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + background-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.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.15); +} + +windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.2); +} + +windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 4px; + margin-left: 4px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 4px; + margin-right: 4px; +} + +.view:selected, iconview:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected, +treeview.view:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, calendar > grid > label.today { + color: #5b9bf8; + background-color: rgba(91, 155, 248, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected { + color: white; + background-color: #5b9bf8; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #5b9bf8; + -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: 7px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #3C3C3C; + color: white; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #5b9bf8; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(255, 255, 255, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +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 * + *************/ +.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(255, 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(255, 255, 255, 0.12); + background: none; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 6px; +} + +button.emoji-section:checked { + color: #5b9bf8; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 0ms 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: white; +} + +popover.entry-completion > contents { + padding: 0; +} + +/* 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 #2C2C2C; +/* +text widgets and the like base background color */ +@define-color theme_base_color #2C2C2C; +/* +base background color of selections */ +@define-color theme_selected_bg_color #5b9bf8; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #2C2C2C; +/* +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 #242424; +/* +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 #2C2C2C; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2C2C2C; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #5b9bf8; +/* +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 #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 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_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +FIXME this is really an API */ +@define-color content_view_bg #2C2C2C; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #2C2C2C; +@define-color budgie_tasklist_indicator_color white; +@define-color budgie_tasklist_indicator_color_active white; +@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; diff --git a/Cutefish-light/gtk-4.0/gtk.css b/Cutefish-light/gtk-4.0/gtk.css new file mode 100644 index 0000000..39ee1d1 --- /dev/null +++ b/Cutefish-light/gtk-4.0/gtk.css @@ -0,0 +1,4653 @@ +/*************** + * Base States * + ***************/ +.background { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +dnd { + color: rgba(0, 0, 0, 0.87); +} + +.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: rgba(0, 0, 0, 0.87); +} + +iconview:disabled, .view:disabled { + color: rgba(0, 0, 0, 0.38); +} + +iconview:selected, .view:selected { + color: rgba(0, 0, 0, 0.87); +} + +textview text { + background-color: #FFFFFF; +} + +textview border { + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.6); +} + +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, .content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #3c84f7; + background-color: rgba(60, 132, 247, 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: rgba(0, 0, 0, 0.87); + background-color: #FFFFFF; + border: 1px solid black; +} + +label.separator { + color: rgba(0, 0, 0, 0.6); +} + +label:disabled { + color: rgba(0, 0, 0, 0.38); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 6px; + background-color: rgba(52, 52, 52, 0.9); + color: white; +} + +.dim-label { + color: rgba(0, 0, 0, 0.6); +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(0, 0, 0, 0.38); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: rgba(0, 0, 0, 0.87); +} + +.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: rgba(0, 0, 0, 0.87); + background-color: #FFFFFF; + background-clip: padding-box; + border-radius: 6px; + border: none; +} + +.osd { + padding: 6px; + margin: 6px; + 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); +} + +.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 * + ****************/ +spinbutton.vertical, spinbutton:not(.vertical), +entry { + min-height: 36px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 6px; + caret-color: currentColor; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical), +entry:focus-within { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #3c84f7; +} + +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(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.6); +} + +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: rgba(0, 0, 0, 0.87); +} + +spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, +entry image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.26) 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(0, 0, 0, 0.26) 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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +spinbutton.error.vertical:focus-within, spinbutton.error:focus-within:not(.vertical), +entry.error:focus-within { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #D93025; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +spinbutton.warning.vertical:focus-within, spinbutton.warning:focus-within:not(.vertical), +entry.warning:focus-within { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #F4B400; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +spinbutton.vertical > progress, spinbutton:not(.vertical) > progress, +spinbutton.vertical progress > trough > progress, +spinbutton:not(.vertical) progress > trough > progress, +entry > progress, +entry progress > trough > progress { + margin: 2px -8px; + border-bottom: 2px solid #3c84f7; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #FFFFFF; +} + +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(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +.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(0, 0, 0, 0.6); +} + +editablelabel > stack > text { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, #3c84f7 0%, rgba(60, 132, 247, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #3c84f7 95%, rgba(60, 132, 247, 0)); + } +} + +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); +} + +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), 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), 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), 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; +} + +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); +} + +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); +} + +actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(60, 132, 247, 0.35); +} + +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: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1), background-color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #3c84f7; + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +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); +} + +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, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, filechooser #pathbarbox > stack > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, 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 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + color: rgba(0, 0, 0, 0.6); +} + +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, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message .dialog-action-area > 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, 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: rgba(0, 0, 0, 0.87); +} + +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, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message .dialog-action-area > 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, 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + +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, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message .dialog-action-area > 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, 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 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +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, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message .dialog-action-area > 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, 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(0, 0, 0, 0.26); +} + +filechooser #pathbarbox > stack > box > button:checked, window.dialog.message .dialog-action-area > 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, 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: rgba(0, 0, 0, 0.87); +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message .dialog-action-area > 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, 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(0, 0, 0, 0.38); +} + +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.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; +} + +button.osd.image-button { + padding: 12px; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #3c84f7; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(60, 132, 247, 0.2), 0 4px 3px 0 rgba(60, 132, 247, 0.14), 0 1px 6px 0 rgba(60, 132, 247, 0.12); +} + +button.suggested-action:checked { + background-color: #77a9f9; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(60, 132, 247, 0.3), 0 2px 3px -1px rgba(60, 132, 247, 0.24), 0 2px 5px 0 rgba(60, 132, 247, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(60, 132, 247, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #3c84f7; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + +button.suggested-action.flat:checked { + background-color: rgba(60, 132, 247, 0.3); +} + +button.destructive-action { + background-color: #D93025; + color: white; + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(217, 48, 37, 0.2), 0 4px 3px 0 rgba(217, 48, 37, 0.14), 0 1px 6px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:checked { + background-color: #e46e66; +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(217, 48, 37, 0.3), 0 2px 3px -1px rgba(217, 48, 37, 0.24), 0 2px 5px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(217, 48, 37, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #D93025; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + +button.destructive-action.flat:checked { + background-color: rgba(217, 48, 37, 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label { + padding: 0; +} + +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; +} + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs-attention 0ms 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) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .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) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .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) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; +} + +/* menu buttons */ +modelbutton.flat { + min-height: 28px; + padding: 0 9px; + border-radius: 6px; + color: rgba(0, 0, 0, 0.87); +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + + +list > row button.image-button:not(.flat):active, +list > row button.image-button:not(.flat):checked { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1), background-color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #3c84f7; + color: white; +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #D93025; + color: white; +} + +/********* + * Links * + *********/ +link { + color: #2196F3; +} + +link:visited { + color: #9C27B0; +} + +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: #9C27B0; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; + border-spacing: 0; +} + +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(0, 0, 0, 0.6); +} + +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(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.6); +} + +spinbutton.vertical > button.up { + margin: 0 3px; +} + +spinbutton.vertical > button.down { + margin: 0 3px; +} + +treeview spinbutton:not(.vertical), row spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) > text, row spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; +} + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { + padding: 0; +} + +dropdown > button > box { + border-spacing: 6px; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; +} + +dropdown 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: 6px 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: rgba(0, 0, 0, 0.87); + 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: 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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +button.combo:only-child:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + +button.combo:only-child:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + +button.combo:only-child:active { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: rgba(0, 0, 0, 0.87); +} + +button.combo:only-child:disabled { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + padding: 3px 6px; + background-color: #FFFFFF; + border-spacing: 6px; +} + +.osd .toolbar, .osd toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd, +toolbar.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); + background-color: #FFFFFF; +} + +.app-notification:backdrop, .toolbar.osd:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); +} + +.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; +} + +.toolbar button { + margin: 1px; + border-radius: 3px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + background-clip: border-box; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.6); + border: none; +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + 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: rgba(0, 0, 0, 0.87); +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.26); +} + +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(0, 0, 0, 0.38); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.6); +} + +headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.26); +} + +headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.6); +} + +headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.26); +} + +headerbar entry { + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +headerbar entry:disabled { + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +headerbar entry image { + color: rgba(0, 0, 0, 0.6); +} + +headerbar entry image:hover, headerbar entry image:active { + color: rgba(0, 0, 0, 0.87); +} + +headerbar entry image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +headerbar { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.87); + min-height: 48px; + padding: 0 6px; +} + +headerbar:disabled { + color: rgba(0, 0, 0, 0.38); +} + +headerbar:backdrop { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.6); +} + +headerbar:backdrop:disabled { + color: rgba(0, 0, 0, 0.26); +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label { + transition: color 0ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.6); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop { + color: rgba(0, 0, 0, 0.38); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(0, 0, 0, 0.12); +} + +box.vertical headerbar { + background-color: #FAFAFA; +} + +headerbar > windowhandle > box { + padding: 0 3px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton.popup { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + margin-top: 12px; + margin-bottom: 12px; + background-color: rgba(0, 0, 0, 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 .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +headerbar.selection-mode { + transition: background-color 0.1ms 0ms, color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #3c84f7; + 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.2); + background-color: #3c84f7; +} + +headerbar.default-decoration { + min-height: 24px; + padding: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +window.devel headerbar.titlebar { + background: #FAFAFA cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(60, 132, 247, 0.2)), linear-gradient(to top, #f2f2f2, #FAFAFA 3px, white); +} + +window.devel headerbar.titlebar:backdrop { + background: #FAFAFA cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#FAFAFA); + /* background-color would flash */ +} + +viewswitcher { + margin: 0; +} + +viewswitcher.wide { + border-spacing: 3px; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; +} + +viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus { + box-shadow: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 6px; + padding-bottom: 4px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +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; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #3c84f7; +} + +indicatorbin.needs-attention > indicator > label { + color: white; +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 6px; + background-color: alpha(currentColor, 0.08); +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.16); + color: rgba(0, 0, 0, 0.87); +} + + +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; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #e0e0e0; + border-top-color: #e0e0e0; +} + +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(0, 0, 0, 0.12); +} + +columnview.view:drop(active), +treeview.view:drop(active) { + box-shadow: none; +} + +columnview.view:drop(active).after, +treeview.view:drop(active).after { + border-top-style: none; +} + +columnview.view:drop(active).before, +treeview.view:drop(active).before { + border-bottom-style: none; +} + +columnview.view > dndtarget:drop(active), +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: alpha(currentColor, 0.06); +} + +columnview.view > dndtarget:drop(active).after, +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +columnview.view > dndtarget:drop(active).before, +treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; +} + +columnview.view.expander, +treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(0, 0, 0, 0.6); +} + +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: rgba(0, 0, 0, 0.87); +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: rgba(0, 0, 0, 0.87); +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: rgba(0, 0, 0, 0.87); +} + +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(0, 0, 0, 0.26); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #3c84f7; + 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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.6); +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: #FFFFFF; +} + +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(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #FFFFFF; + background-clip: border-box; + color: #3c84f7; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #3c84f7; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.87); +} + +menubar:backdrop { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.6); +} + +.csd menubar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(0, 0, 0, 0.6); +} + +menubar > item:selected { + transition: none; + background-color: alpha(currentColor, 0.1); + color: rgba(0, 0, 0, 0.87); +} + +menubar > item:disabled { + color: rgba(0, 0, 0, 0.26); +} + +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(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.background separator { + margin: 6px 0; +} + +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 modelbutton { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: rgba(0, 0, 0, 0.87); + font: initial; + text-shadow: none; + box-shadow: none; + background: none; +} + +popover.menu modelbutton:hover { + transition: none; + background-color: alpha(currentColor, 0.08); +} + +popover.menu modelbutton:disabled { + color: rgba(0, 0, 0, 0.38); +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover.background > arrow, +popover.background > contents { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: #FFFFFF; + border-radius: 12px; + border: 1px solid rgba(255, 255, 255, 0.15); + background-clip: border-box; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 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); +} + +popover.background > arrow:backdrop, +popover.background > contents: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.12); +} + +popover.background > arrow { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background > contents { + border: none; +} + +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(0, 0, 0, 0.12); + margin: 3px 0; +} + +popover.background > contents list separator { + margin: 0; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #FFFFFF; +} + +popover.background .linked > button:not(.radio) { + background-color: transparent; + box-shadow: none; + border-radius: 6px; +} + +s +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; +} + +.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; +} + +magnifier { + background-color: #FFFFFF; +} + +/************* + * Notebooks * + *************/ +tabbar tab, notebook > header tab { + transition: all 0ms 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(0, 0, 0, 0.6); + font-weight: 500; + border-radius: 6px; + background-image: none; + background-color: transparent; +} + +tabbar tab:hover, notebook > header tab:hover { + background-color: rgba(0, 0, 0, 0.04); + background-image: none; + color: rgba(0, 0, 0, 0.87); +} + +tabbar tab:disabled, notebook > header tab:disabled { + color: rgba(0, 0, 0, 0.26); +} + +tabbar tab:checked, notebook > header tab:checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: white; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); + background-image: none; +} + +tabbar tab:checked:disabled, notebook > header tab:checked:disabled { + color: rgba(0, 0, 0, 0.38); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(0, 0, 0, 0.04); +} + +notebook, notebook.frame { + background-color: #FFFFFF; + 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(0, 0, 0, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +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; + border-bottom: none; + background: none; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox > background:dir(ltr) { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12); +} + +tabbar scrolledwindow.pinned tabbox > background:dir(rtl) { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, #FFFFFF, rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, #FFFFFF, rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#3c84f7, 0.5), alpha(#3c84f7, 0.3) 1px, alpha(#3c84f7, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#3c84f7, 0.5), alpha(#3c84f7, 0.3) 1px, alpha(#3c84f7, 0) 20px); +} + +tabbar tabbox { + background-color: rgba(0, 0, 0, 0.04); + background-image: none; + padding: 3px; + margin: 3px; + border-radius: 9px; +} + +tabbar tabbox > background { + background: none; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#3c84f7, 0.4) 10%, alpha(#3c84f7, 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#3c84f7, 0.4) 10%, alpha(#3c84f7, 0) 30%); +} + +tabbar .start-action, +tabbar .end-action { + background-color: rgba(0, 0, 0, 0.04); + background-clip: padding-box; + border-color: rgba(0, 0, 0, 0.12); + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +tabbar:not(.inline) scrolledwindow.pinned undershoot { + border-color: rgba(0, 0, 0, 0.12); +} + +tabbar:not(.inline) undershoot.left { + background: linear-gradient(to right, #FAFAFA, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) undershoot.right { + background: linear-gradient(to left, #FAFAFA, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#3c84f7, 0.5), alpha(#3c84f7, 0.3) 1px, alpha(#3c84f7, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#3c84f7, 0.5), alpha(#3c84f7, 0.3) 1px, alpha(#3c84f7, 0) 20px); +} + +tabbar:not(.inline) tabbox > background { + background-color: #FAFAFA; +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(#FAFAFA, 0.6); + border-color: rgba(0, 0, 0, 0.12); +} + +tabbar:not(.inline):backdrop .box { + background-color: #FFFFFF; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +dnd tab { + min-height: 24px; + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + outline: 1px solid rgba(0, 0, 0, 0.12); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#3c84f7, 0.4) 10%, alpha(#3c84f7, 0) 30%); +} + +tabbar tab, +dnd tab { + padding: 6px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 9999px; +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #FFFFFF; + box-shadow: none; + outline: none; +} + +scrollbar.top { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar > range > trough > slider { + transition: background-color 0ms 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(0, 0, 0, 0.38); + box-shadow: none; + outline: none; +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(0, 0, 0, 0.6); +} + +scrollbar > range > trough > slider:active { + background-color: rgba(0, 0, 0, 0.87); +} + +scrollbar > range > trough > slider:disabled { + background-color: rgba(0, 0, 0, 0.26); +} + +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(255, 255, 255, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 9999px; + background-color: rgba(0, 0, 0, 0.38); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(0, 0, 0, 0.26); +} + +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(255, 255, 255, 0.9); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + border: none; + border-radius: 9999px; + background-color: rgba(0, 0, 0, 0.38); + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #3c84f7; +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; +} + +switch > slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: 1px; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: white; + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12); +} + +/************************* + * 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):hover, .view.content-view.check:not(list):active, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):active { + box-shadow: 0 0 0 10px 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.png"), url("assets/selectionmode-checkbox-unchecked@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.png"), url("assets/selectionmode-checkbox-checked@2.png")); +} + +checkbutton, +radiobutton { + outline: none; + border-spacing: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(0, 0, 0, 0.12); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.04); + background-color: rgba(0, 0, 0, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(0, 0, 0, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: white; + background-color: #3c84f7; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(60, 132, 247, 0.15); + background-color: #6da3f9; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(60, 132, 247, 0.2); + background-color: #3c84f7; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(60, 132, 247, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/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-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/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-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate), +columnview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), +columnview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(0, 0, 0, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, 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; +} + +/************ + * 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 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(0, 0, 0, 0.26); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +scale highlight { + transition: background-image 0ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#3c84f7); +} + +scale highlight:disabled { + background-color: #FFFFFF; + background-image: image(rgba(0, 0, 0, 0.26)); +} + +scale fill { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.26); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #3c84f7; + background-color: #FFFFFF; + box-shadow: inset 0 0 0 2px #3c84f7; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #3c84f7, 0 0 0 8px rgba(0, 0, 0, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #3c84f7, 0 0 0 8px rgba(0, 0, 0, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.26); +} + +scale marks, +scale value { + color: rgba(0, 0, 0, 0.6); +} + +scale indicator { + background-color: rgba(0, 0, 0, 0.26); + 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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.png"), url("assets/scale-horz-marks-before-slider@2.png")); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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.png"), url("assets/scale-horz-marks-after-slider@2.png")); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")); +} + +scale.vertical.marks-before:not(.marks-after) slider { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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.png"), url("assets/scale-vert-marks-before-slider@2.png")); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")); +} + +scale.vertical.marks-after:not(.marks-before) slider { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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.png"), url("assets/scale-vert-marks-after-slider@2.png")); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@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(0, 0, 0, 0.6); + 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(0, 0, 0, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #3c84f7; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #3c84f7; +} + +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: #F4B400; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #3c84f7; +} + +levelbar block.full { + background-color: #0F9D58; +} + +levelbar block.empty { + background-color: rgba(0, 0, 0, 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: rgba(0, 0, 0, 0.87); + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(0, 0, 0, 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; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + background-clip: border-box; + border: none; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 14px 14px; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%); + padding-top: 1px; + background-size: 12px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: left top; + margin: 0 4px; +} + +undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%); + padding-bottom: 1px; + background-size: 12px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: left bottom; + margin: 0 4px; +} + +undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 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; +} + +undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 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; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(0, 0, 0, 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(0, 0, 0, 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: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(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +listview row, +list row { + padding: 6px; +} + +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: rgba(0, 0, 0, 0.87); + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; +} + +row { + color: rgba(0, 0, 0, 0.6); +} + +columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 0ms 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 { + color: rgba(0, 0, 0, 0.87); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover, row.activatable:hover { + color: rgba(0, 0, 0, 0.87); + transition: all 0ms 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 { + color: rgba(0, 0, 0, 0.87); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +row:selected { + color: inherit; +} + +row:selected image, +row:selected label { + color: rgba(0, 0, 0, 0.87); +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(0, 0, 0, 0.38); +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #3c84f7; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: white; + background-color: #3c84f7; +} + +.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: #3c84f7; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(0, 0, 0, 0.6); + -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: rgba(0, 0, 0, 0.87); +} + +expander:disabled { + color: rgba(0, 0, 0, 0.26); +} + +expander-widget > box > title { + border-radius: 6px; +} + +expander-widget > box > title:hover > expander { + color: rgba(0, 0, 0, 0.6); +} + +.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(0, 0, 0, 0.12); + border-radius: 6px; + color: rgba(0, 0, 0, 0.87); +} + +calendar:disabled { + color: rgba(0, 0, 0, 0.38); +} + +calendar:selected { + border-radius: 6px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +calendar > header > button { + min-height: 24px; +} + +calendar > grid { + margin: 3px; +} + +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: 9px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.dialog.message.background { + background-color: #FFFFFF; +} + +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(255, 255, 255, 0.15); + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +window.dialog.message .titlebar:backdrop { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.6); +} + +window.dialog.message .dialog-action-area { + margin-top: -6px; +} + +window.dialog.message .dialog-action-area > button, window.dialog.message .dialog-action-area > button:first-child, window.dialog.message .dialog-action-area > button:last-child { + border-radius: 9999px; +} + +window.dialog.message .dialog-action-area > button:not(:last-child) { + margin-right: 6px; +} + +window.dialog.message .dialog-action-area > button:not(:disabled) { + color: #3c84f7; +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: #D93025; +} + +.csd filechooser { + background-color: #FFFFFF; + border-radius: 0 0 14px 14px; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 14px 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: 14px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #FAFAFA; +} + +.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { + border-left: 1px solid rgba(0, 0, 0, 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; +} + +stacksidebar list { + padding: 6px; + background-color: #FAFAFA; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +stacksidebar row:selected { + background-color: alpha(currentColor, 0.06); + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} + +stacksidebar row + row { + margin-top: 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(0, 0, 0, 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: rgba(255, 255, 255, 0.15); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 6px; + border-right: none; +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +.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.06); + color: rgba(0, 0, 0, 0.87); +} + +.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(0, 0, 0, 0.38); +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 0ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.6); +} + +row image.sidebar-icon:disabled { + color: rgba(0, 0, 0, 0.26); +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list { + padding: 1px 0 4px; +} + +placessidebar .navigation-sidebar > row { + min-height: 32px; + margin: -1px 4px -1px 0; + padding: 0; + 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.06); + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} + +placessidebar .navigation-sidebar > row:disabled { + color: rgba(0, 0, 0, 0.38); +} + +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: #3c84f7; +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: #3c84f7; +} + +placessidebar .navigation-sidebar > row:drop(active) { + transition: all 0ms 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-style: none; + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #FFFFFF; + background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 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: 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, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #FFFFFF; +} + +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: #3c84f7; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3c84f7; + 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: #5493f8; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F4B400; + 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: #ffc00f; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #D93025; + 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: #dd443a; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(52, 52, 52, 0.9); + color: white; + 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); + border-radius: 3px; + margin: 2px 6px 8px 6px; + border: none; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * 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: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorchooser colorswatch:hover { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px #3c84f7; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; + color: rgba(0, 0, 0, 0.87); +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(0, 0, 0, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(0, 0, 0, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(0, 0, 0, 0.26); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay:hover { + 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); +} + +colorchooser .popover.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); + background-color: #FFFFFF; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #FFFFFF; +} + +/********************** + * Window Decorations * + **********************/ +window.csd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + outline-color: rgba(255, 255, 255, 0.15); + 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.12), 0 0 36px transparent; +} + +window.csd: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.12), 0 0 36px transparent; +} + +window.csd.popup { + border-radius: 12px; +} + +window.csd.dialog.message { + border-radius: 14px; +} + +.solid-csd window.csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: #FAFAFA; + border: 1px solid #e0e0e0; +} + +.solid-csd window.csd:backdrop { + background-color: #FFFFFF; +} + +window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { + border-radius: 0; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0 4px; +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.6); + background-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.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.15); +} + +windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.2); +} + +windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 4px; + margin-left: 4px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 4px; + margin-right: 4px; +} + +.view:selected, iconview:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected, +treeview.view:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, calendar > grid > label.today { + color: #3c84f7; + background-color: rgba(60, 132, 247, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected { + color: white; + background-color: #3c84f7; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #3c84f7; + -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(0, 0, 0, 0.12); + border-radius: 7px; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #3c84f7; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(0, 0, 0, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: white; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +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 * + *************/ +.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(0, 0, 0, 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(0, 0, 0, 0.12); + background: none; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 6px; +} + +button.emoji-section:checked { + color: #3c84f7; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 0ms 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: rgba(0, 0, 0, 0.87); +} + +popover.entry-completion > contents { + padding: 0; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color rgba(0, 0, 0, 0.87); +/* +text color for entries, views and content in general */ +@define-color theme_text_color rgba(0, 0, 0, 0.87); +/* +widget base background color */ +@define-color theme_bg_color #FFFFFF; +/* +text widgets and the like base background color */ +@define-color theme_base_color #FFFFFF; +/* +base background color of selections */ +@define-color theme_selected_bg_color #3c84f7; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #FFFFFF; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(0, 0, 0, 0.38); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #FAFAFA; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #FFFFFF; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #FFFFFF; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #3c84f7; +/* +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(0, 0, 0, 0.38); +/* +widgets main borders color */ +@define-color borders rgba(0, 0, 0, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #F4B400; +@define-color error_color #D93025; +@define-color success_color #0F9D58; +/* +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 rgba(0, 0, 0, 0.87); +@define-color wm_unfocused_title rgba(0, 0, 0, 0.6); +@define-color wm_highlight rgba(255, 255, 255, 0.15); +@define-color wm_bg #FAFAFA; +@define-color wm_unfocused_bg #FFFFFF; +/* +FIXME this is really an API */ +@define-color content_view_bg #FFFFFF; +@define-color placeholder_text_color #666666; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #FFFFFF; +@define-color budgie_tasklist_indicator_color white; +@define-color budgie_tasklist_indicator_color_active white; +@define-color budgie_tasklist_indicator_color_active_window #f9f9f9; +@define-color budgie_tasklist_indicator_color_attention #F4B400; +@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/Cutefish-light/gtk-4.0/thumbnail.png b/Cutefish-light/gtk-4.0/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..cce29c243c3573311007ed400d3aa6b99f2e070c GIT binary patch literal 2057 zcmV+k2=@1hP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H12bM`h zK~#90?V4RoROuPVe`n6eFe45KECK>GMgakLRq%qUaRcnqnx?MyqPK0jjb^(^KSJG* zv`H^a+FES0Yqw2wHStnvQYEg&;A}NkLM`zE*x^HB2BlrLrhLrk%rNJiIlY+9z`)FK zfI-W2es}ZEIsfyX_kW(}ectyR!Q=55WJp^quet*n)|QOHX->xAG$&(lnv*d&&B+*? z=15B&U>F90K!9K{h_34x#`<1W34(wqiYSUgR#p~*AiU}>ttm+j4uwK^JRWpie_8!m za}2{k(=;?qBNz;_apOiT7W0Wr)4@5c;T+ca{0oCGJs|)#J1o=|3p7?rG*ya7;>!A$ zYJDNmMu%Y-%*@QBmAUbdBngMZVJebu59yrl3i4z!c^3Ohp1=ohD>POv&*inyPiU~; z@5kr!Evtj;6}#Pz&1OsZf5?E}I#oWoubS2r1o-}bnIARESeAHp)>1!VZVCp2rZ2YM zS?XTT++N<`0~iLJ`>V=_pDlgfTIwe>INek8e3IR3*O1PI?&S?W!1mX|LwoMN%4fr= z*N?E2e!?QlOtm~VHpcbq*Q39)va%>IFXzC414&cfd|WOUIXO9O*|H_3eR_JD(a}-r z>+4PFtcFDQs_F2XuH|R4mTHMJ#}xi}PvzsgD!;rH0>ySp2!)k zlt+&qA&Me9ckZODtPFrBPo5A61aLSU^!D~5%QE}+?Tb0rEVqZ2H%+xvOSB(VkSy@Y zeU*>y%%xuEuue;L>~K4i=*yzO4-QGZ^M;6Fz_mV|kMC-zdi)0>o<5{_Crj6LMn*;` zEG$G6!zKLq_&7Ij-i$e}zrUZJo*qC-IqDU|p z3K9?3{K);oU6uCRvGZ#GKNcG^ut0x4@4qQ=;-E~C!$NV6g%by5-hVT3JjT<96h&}b zTN?nXs$#d>IdS5Isq-o-Dkvx@VEgv%G&MCv+if-*d-m+X<#NTe13Z8JoEtZ8aQygj zDk>@f$ji&)>eZ{!ED;Ck_|n#xKa?=|hSPZf$Kv5Cl|JrKhKd^XJcV^5jYE zc6%!1W0;tj0AR8B(`=jZ2>pPx@rQ4vRu9Kq-F(bw1a-wO+is?^mi z!9t-B7K5rV)8d?MbqYnwH6QceEo%V z_G^pUuJtW$i||@@d@EBD!SnI?e5k4#9pvonY`k7?wCDnO`t&Idha=npNs1aXA6b^; zwigx_qG=lAOM#!gFrC zv>dCo*vy6c^ZD>E8Ug~}d_6p7oqakV-AQb4ZAtuxB_#$solXQn;Khp<^!N9(dGls! zYij{0EiJ`rwbIeiL2YdHsJzDnipVIy*Zl zC@6?l(Yd*~G&D4D>Cz<*A3lt#s&saC($dlreSlI$Q>DnK3+CI1k?$P}Kfq?pjcA$C zj}X)hPIm=4-DSS7@eteE+I|u54>MJ#VHhZif~u;~sNKDLH^+`0i$<_0id0uu<954w z{P;0dRaMm2*RyHUCW?!T*}8QrcDtRasVOu~W81cE04Rz=O-&7xlaqM8UW$r}$j;6N zpt`ymMNx3MTue_-)7aQZLqh`)PXD>Nxs;TYMEj}hIwd6~Nta6T>V>WO0@wR>Jb~Eu zzqvzL1o-<{$dtL|c>+KCx`Mc15>2GPT*@{H{QU4@eMs`MVRCYE-M{-aiy#OI&A;W+ z`Qe{tSEc{^Z(C`uiXUNXt)H;SN_D#XUnbeTwp5FJr(xwY*}MDYgoFPw^b;B!S!Vn{ zV6|G4{{Pcvh3~GwgztS-<|j?^lEY4igDlUybArK21kf|bf;&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXpdxNh7sn6|+2n)?%nS^Q4DvZC RZ%u*144$rjF6*2UngD+K9w-0+ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/button-active.png b/Cutefish/gtk-2.0/assets/button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..6a3942cb181019a64e85b626f0164a53306abfd7 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`wFK$;*}7Qy5WRK!yf zV$MiP#CYqLY#`5egYzXXZoOnPm(7MoF_uLVM#@Iyy?oGGz4jfSEvh8GI Y5URQN>qXUqKOl#By85}Sb4q9e0LB7IQ2+n{ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/button-disabled.png b/Cutefish/gtk-2.0/assets/button-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..0be273b6acb6827e8cfc7b0248db456007ca7ee2 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`wFKpG7^(3V^T6k;n0 z@(X5QWM*Y!?{6z)1d2F$x;TbtoKH?jDB?ZJaFC0Krzhfwv$HdcM1<2uCU&;aH$sj) z>u#tvNjeoa1a>Y|YBbI&RAZZSl0CgCIl<`YEEmSFNjLBFd`-jMfWiDQK PK`!xh^>bP0l+XkKC^0_3 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/button.png b/Cutefish/gtk-2.0/assets/button.png new file mode 100644 index 0000000000000000000000000000000000000000..daeaec7778ebf8c68e0ee229754a4882ae426d0f 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`wFKpGPWF)}Oxin5mk z`2{mDvT|~9^PFLQX$TbZ@N{tu(Kw%+kYMC{nBgE74^K~CW`si*1GBeO*n;nD>kMf#kx2+iN>C|qn<81(nR2I-G5yoQnGXt70~stVStd>TrG6V^xu>h2 J%Q~loCIH$WKY#!L literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/checkbox-checked-active.png b/Cutefish/gtk-2.0/assets/checkbox-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..f2684b78a640ee66425f1c8f83ee13a08e441c3a GIT binary patch literal 491 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LCuX@-XX459xS(#~jy zURBB6CXsYXJmr*l@@esu(_%@dB$JOyBps7TJ}!}TTrByxSn6@{FRec21Z$Y0A_!YuBycu<6Fl+js8XyZ_+f!$+ULe*0&1^vVaI zwvC=Hjv*Ssb0?e>YBCUTX=mWt#KqCX-Lc}}zyJS(51H+}w0!0FUCWFVZ%J9}%-)xO z>cF+14_h_op59>5sA?>>uuviPTgDGA3+3(B=k(KBzW->N@cGmdi4Rj(Z25N}P~+nd zfAf3nQmQHfolRdEExTJ>&RN)N(%makqk&p7}4lB1uxqfS-7i`-&rKS4pa?v=pYU{Kh5y85}Sb4q9e E0Q%d^B>(^b literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/checkbox-checked-disabled.png b/Cutefish/gtk-2.0/assets/checkbox-checked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..3ba34ed9ef3a3ab803c1cb54fb8fc4634596e5fc GIT binary patch literal 431 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tsmt_=LCuX$FS>4FCT#H2jw- zd?Q`?a}rHfujm%flH0ixH^#m}XSo=X+K=snWP3p8H7B*-tAfsv6(T1G}zPEJloSKq+U z(#p!(%gfu_$H&(YRO_Ur;n_>hAxkQ5vlm z?Dxi78e1|lUEHr(ow~+!m3HyHH5`%IZAV3QHg_mJp50k&^oLkqowYP4KGF!g>uVQ@TDfxRpGz%?3 O!RP7f=d#Wzp$Py}GpD%# literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/checkbox-checked-hover.png b/Cutefish/gtk-2.0/assets/checkbox-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..d576c01878df4a5f5192e3aa4636bfbd458b34d9 GIT binary patch literal 491 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LCuX@-XX459yxXZ{au z`0qLCwsq@U>-M)+t?w+`-&wT0wrP85)B4i7?UhyQE33BGRvoXc+TU2Ufsi$j1hU&- zS+>2hZhr-qdTrVM#=8BDO~)H+5PEIh{@S|Z6;KU`(f%4JZUd49ivzixAhubLfi=(> z+9g4L!3<2ytZeLI;SrJ1v2pPUot+aVPMR`x&DwSAH*C6b^Y)#)_wGM<`0&x^uiyR| z9li1asBNRCi(`mJ@Z1R}g_;ZmT-q79HgRz@ad)gZ`0xM!;6r9RFD+mBeb+K0#amL= zIBL6t$QUfHy9N5p00i_ I>zopr05_7|(*OVf literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/checkbox-checked.png b/Cutefish/gtk-2.0/assets/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..74291fff32747899a61cad0bdb97cc188a753f66 GIT binary patch literal 491 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0b_=LCuX@-XX459ylq;cAR z?S`vTMK7dEUPu+clq`8ES@cr6__=h^bLo=jAn~G?Qb0yAm{I%^s74AX3sMXe0h2&R z2~Z1|4G{;c0Vx0@s1%F~5xjMDuL#f?+9g4L!3<2yEUavP{sDo(A)#U6^$qPEon1YP zmn>bjeAVSE*RJ2VdF%F_yZ1hR{_<~g=pvBwH+s4_hG+!Oop4g9$w0uRoq=l;7e^C! z$BKjh{{Ig?WVZ9t@|E9rEi+QQC1tHMdtd&k1J`~&Y}K55dV@uys~3*6XJL1G)xk9~ zTZNt{_IP%*Du*i_$Oz->mzP+-XX_LN@v42+vnIWKWKnDsbkF}gTe~DWM4fr47_f literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/checkbox-mixed-active.png b/Cutefish/gtk-2.0/assets/checkbox-mixed-active.png new file mode 100644 index 0000000000000000000000000000000000000000..c32b1146112adae1440c8fcbac961884b0babe58 GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XX459zEL$9jj zZj(qlC7yChJo&VE%4xBrQJM(s954r@#JITNkH+VAn`=7Y|_z7Is6ZS_NtWx`2{mDF|)CUg-1k2 z$Hv7cOqe)n%GA|s)~;K>;r5-o_wGM<`0&x^uiyS1`MS*osH4x*#W6%ea_+&~QceyM ztQT~HIb4@AcS^neUVr4-cT1CJ=b|Efmu_G6dR6qIgw80wSpu8ScGeg1FBaC7WD^u; z`Vw-ub$gS?%MQhNB_aZ*vZ5`^8aa7+7iK0nJ!by6WO2)mONDJ7FK#&h(AV3-wRgg{ z_hQX+rZKz49lQDcMWWaqixuS?eiQ~~{oV1VcFkAjAU>@N3NJps0R^I`tDnm{r-UW| D1cI>> literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/checkbox-mixed-disabled.png b/Cutefish/gtk-2.0/assets/checkbox-mixed-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..f4cd89bfbae0407cffe39968b3cbd9c735892652 GIT binary patch literal 375 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TuZL_=LCuX$FS>3=RKf3g1YV zJ&`VZD^>JXD*u^OIS{>*E_x|l`bw(ksdT{;>5`W~h7?ewD2`iGd6Va7>kzOGW>j1K$e^L$dN-F8#irms9>`&{2(xo(T}H2K%3k6NPDZf%ju@Z z3)04Z$>GMIol<7LC=8fpzW315TM}zUg?34%zkhx)!{#fyM!$@CMflRQpkVNH^>bP0 Hl+XkKk5Y+y literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/checkbox-mixed-hover.png b/Cutefish/gtk-2.0/assets/checkbox-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..4635e4f17d47aefd99b7db8a21612358c92b039e GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XX459x+8~%Gv zx^3P1*1G+zRqH#;_IDO7uWj01+O)p3ZhK|b`pT;Pja3^6Sp!KB8z}P1vh9_1`zx!C z*H-PXtvlXWcf7U+F+frvM*C}#Z)_mqKyD|9y*$M^6KJnmNswPK0~0eFdsuix zWOQs?e8Pl@lcr2vy=LvY^&4*AxqI*agNF|veg69G-;uA|T!1?IJY5_^BqZk^ye;MA zAi;V;H<-h9DRZaP+wb*9o_)78d3G);!guNRRj*e?FG}c);+rL~`D|x>5&vRgT}d`U zai%XJhg-KddA#gUd{-hOU@9xxvaFGlmv>=ig41K>k4qM}?6_3e=JDc&^ACN!EnIsi zYlpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XX459yx)BbBW zT$L(%Ayx81s`#a3$xF$im(s=0rHh_RmpliF7r&4ydI^*Qqvs$gkV>E+m;^E)T#$n2 zAaO8~hB4qGK*r)-PtOAFRVxYd3ua(qW@Yp94+snn2@MNx@96C6S+sb`(q+r9UB7Yj z*6llY?|uCI<)2$}jS^5tpQnpsh=kmMw}or(gl+G|n&(Voc8fc9^ZScLu{{ve0&26L{C>gmvv4FO#n4sw=4hv literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/checkbox-unchecked-active.png b/Cutefish/gtk-2.0/assets/checkbox-unchecked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..b2112ca569498d2845ef95489e8451f994a705ec GIT binary patch literal 510 zcmVpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10gFjQ zK~zYI)z!~RRACs$@lRvY4P+!@i`LxMW zmM+9a1ZlJmBC!_lbMVY`#&?`?;|~tcIq!L%-}gQ5dH-a+3-*JBnvv`Xq0b0hA(iG+F1E($>IHPCe zkj8vbhjGsxnO6fejXO?{%p>fE=?0E7K9^Yk03XjvDaE@CPXGV_07*qoM6N<$f@h=S AApigX literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/checkbox-unchecked-disabled.png b/Cutefish/gtk-2.0/assets/checkbox-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..ca92669d668c7fd7227da405ad7972a4224fd878 GIT binary patch literal 404 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TuZL_=LCuX)1yvi6_b*dkyTRG)G{?Qx3RTz&|dZH5Kz@ZPZ!4!jq`H@FNz%&5aCW+ zyDhA1;{X2_ZO`0%vC-BfKhL9xc?Z`{8N=rlI-BOtKGJ1kp8W7c!q%W$Y?nIuA4XiO z5{iEK?_%Q4`uYB?p}uPC*4{t%#czW_$25UPHim)=-vo7S85DxPx1_N!q^z13a3=ZD zvFG)g^=9=UpXV2*J}Qga5H}}sS)gh|@=Z5Yr#HE8t6y96+jBJ-*gcckE4ZUe+~g9s U?J4u=J)jWsboFyt=akR{0F!EWumAu6 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/checkbox-unchecked-hover.png b/Cutefish/gtk-2.0/assets/checkbox-unchecked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..95cb359fda49fe5ccdf8cec3419856184b2cd331 GIT binary patch literal 542 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts;*@Ck7R(t{Hy%Vtdly3DvF z$S;_Ik%^gwor6YBCVfP7M@fbrcj37Z3?t^6bC;xtT!=WM%oEO)_~I zy-f81ROf3&2P=j8?Vw>3KD5;2C~ z`+9BiyLa7A=yjUR9ChgVqn?OZL&sw~4~6jNgv^nS$VyoFQ_knZkGopGW$K>DELaeK z-88GENZ{eJ@>9&kZuJM_PRG4JxNVViuSD5lRbAFoN4Du$Yku^4%3k#P-{L&)MGoIL hXJ3x-+voT1sPtzxG4Un3d+&kb%G1@)Wt~$(699Rok$C_B literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/checkbox-unchecked.png b/Cutefish/gtk-2.0/assets/checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..6496e929c0c27b056b497cc418312f3a9186118a GIT binary patch literal 500 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TtB+_=LCu=>Y^y+nV11t=B3E z@(X5QWMXDx7Zp=fQrFPb($+CCH8Z!cba8bH3s;RASn91(I0@QWT z)5S4FLUQiG=&~jQ29^saotu>+SdKXPGMgQ{`Jb)&kfZAUd)@sjA3xYr?!0n>MqZ2$ z`<|2BmAO6FmTgQ?|4{O9uh5K6tqq44J+M9OEjA;0S>B&Rr#dG)l{^VeaE+SQQ5T_n zag)1AQFqHi=O-&C-ngLr>550rkM@iwVw}$H841lUr}JG@*BfyNcagEN3zfRsA6?#n_KqfD7$k^`9F^wouRz&)V<38x5c^U|6>2HCV1Pm RBFGIC1D>vaF6*2UngFJ2j++1g literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/combo-left-entry-active.png b/Cutefish/gtk-2.0/assets/combo-left-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..a70672da87fc2815808ca085b9360998f413e302 GIT binary patch literal 326 zcmeAS@N?(olHy`uVBq!ia0vp^57(Q6~6!? zt0zg9!PW=)1v9X7@JL8X%gTjEL>3el6`wqP=F*j$x4wLtw##BIP*I4di(`n!`L~yL zGBzkMIA2t#c+eY@_TN>u;YRe2+u>>qyKL{|FfDTt-F4*6+}uM4Z6XBqs1AyYc9bhlk|r;fKiL-Lh&<}+2-#N?I;2uB~EGA9OTK7*&LpUXO@geCw=J9U)+ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/combo-left-entry-disabled.png b/Cutefish/gtk-2.0/assets/combo-left-entry-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..bec439a26851eed2217f4b040b1ffe7052a87617 GIT binary patch literal 208 zcmeAS@N?(olHy`uVBq!ia0vp^5&O`=Z>b*T?6Et^J3&=(k1b;+kAy+O zfd)n2Jyal1hj{N!PC{xWt~$(69Avb BMz{a~ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/combo-left-entry-hover.png b/Cutefish/gtk-2.0/assets/combo-left-entry-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..d896386eef15d41340d3b0a339468eb5439ec797 GIT binary patch literal 282 zcmeAS@N?(olHy`uVBq!ia0vp^5;7sn8d^KU0PG93^QIKsAiMbf|jQTztg z3Ro!I0g!)(V}`g%fnE8Z<#dynVf?c=h19A8Dd Y^R6rsm~Y5^DFWn9Pgg&ebxsLQ04xbd&;S4c literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/combo-left-entry.png b/Cutefish/gtk-2.0/assets/combo-left-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..943fac58c036a9e2e32af7b01326725b5afa7da4 GIT binary patch literal 216 zcmeAS@N?(olHy`uVBq!ia0vp^53 zek)(?|Kp*z__U7fwA}T?p=1~T$py#eam_ivD8XpBJ$|!=$?AZheGRL$zBlM39{wXb zL9LNR$U~t~<3S+vcBvOx3l#Ub&a6)V^WxC`=a0_y8Wt44E{?O5;fVUIlB)u=kipZ{ K&t;ucLK6V|ZBEGm literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/combo-right-entry-active.png b/Cutefish/gtk-2.0/assets/combo-right-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..54bafd176f792541447141fa08fb8d0ce4c6797c GIT binary patch literal 337 zcmeAS@N?(olHy`uVBq!ia0vp^5$#s&ic=Zl;9C;JvLZTUZsC*fl7huh&^O{=VP!dwn`HFt!W z2D@!y3EABhS!ndIax*^XUi7fN+qU}AR(-c8j90IU6t8=| RDHmu3gQu&X%Q~loCIHmQd!hgU literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/combo-right-entry-disabled.png b/Cutefish/gtk-2.0/assets/combo-right-entry-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..52934069b69644e27b93fa7ef5d3619c49720612 GIT binary patch literal 204 zcmeAS@N?(olHy`uVBq!ia0vp^5kE%jZZs>8F+Bc4wW4Bn z@~g~nhpAN;L_bXDNl{>yJaM3&?bMa+>l(ISd9K%>81{1Sdv-oO)7k4yzF*|LZFjBF nW47?VK=*$O4(WfJ=Xac4pGU4Cb!Lb$(De+Su6{1-oD!M<3uALr literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/combo-right-entry.png b/Cutefish/gtk-2.0/assets/combo-right-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..dd2118a688a98aeccfe57bff5dc1acf7962d8d1d GIT binary patch literal 217 zcmeAS@N?(olHy`uVBq!ia0vp^50j m_e}1(eA{zJ6PKkxv#10^v0QUFo4v0l$Qn;qKbLh*2~7aW#5HUH literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/entry-active.png b/Cutefish/gtk-2.0/assets/entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..aa7706bbc3ab41f8e4972f6ed0b13fdd52840256 GIT binary patch literal 423 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3-n?Hl6taq&N#aB8wRq_zr_Gh=2eNTE0To|B?}%(7Cw?J zcqCEyNUHFeWDyie6+M$GdMFu?55QvJfDPjtj$TVIjlUH vEq47Jp#>j)DbHTVkZ{XR>-xvbDhK$V95Qd>lQq8zbP$85tDnm{r-UW|4%DL@ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/entry-background-disabled.png b/Cutefish/gtk-2.0/assets/entry-background-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..7f3aa5eee236bb06f7486bcfd66c1632039175e9 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>$2?^;yoRHK2 YG<^mGx7r4a89;dkPgg&ebxsLQ00HMBo&W#< literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/entry-background.png b/Cutefish/gtk-2.0/assets/entry-background.png new file mode 100644 index 0000000000000000000000000000000000000000..72facdb042e7aa96451a3a4f4043957da32ae0a8 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>$2@etzfFP*> YX!<<{f!`qpmOyz1Pgg&ebxsLQ02pZ_bpQYW literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/entry-disabled.png b/Cutefish/gtk-2.0/assets/entry-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..0be273b6acb6827e8cfc7b0248db456007ca7ee2 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`wFKpG7^(3V^T6k;n0 z@(X5QWM*Y!?{6z)1d2F$x;TbtoKH?jDB?ZJaFC0Krzhfwv$HdcM1<2uCU&;aH$sj) z>u#tvNjeoa1a>Y|YBbI&RAZZSl0CgCIl<`YEEmSFNjLBFd`XtRLfd)yG z1o;IsFfns+^9TwFt7~X#Y5Vy4`3D4tN5>?F^HpU7)f9NTIEGl9emlictXV zYW!+lp&vBEp{m9GM|z^w0;|a{);Z0aao~5@u|KnK=Es_uZ+gv|u=7V) Td-q|62FRnHu6{1-oD!M<1Z-g3 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/entry.png b/Cutefish/gtk-2.0/assets/entry.png new file mode 100644 index 0000000000000000000000000000000000000000..daeaec7778ebf8c68e0ee229754a4882ae426d0f 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`wFKpGPWF)}Oxin5mk z`2{mDvT|~9^PFLQX$TbZ@N{tu(Kw%+kYMC{nBgE74^K~CW`si*1GBeO*n;nD>kMf#kx2+iN>C|qn<81(nR2I-G5yoQnGXt70~stVStd>TrG6V^xu>h2 J%Q~loCIH$WKY#!L literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/flat-button-active.png b/Cutefish/gtk-2.0/assets/flat-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..6a3942cb181019a64e85b626f0164a53306abfd7 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`wFK$;*}7Qy5WRK!yf zV$MiP#CYqLY#`5egYzXXZoOnPm(7MoF_uLVM#@Iyy?oGGz4jfSEvh8GI Y5URQN>qXUqKOl#By85}Sb4q9e0LB7IQ2+n{ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/flat-button-disabled.png b/Cutefish/gtk-2.0/assets/flat-button-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..34d490f145b113fcf9468ba1fd850f63caa72f2a GIT binary patch literal 195 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s#0(^(n65+uDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDUi+ppAc6d4FS!`FAo4&%q2m7 z!3>N{yvb8G1Gze$E{-7*my;7>SlRh_VmQt*vFWm;vpS14ZJv}UDkQN|W(tENr`8k) b7rrgTe~DWM4fE3PpG literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/flat-button-hover.png b/Cutefish/gtk-2.0/assets/flat-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..de5b6182cfb5b0e25fea90bbfad3b334e8161edf 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`wFKpGdA68J~~D92e6 z-jMfWiDQK PK`!xh^>bP0l+XkKC^0_3 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/flat-button.png b/Cutefish/gtk-2.0/assets/flat-button.png new file mode 100644 index 0000000000000000000000000000000000000000..34d490f145b113fcf9468ba1fd850f63caa72f2a GIT binary patch literal 195 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s#0(^(n65+uDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDUi+ppAc6d4FS!`FAo4&%q2m7 z!3>N{yvb8G1Gze$E{-7*my;7>SlRh_VmQt*vFWm;vpS14ZJv}UDkQN|W(tENr`8k) b7rrgTe~DWM4fE3PpG literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/focus.png b/Cutefish/gtk-2.0/assets/focus.png new file mode 100644 index 0000000000000000000000000000000000000000..cf26e66f2aa7a7dda090998f9651a8ddd532ccaf GIT binary patch literal 221 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2ZGmxy8xzq=wI14-?iy0XB4ude`@%$AjKtah8 z*NBqf{Irtt#G+J&^73-M%)IR4+}k^B3w$rC7M7nZ_ZWkf4*Qk)FVi l#K9@Zcv8$Ul&O@JlYt>5fIHiW516;Aa-kC+9z^1JyBjy85}Sb4q9e0A&&<`v3p{ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/frame-notebook.png b/Cutefish/gtk-2.0/assets/frame-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..ddb5196844483e0c0bd4ff117df3a003cd79afb3 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_Gm}#i5+)=!FsZSz mv9f!p%OZc^k@O;anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt)oXE{-7_Gm}#i5+)=!FsW($ g?Pvr7!ALd+(bqnYr0^QL*9iJN+l} Y|8+(BcvI`<01adCboFyt=akR{0DF}=&Hw-a literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/handle-horz.png b/Cutefish/gtk-2.0/assets/handle-horz.png new file mode 100644 index 0000000000000000000000000000000000000000..a7263884904444266d3febdcad05e5ab65b5b91b GIT binary patch literal 179 zcmeAS@N?(olHy`uVBq!ia0vp^0zk~d!3HGTx9oodq&N#aB8wRq_zr_GXI^wPy?^yi3ms0fLU~8Wh`|2CdJ~1-=7SiiBghQZU-&t;ucLK6V^Eju*; literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/handle-vert.png b/Cutefish/gtk-2.0/assets/handle-vert.png new file mode 100644 index 0000000000000000000000000000000000000000..567a28144bf7fc00d00e69de252b901d6d430ec3 GIT binary patch literal 173 zcmeAS@N?(olHy`uVBq!ia0vp^EI=&4!3HD^x83^;q&N#aB8wRq_zr_GmmtT}V`<;yxP*FmFPlzj!W?=Zw@c%zU!+*i@ zyMpEK6bkN37Ce(Jc_CB&Lb~*oRM9J`f@e~tuO*A0Nfy7BEPN(e_DrJqxpc`(siK!s z#m}URfb17CMbBkQf#{VqP^$P9P*AGmg;ep2>_;j#KpPZFg8YIR7#W%P`2{p}bPWuR zjEs#& f9Nxt9T;>7ybz>36rM)h9L4o7x>gTe~DWM4f59FF3 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/menu-checkbox-checked.png b/Cutefish/gtk-2.0/assets/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..b73067fd06c3e25da79f03e597d49c3e1d0d354b GIT binary patch literal 435 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*FvIPlzj!W(fVy(D2_l?Z0-z zRh8V^62;FY3ZILYypSn;Ayxcby6B};$#bdVmy#vVC5vB37r&4y0;6J(xFk?P2~gP! z$>NvNAY~vn1c6lIMj@=zT!2=qmjw9*GcdETvaxGv>*$u%Hg)#)O_(@&%CzZ=m#<#4 zd(Yl|m#>b|wO{}M literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/menu-checkbox-mixed-disabled.png b/Cutefish/gtk-2.0/assets/menu-checkbox-mixed-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..db5fe5fbe4d544d832f4be9a88ca73487767db82 GIT binary patch literal 334 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?2kZPlzj!W@z{?SbkTq{GCF< zeW{{XQU%YXN?%JBKa(teEm`)CfxQ!b zdwnJz@x63TuXFYi{n=78J$oA;tg2w|))L&XmmtT}V`<;yxP*GHXPlzj!HctDm-EdVU_qIgw zbBV&|;w3L+3SUT;JeMqfAzl1JstAmVUrK>Qo=X8mUbdz^Orw=Q!00D11ik&ba4!kkPJP@F4U~R;CfKK z>|%(C*1zBJ#u3LFW6QS6UN3#4<@YoB@^=NI+J#I z%$liMIPptz(4mW(7XvC?YZ#lA#0>K9#z{85+{@*`=$VG OW$<+Mb6Mw<&;$VAd5@_8 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/Cutefish/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e8de0556740909da3e8b80d558898da61aa83472 GIT binary patch literal 340 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?3FrPlzj!rUYzOZPEwo7cB|$ z3ua(sVrJpy;Zs&oRns>xwY0Idvv+v0x4{;upw!dFF+^f&YX3#CW(6MS^#%!R`B*>w zzrTyU^jz}2D*wxB3@WSFhI+r@`aD4;vx0#`zEs;#?0poILH60-S#eJ%xY?(js8#Vf z=C8MSRm_4FmqhdhuD*M)^lhf$&%ZAo>;98J)39O1Z^>FFj=E`^Uw(M^^*-kV?p_PF Ul{1SssepXw>FVdQ&MBb@0NssW8UO$Q literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/menu-checkbox-unchecked.png b/Cutefish/gtk-2.0/assets/menu-checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..5846b31dc17bd011a0acda3ebcc9e2f2c06c4aa9 GIT binary patch literal 392 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GHXPlzj!rV;4&j0*%BEmsoc z7tFxS!p1HtCN3c@BkS(r>E-Pc7oU|~R9RJ1TUXy;bl$>sG3VATZL81~V=&I> ty>}}-##Dkq`1HpZgZAsCn$NFXWw7TD;;i0mn|lNlDxR)>F6*2UngE_pYL);1 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/menu-radio-checked-disabled.png b/Cutefish/gtk-2.0/assets/menu-radio-checked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..2c2d532c196c38032d070477cb74146672acb456 GIT binary patch literal 375 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*He*Plzj!W@z}Y(C}ZT@Ucwc zf5Gy*g5~cN3hql5Jd-GXE>-kOs^FPa>1)a2XOhLQB@3TPmVv~ji=IoDypSn+E>j9b zucUz@#jk*ZQbjMMN?u46zj*iHt_9F!*^(f?UkN0GG2y?@L3)8B(o} zT9~qGKb#a|`jt_ECy$45$F9ZAMsHoUGD4;YPYdnNIvcx{X+?&`B`-~H|R*V|Uhs{6AKXXgj@8}>bydBAzmmtT}V`<;yxP*G8UPlzj!HctDm-EdVU_qJ&1 zEBS)gvSqJj3g1W+KbI(cE?)9NrtpPS@pGw?=TgNlBuk!47Qc`#ej!x^M#V3I;*vmF zpa=|sWbq=44(6>uTUASf{DK)++1Mo{rKGjAb#%+hD|-7TOq@Jr+VtIf_U^lUz zpTGS4^Ve<5?{c7qMo$;V5D7`&gPeR#1`I3*Sho~KJpH7@vE|MG{V%jQU-HzgDvOx5 zP;=wSJnjEZ^PM)Cm#-H&Fn1!~iZC~)#VGao1*dHs4Ps9&w413(s%< Q0y>7l)78&qol`;+0Bl&M6951J literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/menu-radio-mixed-disabled.png b/Cutefish/gtk-2.0/assets/menu-radio-mixed-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..db5fe5fbe4d544d832f4be9a88ca73487767db82 GIT binary patch literal 334 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?2kZPlzj!W@z{?SbkTq{GCF< zeW{{XQU%YXN?%JBKa(teEm`)CfxQ!b zdwnJz@x63TuXFYi{n=78J$oA;tg2w|))L&XmmtT}V`<;yxP*GHXPlzj!HctDm-EdVU_qIgw zbBV&|;w3L+3SUT;JeMqfAzl1JstAmVUrK>Qo=X8mUbdz^Orw=Q!00D11ik&ba4!kkPJP@F4U~R;CfKK z>|%(C*1zBJ#u3LFW6QS6UN3#4<@YoB@^=NI+J#I z%$liMIPptz(4mW(7XvC?YZ#lA#0>K9#z{85+{@*`=$VG OW$<+Mb6Mw<&;$VAd5@_8 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/Cutefish/gtk-2.0/assets/menu-radio-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e8de0556740909da3e8b80d558898da61aa83472 GIT binary patch literal 340 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?3FrPlzj!rUYzOZPEwo7cB|$ z3ua(sVrJpy;Zs&oRns>xwY0Idvv+v0x4{;upw!dFF+^f&YX3#CW(6MS^#%!R`B*>w zzrTyU^jz}2D*wxB3@WSFhI+r@`aD4;vx0#`zEs;#?0poILH60-S#eJ%xY?(js8#Vf z=C8MSRm_4FmqhdhuD*M)^lhf$&%ZAo>;98J)39O1Z^>FFj=E`^Uw(M^^*-kV?p_PF Ul{1SssepXw>FVdQ&MBb@0NssW8UO$Q literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/menu-radio-unchecked.png b/Cutefish/gtk-2.0/assets/menu-radio-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..5846b31dc17bd011a0acda3ebcc9e2f2c06c4aa9 GIT binary patch literal 392 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GHXPlzj!rV;4&j0*%BEmsoc z7tFxS!p1HtCN3c@BkS(r>E-Pc7oU|~R9RJ1TUXy;bl$>sG3VATZL81~V=&I> ty>}}-##Dkq`1HpZgZAsCn$NFXWw7TD;;i0mn|lNlDxR)>F6*2UngE_pYL);1 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/pan-down-alt-disabled.png b/Cutefish/gtk-2.0/assets/pan-down-alt-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..db1d361493c4e5a1276cf46dfb58524bd22506bd 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|V6^8V*cfnok3ASW1HY zf*Ir$oi;4l-T~w*db&7Hsumm&b@iK5Yv(>tJ Rn<|1#@^tlcS?83{1OQ_XFr@$h literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/pan-down-alt.png b/Cutefish/gtk-2.0/assets/pan-down-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..820e026c74ff14181de813ad48a0c5391a69735b GIT binary patch literal 190 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&KtBsu*Ckj22@>FVdQ&MBb@0C5XCJOBUy literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/pan-down-disabled.png b/Cutefish/gtk-2.0/assets/pan-down-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..567f441a4a46d1a40b7a7a9f5fad2c6df2a0d84e GIT binary patch literal 190 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`;rn8ew;pVK*6;qEr;!aF^jXY9`gptrch%$=7cr_BLjmy g2bNZf1aLAi=zZj$xG+yP1ZXUSr>mdKI;Vst05n`VC;$Ke literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/pan-down.png b/Cutefish/gtk-2.0/assets/pan-down.png new file mode 100644 index 0000000000000000000000000000000000000000..f664be1c2055ef45383cba97de204678cd703339 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|V6^8V*cfnok3ASW1HY zf*CUM@0CTC>;&=^JzX3_IHHpi4sc8S|DT_bu;M>^%BlYhLT~sRSb~}Jco{gH*=pUq RO%*{VdAjanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt=AJE{-7h?sMRZPk+B4m6U%)78&qol`;+00tj5s{jB1 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/pan-left-alt.png b/Cutefish/gtk-2.0/assets/pan-left-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..6309016a2b527a5339a0f1373eaff9d7b4f91715 GIT binary patch literal 192 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;ZuE{-7L}t#za|FHi2A@g%JuF9L9>$5)u;cj0_A6 hfcTD*)7tanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;ZuE{-7$5)u+|h6V-( iMg|6Z6rA1$urR#m<}BU#M8FzoFoUP7pUXO@geCw+B{z@& literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/pan-left-semi.png b/Cutefish/gtk-2.0/assets/pan-left-semi.png new file mode 100644 index 0000000000000000000000000000000000000000..efe18079cfb61cea60421874b7e5f44cc82ae96a GIT binary patch literal 191 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(>DE{-7HJR_N-aE literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/pan-left.png b/Cutefish/gtk-2.0/assets/pan-left.png new file mode 100644 index 0000000000000000000000000000000000000000..ae7f93db4a30423b4f379dbfc66f5461fbc752fb GIT binary patch literal 178 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=YRE{-7NAb;#H>Q811;{xf&Y%B9`H{x5oVI)aj9q&an>l~3_IY{!kE6`i>FtNVFx3_`egza UY^oZ51C3(vboFyt=akR{0Nu(r7ytkO literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/pan-right-alt-disabled.png b/Cutefish/gtk-2.0/assets/pan-right-alt-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..d11562a468b7d57b7a3c309c9bcb58cb40455b96 GIT binary patch literal 181 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)cTE{-7wma=fn|KbaoGHQlAxn)#gTe~DWM4fTj@84 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/pan-right-alt.png b/Cutefish/gtk-2.0/assets/pan-right-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..3acb33bc543c72da4761893a7fe427d11d816872 GIT binary patch literal 183 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(Q|E{-7anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-;eE{-72!jjsZAi6Azopr0O#g7k^lez literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/pan-right-semi.png b/Cutefish/gtk-2.0/assets/pan-right-semi.png new file mode 100644 index 0000000000000000000000000000000000000000..331a3066cd4be8ee10f3ce7f4496e4b3af492fd6 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{-7HKY^Eo&OusuBg zSm03ak*9O~lb%aVy4ju9rn>d_anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(Q|E{-7`njxgN@xNA;jTBK literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/pan-up-alt-disabled.png b/Cutefish/gtk-2.0/assets/pan-up-alt-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..361acb33d0485b0b7c3f76b1b9ea914074596e02 GIT binary patch literal 178 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=YRE{-7gTe~DWM4fABH$l literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/pan-up-alt.png b/Cutefish/gtk-2.0/assets/pan-up-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..dcdf2ec2ae0f7bb0261f264cb2985c9c61fc7893 GIT binary patch literal 175 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(p5E{-7anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt<-BE{-7G-sHe)}$xN%FM~IbrS2bloY3@KqDAD MUHx3vIVCg!0Fq8I3;+NC literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/pan-up.png b/Cutefish/gtk-2.0/assets/pan-up.png new file mode 100644 index 0000000000000000000000000000000000000000..031ac4617fd45a3cd4468169f160b4fdfc6d778e GIT binary patch literal 174 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&KtlpinR(g8$%zH2dih1^v)|cB0Ts0e_=LCuX@-XX459zEL$9jj zZWBs5A(ePaD(#G9@;Qm5Q{pM7#FI~pr<@i`IwhHWR3hn^MDlToq~l^qN5ztli6tEq zPd*`@bV5Akq*&4kv1A}R4nj%CK(ZhVVni%)21Y??4}(v+!d)~;KB`_A2a_a8ib_~`T3 zZ@>O!-Lshu)VI{r#W6%ea_+&`VvPJ-4=71Y3s4 zgz`OHS+$~MrA^E7O)I{vloLqTYCqMa)ou|m^;}eV&|8JHKZdOx>vJ@DuFP0?onb34 zvv-Y4wprY2j^2w?x1JVgw75BckNvx4hX1~@sc$z}_SY_o9TeuCu6{1-oD!MlpinR(g8$%zH2dih1^v)|cB0Tsmt_=LCuX$FS>3=RJk8ve@^ zK9(s2l5eETo=BIyl`48GmH$kt9EjdY7Ce(EelA_~Qo8h&RMAuEl9xbI3dk*aE?x3k zy6A;;=?ke6AbKqgQubV`=!I1A3$Oj*MnL1`OM?7@85o&3I60+dWMt*!jC$kO;Tc!rh9(NUp^xua$ElH zjk;&^DH7X`LZVCB(JIXxRRDgM^ z^Me&t9R8_-HY;pemT%&i7h>PhcuKJ##P&#gR@t>(Ggmd9sGR6DW1{-xMz4xbhZa3@ w>iupt(;ct*8Kx?lOkMKh0w};dUHx3vIVCg!0L+G;R{#J2 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/radio-checked-hover.png b/Cutefish/gtk-2.0/assets/radio-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..4211ab0bb59cb13edfcbf0978d8ac9155770f4bd GIT binary patch literal 483 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LCuX@-XX459x+8~%Gv zx^3S1)~@BPO~*T{miN}JZ>`(kTD88jY=39b^4g~DrA_Ng>$X=`tw8kBvhAg1>r1Ql zH&$&RWDO*N?DkidZLh4`Us-j$w(fXi4J6xvj8{N$5TpIIO~)IX_BS>Vagfv-n@$in z>z#rj&?P!0L4LsuOw4TTGO}{=Vc`*x(Xnyy2@Q=+6DCfYGIh<`b?a~6xqI*agNF|v zeg69G*T1ZLHnV~HmU_B4hDb=xJ@{Iz(Lsdmfy?bij|F5x1Pfh)F{@#z- zo}2&tJhOSGV?xk|GU>$^Z+<$hcIf!DM$;_eZ9NOl^y-!~PyFQ0G%;{$adxcd)^>|v z%Mh7RzK1KTR+Ox?X<5E$#g~lpinR(g8$%zH2dih1^v)|cB0Ts0e_=LCuX@-XX459yx)BbBW zToo;SC13Dbw(PY`;Tx%<7g8lJq>5ikmb{cKdMRD}T)ODFbjfp&c=2;7Afp(_cp+8v z5~v1@fU*z~FbQFUq+lwGUr0l=V34ytB29oU(J2Y?3ua(qW@VF*l#=%I4+snn2@MM` zE3atp=cD^+fNUn)m-}tkP3cKb^n#W47n!KR?fGp6Qqnw4qFT@x_~;POBX{KCRI-OL$w) zf-}9k<;)X5xid`+oLZb6>$$bvBG@uSCY0~t%BmG5D{WeqZ(8wXrJO*zR{NkM0YnZ0XVvd!XFbM#)Ey7ja`qs7hnd+gsWGyM0J YO?|t;vcGmw?4U6BboFyt=akR{0Gyr7=l}o! literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/radio-mixed-active.png b/Cutefish/gtk-2.0/assets/radio-mixed-active.png new file mode 100644 index 0000000000000000000000000000000000000000..c32b1146112adae1440c8fcbac961884b0babe58 GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XX459zEL$9jj zZj(qlC7yChJo&VE%4xBrQJM(s954r@#JITNkH+VAn`=7Y|_z7Is6ZS_NtWx`2{mDF|)CUg-1k2 z$Hv7cOqe)n%GA|s)~;K>;r5-o_wGM<`0&x^uiyS1`MS*osH4x*#W6%ea_+&~QceyM ztQT~HIb4@AcS^neUVr4-cT1CJ=b|Efmu_G6dR6qIgw80wSpu8ScGeg1FBaC7WD^u; z`Vw-ub$gS?%MQhNB_aZ*vZ5`^8aa7+7iK0nJ!by6WO2)mONDJ7FK#&h(AV3-wRgg{ z_hQX+rZKz49lQDcMWWaqixuS?eiQ~~{oV1VcFkAjAU>@N3NJps0R^I`tDnm{r-UW| D1cI>> literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/radio-mixed-disabled.png b/Cutefish/gtk-2.0/assets/radio-mixed-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..f4cd89bfbae0407cffe39968b3cbd9c735892652 GIT binary patch literal 375 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TuZL_=LCuX$FS>3=RKf3g1YV zJ&`VZD^>JXD*u^OIS{>*E_x|l`bw(ksdT{;>5`W~h7?ewD2`iGd6Va7>kzOGW>j1K$e^L$dN-F8#irms9>`&{2(xo(T}H2K%3k6NPDZf%ju@Z z3)04Z$>GMIol<7LC=8fpzW315TM}zUg?34%zkhx)!{#fyM!$@CMflRQpkVNH^>bP0 Hl+XkKk5Y+y literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/radio-mixed-hover.png b/Cutefish/gtk-2.0/assets/radio-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..4635e4f17d47aefd99b7db8a21612358c92b039e GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XX459x+8~%Gv zx^3P1*1G+zRqH#;_IDO7uWj01+O)p3ZhK|b`pT;Pja3^6Sp!KB8z}P1vh9_1`zx!C z*H-PXtvlXWcf7U+F+frvM*C}#Z)_mqKyD|9y*$M^6KJnmNswPK0~0eFdsuix zWOQs?e8Pl@lcr2vy=LvY^&4*AxqI*agNF|veg69G-;uA|T!1?IJY5_^BqZk^ye;MA zAi;V;H<-h9DRZaP+wb*9o_)78d3G);!guNRRj*e?FG}c);+rL~`D|x>5&vRgT}d`U zai%XJhg-KddA#gUd{-hOU@9xxvaFGlmv>=ig41K>k4qM}?6_3e=JDc&^ACN!EnIsi zYlpinR(g8$%zH2dih1^v)|cB0Tq=7_=LCuX@-XX459yx)BbBW zT$L(%Ayx81s`#a3$xF$im(s=0rHh_RmpliF7r&4ydI^*Qqvs$gkV>E+m;^E)T#$n2 zAaO8~hB4qGK*r)-PtOAFRVxYd3ua(qW@Yp94+snn2@MNx@96C6S+sb`(q+r9UB7Yj z*6llY?|uCI<)2$}jS^5tpQnpsh=kmMw}or(gl+G|n&(Voc8fc9^ZScLu{{ve0&26L{C>gmvv4FO#n4sw=4hv literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/radio-unchecked-active.png b/Cutefish/gtk-2.0/assets/radio-unchecked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..b2112ca569498d2845ef95489e8451f994a705ec GIT binary patch literal 510 zcmVpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10gFjQ zK~zYI)z!~RRACs$@lRvY4P+!@i`LxMW zmM+9a1ZlJmBC!_lbMVY`#&?`?;|~tcIq!L%-}gQ5dH-a+3-*JBnvv`Xq0b0hA(iG+F1E($>IHPCe zkj8vbhjGsxnO6fejXO?{%p>fE=?0E7K9^Yk03XjvDaE@CPXGV_07*qoM6N<$f@h=S AApigX literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/radio-unchecked-disabled.png b/Cutefish/gtk-2.0/assets/radio-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..ca92669d668c7fd7227da405ad7972a4224fd878 GIT binary patch literal 404 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TuZL_=LCuX)1yvi6_b*dkyTRG)G{?Qx3RTz&|dZH5Kz@ZPZ!4!jq`H@FNz%&5aCW+ zyDhA1;{X2_ZO`0%vC-BfKhL9xc?Z`{8N=rlI-BOtKGJ1kp8W7c!q%W$Y?nIuA4XiO z5{iEK?_%Q4`uYB?p}uPC*4{t%#czW_$25UPHim)=-vo7S85DxPx1_N!q^z13a3=ZD zvFG)g^=9=UpXV2*J}Qga5H}}sS)gh|@=Z5Yr#HE8t6y96+jBJ-*gcckE4ZUe+~g9s U?J4u=J)jWsboFyt=akR{0F!EWumAu6 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/radio-unchecked-hover.png b/Cutefish/gtk-2.0/assets/radio-unchecked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..95cb359fda49fe5ccdf8cec3419856184b2cd331 GIT binary patch literal 542 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Ts;*@Ck7R(t{Hy%Vtdly3DvF z$S;_Ik%^gwor6YBCVfP7M@fbrcj37Z3?t^6bC;xtT!=WM%oEO)_~I zy-f81ROf3&2P=j8?Vw>3KD5;2C~ z`+9BiyLa7A=yjUR9ChgVqn?OZL&sw~4~6jNgv^nS$VyoFQ_knZkGopGW$K>DELaeK z-88GENZ{eJ@>9&kZuJM_PRG4JxNVViuSD5lRbAFoN4Du$Yku^4%3k#P-{L&)MGoIL hXJ3x-+voT1sPtzxG4Un3d+&kb%G1@)Wt~$(699Rok$C_B literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/radio-unchecked.png b/Cutefish/gtk-2.0/assets/radio-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..6496e929c0c27b056b497cc418312f3a9186118a GIT binary patch literal 500 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TtB+_=LCu=>Y^y+nV11t=B3E z@(X5QWMXDx7Zp=fQrFPb($+CCH8Z!cba8bH3s;RASn91(I0@QWT z)5S4FLUQiG=&~jQ29^saotu>+SdKXPGMgQ{`Jb)&kfZAUd)@sjA3xYr?!0n>MqZ2$ z`<|2BmAO6FmTgQ?|4{O9uh5K6tqq44J+M9OEjA;0S>B&Rr#dG)l{^VeaE+SQQ5T_n zag)1AQFqHi=O-&C-ngLr>550rkM@iwVw}$H841lUr}JG@*BfyNcagEN3zfRsA6?#n_KqfD7$k^`9F^wouRz&)V<38x5c^U|6>2HCV1Pm RBFGIC1D>vaF6*2UngFJ2j++1g literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scale-horz-trough-active.png b/Cutefish/gtk-2.0/assets/scale-horz-trough-active.png new file mode 100644 index 0000000000000000000000000000000000000000..4d1ed0c96f2c2ebf4a7bb6f9d85e29056ad31066 GIT binary patch literal 160 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;NqE{-7{oyiFjtcw#wdYGCT z1gE!zeC+YuaHiFfK1+6Gi1aiC8gOMWFo^$RVY%IUdlFD1gQu&X%Q~loCIB{0 BFp~fP literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scale-horz-trough-disabled.png b/Cutefish/gtk-2.0/assets/scale-horz-trough-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e38cec0e961d2a0f954c62966072fabb560bdeab GIT binary patch literal 155 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&p!E{-7{oyiFjtcw#wdYGCT t1pDX6bf(!JQajanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt&p!E{-7{oyiFjtcw#wdYGCT u1pDU*cc#5Ptaid>ks?T}DbRtNf#JwbMwafALK}d37(8A5T-G@yGywn&D=i5C literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scale-slider-active.png b/Cutefish/gtk-2.0/assets/scale-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..b9a8a00d88ac55cb1f8ca1f0ee27da927f92513b GIT binary patch literal 528 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tp!x_=LCuX@-XX3~B$3)BbBW zT-9#)FIaw8u>74;`8$Pz`x3d&B`Tkbm)sFAc_CHwRI2=$Wbrczpm@b|@xqrfg|B2v zA4?QImna9Sc_Cf;M7s19NLeXJnRL+;>4GN`#m}XRUrGVV5+LIR5J`fOR1uI176FKfi#esF;|noVqLrDtbX_r*(> zuiU)(e6XSahG+z{*Bka6B4q|sy^ZQ z2JYJ&jsdqnOMbTPo@7~~{zy45`lNKvc>yWq{Li9q9@>U8*iBjKw1WF#)AuDSZf!dy zyhY|=!`CJ6`2vqt7*YQz;@S`<3v(nq%|J*4bw8G5r!mn@dlw2+T$WM{D vsuZ+i1}&vw|wPqne^&fV$}4~ig9S3j3^P6lpinR(g8$%zH2dih1^v)|cB0Tmes_=LCu>HYinA3JvJ;K75t zckkW<2HUr9-v$Oi##R{EvSka9xq0(u#qB2SKy3mgL4Lsu9Gr?ZwRIOSUA}Vj)|YSJ zmxrk)0_8$HT^vIsB+njflpinR(g8$%zH2dih1^v)|cB0TrbM_=LCuX@-UdhKBzPp{ukT zu4*^@S7^Ae(C}ZT@UeKw3(>4sq7AP^%5I31y%x%SD_8MQy7Gxs@iW=7N3vzFWeQ&a z*;2(XBuidMLdlnsB`+n5p92w49E6HMCIz0@mZY$n4*5*6U;p%1 z=5okcmi<5QF7?eOMu&vfkSJ|Ui8lwmgg@+Yv%8$eJ~y`}kx%1Kr`m;e|IT!5TsGt9scWBCJ6STRth+07K|#^+;jccY{uZWBPZm8m5w2CU zx1dT?H2?CWrZ;^D^IBcxlpinR(g8$%zH2dih1^v)|cB0Tmes_=LCuY3+uqD!I313g1YT zJeMkdAyx7MM1qkdi~$z`G75idfm|U_666=mz{W0}lbd(!_=%I}FMRy`rB*t98c;68 z)5S4FLh|gvM&1Sm9+m^k7bqS5^xHq%$tQSDgY_HVbJab+1^zra=V>f<>1Uv0$t6*j z-gQbwR?aCU{EOVe1!YTECu-Qw+Hm5Or*U1-%CvCL8@ISwve_=I*c7Y=G@rrK)z4*} HQ$iB}q?2kv literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scale-vert-trough-active.png b/Cutefish/gtk-2.0/assets/scale-vert-trough-active.png new file mode 100644 index 0000000000000000000000000000000000000000..a19e102650b06d2543faa2569f6c26b475e1274b GIT binary patch literal 159 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(#9E{-7{oyiFjtcx4gIjs6| zw0`9y@&BF|54&g|?};+VI=F)M@X4k?11=4AhA$Q@|I;Qgl>_xLc)I$ztaD0e0swI> BGARH6 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scale-vert-trough-disabled.png b/Cutefish/gtk-2.0/assets/scale-vert-trough-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..f976e3acd71c0e125467b3e146da74537bb39b5f GIT binary patch literal 153 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*bvE{-7{oyiFjtcx4&Iq-FL sviX=4omj!TSga??V2ut)xQKz_*LsFvyIZB}fjSsGUHx3vIVCg!0I&Hhga7~l literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scale-vert-trough.png b/Cutefish/gtk-2.0/assets/scale-vert-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..ef79e78304fa3b6935f566ddb9493474f7add422 GIT binary patch literal 153 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*bvE{-7{oyiFjtcx4&9pLQh sWb-j8I-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprS5M7sn8b-nSPvaxyszv_AA_ z6+Rg9*m%33@#+nYo5ggUxG(r@Xgb|{mc{V;0oNxpQhR&e`HS7Nt4nL^+i!GOj92gF z-348z_Vy&S7k(%|Zq#Z2rTLMS@`O*nrh7{D7ztG*#LZfAWV5Wxq+-XSEcT05qTe3v wzO&)LS8JJ+E_NS-qZfYjxv#m^)Hg%?anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt*x^J|V6^8V}g6k)H*W<|+yD z3ua*F($UqkwX=6xo*oYpHT86H4B?1QPEcSra6MDdwBbtnxjE|?(p=BYvAoQ9<`v5( st_up-@8y85}Sb4q9e0J32`BLDyZ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/Cutefish/gtk-2.0/assets/scrollbar-horz-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..bb6d9b06bfe4e4b0c59c9a05820d809f40b2ebfc GIT binary patch literal 247 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprRH}7sn8b-nSQb^B!^#aJ_g~ z-N9wTPUh~S0^=H1B$!z3u!!NcUd>DJY}M`z4yK9`uzN=y_B>)hkiEM>jN zaMAI-EanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt*x^J|V6^8V}g6k)H*W<|+yD z3ufTvcW`o!ijGOV`JZ(@P}J1Z#W92F4IGV@Pv7H^=fa4nJ@ErzW#^d=bQh9gP2NC6e`c)B=-aL6WCocJKmz`Ts{ UVcMh`R-ib8r>mdKI;Vst0LM`x{{R30 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/Cutefish/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..475b1afd8584e3ada22ebcf621113e3ccbdbc4b1 GIT binary patch literal 257 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprSrc7sn8b-nSQY`3?mLxIW~c zAfWT&(M^uN&<%~7#3ER97-TrLSGYf(^&vT6M%S~C_q;#uJvqa8^5m0C&)Y{P^skyJ z+jZlig0e+|)Ccx!JGMSFP`v5JA{AElcgZ1(jn#=apH7~_pr+{Ic~A1>=G9MTO^k7x z@M_6{i}^cE!**anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt*x^J|V6^8V}g6k)H*W<|+yD z3ua*F($UqkwX=6xo*oYpwe)mx4B?oWoS-1LqRhfk!e^@Sa_xr5HOA@ZN*FdgTe~DWM4fLt8t& literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/Cutefish/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..4739b6840655cb0f61fa826970adcac88341559c GIT binary patch literal 248 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprTe!7sn8b-nSPw@*Z;FVZFd^ z(!sSWN5GITvQ1P%(Rslcr{*c5D^@Uxh=|0b?zqf5;r`F)s!b`+j_7dhW|O^T(l1f4 z+Eq$sBj;b{~hvA_L%)LF}`~Z_lfg*?R&URY!;K`KCx9yvc_J}_@T_{ qP_~%`2gR)ST)y)-Zby;dDR${+!p^sCJ(7S9V(@hJb6Mw<&;$TEd{o;2 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/Cutefish/gtk-2.0/assets/scrollbar-vert-ltr-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..dcab805339588e19514609f0465b8c81dcbbb982 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|V6^8V}g6k)H*W<|+yD z3ufTvcW`o!ijGOV`JZ(@P}I`X#W93qW^#gp+=?<5M+u*)#>=%EBG(wFpDSV5Y|*fW x&7fQO#4HAJ?S|FH4KL@aF&MfnJv@QsHe;o;K+fXDlWu}+_H^}gS?83{1OTEqJrV!_ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/Cutefish/gtk-2.0/assets/scrollbar-vert-ltr-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..06b93b5c17c9a034c0b62fd7efc89cae9f620354 GIT binary patch literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-Y0VEhMdMbngDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD>5PZ!4!4%y_2AMy-LM;IS^ TdKw1-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprT$+7sn8b-nSRl@-jIJuw7vH z;1K)rFq6ey)P!NHgJ1xIg^-p-|FPIZ{f>!#x|^r#KG>IXcKXceCoe5G;g$*5p5L!! zZgYac-DmQ@PSbZU4;eU=F)nz!ZRzwY67Gj9k|T>e`5HV!+)gZKuAHj0o$ra%)Qj^& zEPnpK!=`O>sWq^{#3H%Pa^H>wVaD1=e;6LE5ShASufa;7!x%hW{an^LB{Ts5t#e!5 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/Cutefish/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..96562d1ce2818b74f311b01286e9f0236bd046a2 GIT binary patch literal 235 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|V6^8V}g6k)H*W<|+yD z3ua*F($UqkwX=6xo*oYpweWOt4B?1QPEe3CaNVNe5b?@5UCc3JqH(%k;|8nrb949- u&$2L;7@nVLtbX{bnp1?&yQ54zN0=G<*aTX0t4mrz7JIt-xvX-G2co&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprUq97sn8b-nSR`axyszuw7WL zmbBz%X+cEa^&Z`bCf5^Jlayk(-Q51Mu(7REIDKam>z(Omx1UZ}0voGjaP}xwzs8G5)V=_l(^SkM}x|?(q9!9t9;X1KdOp@!wQn8n{`V*h` s1-Iz9+0Ea0jP1RNe4%!Zh{IcfKFoYboFyt=akR{0A_t!u>b%7 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/Cutefish/gtk-2.0/assets/scrollbar-vert-rtl-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..5f5dd82ff1ddd196424821d9ff226396dc03f8bf GIT binary patch literal 235 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|V6^8V}g6k)H*W<|+yD z3ufTvcW`o!ijGOV`JZ(@P}IWH#W92%D{DtmP5oV<8(2{h>6DOevKQf($CFd wOgziNwBts}j$J1U_I3)0O?KbR!2FScVH&@{icp`wmLQ8gUHx3vIVCg!0CDX+lmGw# literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/Cutefish/gtk-2.0/assets/scrollbar-vert-rtl-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..4d6a6aa480a6306fbcc1eef530078f55bf51de28 GIT binary patch literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-Y0VEhMdMbngDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD>5PZ!4!4%y@%{{anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt%=tJ|V6^TD##YkmRy$6>;s9 z&V3^2J5eI*ie%wKslsQHMbD%PpGp^!I!xLjO5 zha-tGEYUnHTiI=z!YnNrHo33@cD8>hX0!Is&S{O4R9nG4b^o8H_z$s;lRxRGN(9NN zvgjT&S+AH}`1odxOFOUkggUo0vojr*`a3oxA8q0=mtf@$QLc380NTdj>FVdQ&MBb@ E0GAF#FaQ7m literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/spin-ltr-down.png b/Cutefish/gtk-2.0/assets/spin-ltr-down.png new file mode 100644 index 0000000000000000000000000000000000000000..d44a3dd6ab229296899d9810a816e3e7a6e76e73 GIT binary patch literal 179 zcmeAS@N?(olHy`uVBq!ia0vp^5Y$aKAXvKdX*lRxt2Jdi)&!#tJEO-SR5NWhMVzYMJAe{iTj&$=*- VoAp7-V?Ur-44$rjF6*2UngEIWIt~B; literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/spin-ltr-up-active.png b/Cutefish/gtk-2.0/assets/spin-ltr-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..51ee4147ab491ae5ed87d0382b4be0d965f78f03 GIT binary patch literal 262 zcmeAS@N?(olHy`uVBq!ia0vp^5QUh-Y4vEO;nc_(-zonG_He0?Fr6#V>%!XP3?ipay}GAirP+b{+{yY1xRV zg2GdmZhijJV)WM(QtyKLpKnc=(biXWdi8H&=_ sBerB`wsC%nkus~$u9c~(4Y;LKSNDz0XGLLd0MHBuPgg&ebxsLQ0P%fQ3IG5A literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/spin-ltr-up-disabled.png b/Cutefish/gtk-2.0/assets/spin-ltr-up-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..108a1073357b68bbe42aca224612541686c2641d GIT binary patch literal 183 zcmeAS@N?(olHy`uVBq!ia0vp^5-|c9y6Vlru@soXgO2pLwml#R0~y aPmD&IEXGV9<;sBOF?hQAxvXt zXPYRnM#tqOTTaZR=rdV4Yu2oBS##)kLgFK~IVC&KzJBJ@xOs-ryd964mOEl literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/spin-ltr-up.png b/Cutefish/gtk-2.0/assets/spin-ltr-up.png new file mode 100644 index 0000000000000000000000000000000000000000..b735ea2f59e09a2e519e6f0ef4c1119211a97432 GIT binary patch literal 190 zcmeAS@N?(olHy`uVBq!ia0vp^5QBwtFl|@@Gn}_GP+o$-$Rd hmDgqdALe*Qx$-_%XP>)z|A59ac)I$ztaD0e0su8ZJ)r;q literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/spin-rtl-down-active.png b/Cutefish/gtk-2.0/assets/spin-rtl-down-active.png new file mode 100644 index 0000000000000000000000000000000000000000..eeed15c36551c56bfcd3d1e31b52c40a996418a1 GIT binary patch literal 258 zcmeAS@N?(olHy`uVBq!ia0vp^5QUh-Y1qEO;nc_(-zo84yVUQQ3gDJbmfb7p=%JKcJk6r;B5VMEKQ{?u-lyJj@3+q|Ka46z=FSo)`wjjrb+u}g|44$rjF6*2UngGMjPvQUo literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/spin-rtl-down-disabled.png b/Cutefish/gtk-2.0/assets/spin-rtl-down-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..a70520830b868f05c3684e16e20e71d68ada895d GIT binary patch literal 177 zcmeAS@N?(olHy`uVBq!ia0vp^5gTe~DWM4f=UX>d literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/spin-rtl-down-hover.png b/Cutefish/gtk-2.0/assets/spin-rtl-down-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..35364e5368013f54e2eb7d9b1306237f93fb5c57 GIT binary patch literal 225 zcmeAS@N?(olHy`uVBq!ia0vp^5fZEc+^q$GAvY47_|%YvDW+{Iiybv{M`&m``$?pD~F&{=mv zwZhH*xj@K@Lf3A|?5u;#%vLcUx_&Pa5Sgfc=fZM{yFspcJ0ABc&pP{Ff8T<;Jd4Hp R`a#ZP@O1TaS?83{1OU#_P`LmA literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/spin-rtl-down.png b/Cutefish/gtk-2.0/assets/spin-rtl-down.png new file mode 100644 index 0000000000000000000000000000000000000000..74ba4d67076ad9b4febe462c019c6dd1bc3b9217 GIT binary patch literal 180 zcmeAS@N?(olHy`uVBq!ia0vp^5anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt%=tJ|V6^TA|@SkmPn~5O(U5 z%D*d~by>3DkwoDm$)aacMb99lRPl4E;uk>V@ZK;EsG7ed$S;_IgGWMIF1)Dt^qDI+ zzkFHTv_u;yrQ_-17{W0#IYD6lcX>96i0}X13zqy>(LTuF{9jO&CB0Ti==nZDq38RB bVl5aBx*O@FJ1*h}>SOS9^>bP0l+XkKlnhT9 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/spin-rtl-up-disabled.png b/Cutefish/gtk-2.0/assets/spin-rtl-up-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..95f42b7c4d867df29bdb32105cdb220f29282574 GIT binary patch literal 172 zcmeAS@N?(olHy`uVBq!ia0vp^50-I0Epph^!hHGzkrSt`g_Ni(ypoW)|7OL1^~q~anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(*BE{-7_vdI&)>KGZA6d23C T2zSZ>#Th(Z{an^LB{Ts5Ax0nD literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/treeview-ltr-button-active.png b/Cutefish/gtk-2.0/assets/treeview-ltr-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..365523e019a7dea19a2f53e65bb94322ba4b60f5 GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!kwBpAZ)2K@k1oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+6>E{-7_vdKICOnCUvnSslP VxqPWMyBko3!PC{xWt~$(69BhDBG~`{ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/treeview-ltr-button-hover.png b/Cutefish/gtk-2.0/assets/treeview-ltr-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..e43317ced3965c5d242276072c7145fb1c94760d GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!kwBpAZ)2K@k1oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+6>E{-7_vdI)U%)oV- VdD1Ok%ilm522WQ%mvv4FO#sacBy<1( literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/treeview-ltr-button.png b/Cutefish/gtk-2.0/assets/treeview-ltr-button.png new file mode 100644 index 0000000000000000000000000000000000000000..862ac3238d11e8664fdb58bff7ff0ae46a22ae6d GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!kwBpAZ)2K@k1oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+6>E{-7_vdKUGPk8vynSon_ VdGWiB?f-x>44$rjF6*2UngH9MB{Kj3 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/treeview-rtl-button-active.png b/Cutefish/gtk-2.0/assets/treeview-rtl-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..3dc0f5a20ea9320b5c2930a952eb879ea87476e3 GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!kwBpAZ)2K@k1oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+6>E{-7_vdI+{Gao*5X5flq VE{{)neFZ4P;OXk;vd$@?2>`dMBar|A literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/treeview-rtl-button-hover.png b/Cutefish/gtk-2.0/assets/treeview-rtl-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..f6dce3b400b2befd4161f62e6b6ac90a4818b8d7 GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!kwBpAZ)2K@k1oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+6>E{-7_vdI-c`W`-XX5c!; VJSlYLEIyzNgQu&X%Q~loCIG@!Be4Jg literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-2.0/assets/treeview-rtl-button.png b/Cutefish/gtk-2.0/assets/treeview-rtl-button.png new file mode 100644 index 0000000000000000000000000000000000000000..04b779bffd458e3a08796e75e0b06457da8224b6 GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!kwBpAZ)2K@k1oCO|{#S9F5he4R}c>anMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+6>E{-7_vdI-c=0AMs%)rgX Vym" style "chrome_entry" + +# Hack to be able to match widgets in LibreOffice +class "GtkWindow" style "toplevel_hack" diff --git a/Cutefish/gtk-2.0/main.rc b/Cutefish/gtk-2.0/main.rc new file mode 100644 index 0000000..62edf4d --- /dev/null +++ b/Cutefish/gtk-2.0/main.rc @@ -0,0 +1,2705 @@ +# 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 = {4, 4, 4, 4} + + GtkEntry::state-hint = 1 + GtkEntry::inner-border = {4, 4, 4, 4} + + GtkPaned::handle-size = 8 + GtkHPaned::handle-size = 8 + GtkVPaned::handle-size = 8 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 17 + GtkRange::stepper-size = 0 + GtkRange::activate-slider = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins) + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 24 + GtkScale::slider_width = 24 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 4 + GtkProgressBar::min-vertical-bar-width = 4 + GtkProgressBar::xspacing = 4 + GtkProgressBar::yspacing = 4 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + # TODO: find out what this comment means: + # ( every window is misaligned for the sake of menus ): + GtkMenuBar::internal-padding = 0 + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 4 + GtkMenu::double-arrows = 0 + GtkMenuItem::arrow-scaling = 1 + GtkMenuItem::toggle-spacing = 12 + + GtkCheckButton::indicator-size = 24 + GtkCheckButton::indicator_spacing = 2 + GtkOptionMenu::indicator_spacing = {8, 8, 4, 4} + + GtkTreeView::expander-size = 16 + GtkTreeView::vertical-separator = 0 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 0 + # Set this because some apps read it + GtkTreeView::odd-row-color = @base_color + GtkTreeView::even-row-color = @base_color + + GtkExpander::expander-size = 16 + + GtkNotebook::tab-overlap = 0 + + ########## + # Colors # + ########## + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + bg[INSENSITIVE] = @bg_color + bg[ACTIVE] = @bg_color + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @fg_color + fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @text_color + text[INSENSITIVE] = mix (0.5, @text_color, @base_color) + text[ACTIVE] = @text_color + + base[NORMAL] = @base_color + base[PRELIGHT] = mix (0.08, @text_color, @base_color) + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) + + # For succinctness, all reasonable pixmap options remain here + + # Draw frame around menu in a non-compositied environment + # This needs to go before pixmap because we need to override some stuff + engine "adwaita" {} + + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/radio-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/radio-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-disabled.png" + overlay_stretch = FALSE + } + + ########## + # Arrows # + ########## + + # Overrides + + # Disable arrows in spinbuttons + image { + function = ARROW + detail = "spinbutton" + } + + # Disable arrows for qt in scrollbars + + image { + function = ARROW + detail = "vscrollbar" + } + + image { + function = ARROW + detail = "hscrollbar" + } + + # Menu arrows + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-left-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-right-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + # Regular arrows + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-left-alt.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-left-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-right-alt.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-right-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + ###################### + # Option Menu Arrows # + ###################### + + image { + function = TAB + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + } + + ######### + # Lines # + ######### + + image { + function = VLINE + file = "assets/border.png" + border = {1, 0, 0, 0} + } + + image { + function = HLINE + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ######### + # Focus # + ######### + + image { + function = FOCUS + file = "assets/focus.png" + border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly... + stretch = TRUE + } + + ########### + # Handles # + ########### + + image { + function = HANDLE + detail = "handlebox" + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-horz.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-horz-hover.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-horz-active.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-vert-hover.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-vert-active.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = RESIZE_GRIP + } + + ############# + # Expanders # + ############# + + image { + function = EXPANDER + expander_style = EXPANDED + state = NORMAL + file = "assets/pan-down-alt.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = PRELIGHT + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = ACTIVE + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = INSENSITIVE + file = "assets/pan-down-alt-disabled.png" + } + + # LTR + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-right-alt.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-right-alt-disabled.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-right-semi.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-right-semi.png" + direction = LTR + } + + # RTL + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-left-alt.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-left-alt-disabled.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-left-semi.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-left-semi.png" + direction = RTL + } + + ############# + # Notebooks # + ############# + + # Left + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 1, 0, 0} + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + gap_side = RIGHT + } + + # Right + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {1, 0, 0, 0} + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + gap_side = LEFT + } + + # Up + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 0, 1} + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + gap_side = BOTTOM + } + + # Down + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 1, 0} + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + gap_side = TOP + } + + # Inner frame + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {1, 0, 0, 0} + gap_side = LEFT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 1, 0, 0} + gap_side = RIGHT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 1, 0} + gap_side = TOP + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 0, 1} + gap_side = BOTTOM + } + + # Standalone frame + image { + function = BOX + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-horz-trough.png" + border = {0, 0, 1, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-ltr-trough.png" + border = {1, 0, 0, 0} + orientation = VERTICAL + direction = LTR + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-rtl-trough.png" + border = {0, 1, 0, 0} + orientation = VERTICAL + direction = RTL + } + + # Horizontal sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-horz-slider.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-horz-slider-hover.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-active.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-disabled.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + # Vertical sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-hover.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-active.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-disabled.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + # RTL + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-hover.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-active.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-disabled.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + ########## + # Scales # + ########## + + # Troughs, overrided later on. We set them here too because some widgets + # don't specify their orientation. + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + detail = "hscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "hscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "hscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "hscale" + file = "assets/scale-slider-disabled.png" + } + + image { + function = SLIDER + state = NORMAL + detail = "vscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "vscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "vscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "vscale" + file = "assets/scale-slider-disabled.png" + } + + ########### + # Menubar # + ########### + + # image { + # function = BOX + # detail = "menubar" + # file = "assets/border.png" + # border = {0, 0, 0, 1} + # } + + ######### + # Menus # + ######### + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + border = {0, 0, 0, 1} + } + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ########### + # Entries # + ########### + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/entry-background.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/entry-background-disabled.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/entry-background.png" + } + + ######### + # Spins # + ######### + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-ltr-up.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-ltr-up-hover.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-active.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-disabled.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-rtl-up.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-disabled.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-ltr-down.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-ltr-down-hover.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-active.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-disabled.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-rtl-down.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-rtl-down-hover.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-active.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-disabled.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = VERTICAL + } + + ############# + # Treeviews # + ############# + + # Disable active the column highlight + # We need to match specific cells or we break stuff + # Looking at you deadbeef + + image { + function = FLAT_BOX + detail = "cell_even_sorted" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "cell_odd_sorted" + state = NORMAL + } + + # Disable all the other shadows + # This prevents the Raleigh effect + image { + function = SHADOW + } + } +} + +style "menubar" { + bg[NORMAL] = @titlebar_bg_color + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) + # Needed to fix Firefox's menubar text + bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[SELECTED] = @titlebar_fg_color +} + +style "menubar_item" { + xthickness = 3 + ythickness = 4 + + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = @menu_color + bg[INSENSITIVE] = @menu_color + bg[PRELIGHT] = @menu_color + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) +} + +style "menu_item" { + xthickness = 4 + ythickness = 4 + + bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) + fg[PRELIGHT] = @fg_color + # Chromium uses this setting + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) + text[SELECTED] = @fg_color + # Some widgets use text, we need to handle that + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + + # Unfortunately we can't tell regular and menu checks/radios apart + # Without the heirarchy + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed-disabled.png" + overlay_stretch = FALSE + } + } +} + +style "separator_menu_item" { + xthickness = 0 + ythickness = 2 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + border = {0, 0, 0, 1} + } + } +} + +style "button_label" { + # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) + # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "normal_button_label" { + # fg[NORMAL] = @fg_color + # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) + + font_name = "Regular" +} + +style "button" { + xthickness = 6 + ythickness = 6 + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/button-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "link_button" { + # Disable the button effect, leave just the link + engine "pixmap" { + image { + function = BOX + } + } +} + +style "entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) + + # We set this same as the border of the border of the entry + # This way there's no overlap + xthickness = 6 + ythickness = 6 +} + +style "combobox" { + xthickness = 6 + ythickness = 6 + + # This affects only the button beside an entry + GtkButton::inner-border = {0, 0, 0, 0} + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "assets/entry-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "combobox_cellview" { + # text[NORMAL] = mix(0.7, @fg_color, @bg_color) + # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) +} + +style "combobox_entry" { + # Since one side of the button is missing, we need to shift the arrow a little to the right + GtkButton::inner-border = {0, 2, 0, 0} + + base[NORMAL] = @base_color + base[ACTIVE] = @base_color + + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-left-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-left-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-left-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-right-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-right-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-right-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + ############## + # LTR button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-right-entry.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-right-entry-hover.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-right-entry-active.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-right-entry-disabled.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + ############## + # RTL button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-left-entry.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-left-entry-hover.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-left-entry-active.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-left-entry-disabled.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + } +} + +style "combo_button_padding" { + # Since one side of the button is missing, we need to shift the arrow a + # little to the right. + # This is the same thing we've done above but the combo, unlike the combobox, + # uses padding the same way as a button. + GtkButton::inner-border = {3, 6, 3, 3} +} + +style "notebook" { + xthickness = 3 + ythickness = 3 +} + +style "notebook_tab_label" { + fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "notebook_bg" { + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "notebook_entry" { + base[NORMAL] = @base_color + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = @base_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) +} + +style "normal_bg" { + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[INSENSITIVE] = @bg_color +} + +style "normal_entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) +} + +style "textview" { + bg[NORMAL] = @base_color +} + +style "scale_horz" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + } +} + +style "scale_vert" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + } +} + +style "progressbar" { + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "treeview_header" { + xthickness = 2 + ythickness = 2 + + fg[NORMAL] = mix(0.7, @fg_color, @base_color) + fg[PRELIGHT] = @fg_color + + font_name = "Medium" + + GtkButton::inner-border = {4, 4, 0, 2} + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/treeview-ltr-button.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-ltr-button-hover.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-ltr-button-active.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = NORMAL + file = "assets/treeview-rtl-button.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-rtl-button-hover.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-rtl-button-active.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + } +} + +style "scrolled_window" { + engine "pixmap" { + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + } +} + +style "frame" { + engine "pixmap" { + image { + function = SHADOW + shadow = NONE + } + + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_start_file = "assets/border.png" + gap_end_file = "assets/border.png" + } + } +} + +style "tool_button" { + GtkButton::inner-border = {2, 2, 2, 2} + + # For the sake of sanity style buttons this way + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/flat-button.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/flat-button-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/flat-button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/flat-button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = OUT + file = "assets/flat-button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = IN + file = "assets/button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "toolbar_separator" { + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + } + } +} + +style "inline_toolbar" { + # GtkToolbar::button-relief = GTK_RELIEF_NORMAL + + 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/Cutefish/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg new file mode 100644 index 0000000..7b89e88 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg b/Cutefish/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..17e3c4a --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..b4808a6 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/Cutefish/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..3ea0541 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 0000000..67beb46 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg b/Cutefish/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg new file mode 100644 index 0000000..bf51d9e --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg new file mode 120000 index 0000000..79b7355 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/Cutefish/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg b/Cutefish/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..b68859d --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/Cutefish/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..de0d789 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..7f0235f --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/scale-slider-symbolic.svg new file mode 100644 index 0000000..4b00bc1 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/scale-slider-symbolic.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..37d9c04 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..1bc5cb6 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..4759e32 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/Cutefish/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..a44f5c9 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..d621934 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/Cutefish/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..91c7006 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..f2c9cf9 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg b/Cutefish/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg new file mode 100644 index 0000000..a06db4c --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/Cutefish/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/Cutefish/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg new file mode 120000 index 0000000..86dfcec --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/Cutefish/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/Cutefish/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..bafb558 --- /dev/null +++ b/Cutefish/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..00d08bd311d9223e162b4b973c1d7349623ecf08 GIT binary patch literal 597 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tn$A@Ck7R(xI#VC(QpJyXb%D z)c;9y|3}UF9yQ}f%-kQ5Gk-?U`W`j=d-R;|(Li$c_n0|9VrKn_p8X?g4u}LXfFxK1 zCkWWbJNb?P2N| zV&)uX<`QA%8foqtW$qSj?iOR=nPB0W=#jV7BX5~U{&J7}6`lpFLVNFp_B{yedl=UL zD16fM@JTPDW_*sC`6YVR*XUW_fOe^B#(n^LQmZ7$FPMRugPVs}UR7PAv8lPGy`!&x z!nzH6_w7G?cV98{mU2ywnboFyt=akR{0M^_Y AQvd(} literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..25abeb6006dc69c3cfaeb9a62644e7b4d272e509 GIT binary patch literal 974 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8Y0G|+7pyITd|3g>(_nh=U zVgCQnzW=d{{)bNepEUP>#N4kD^S;H+{2np=d+hA*QS*L;&-@WH=SS@9pRsd(M$P&a zGxJyUtY49HfPz1xX8(+t^)q_*&*(Wnqi1~wq1oSoieqN|h@Sl;3QR@=xwApsXdoBN z1}Xq)nGI456o<${)j(7tkuY(Hdaxl#vQc2R4iM<->gej}=<4h0>gnnk=;|Bl>Kp4B z80#6D=^0t*8v~K0p@oy7rL&Qxi; zyQEHaO`qYKKGQX0mRrV5w~X0tnRDDS=elJ9(LDE@gN>*b&-$KeX>b zSl`32{zqXG9*0eM0`%0^4_|wMq3l``KhOg z7GBrb*51)KY4Vh*)27dub>Q&Plc&y}JAd)f<0ns_y?FWR^_#cvKYsr5?fZ|Pn*^Sz z1EX(_r;B5V$MLt9Z^ruuN;EulWp-*4p6PT#U}jKTk=EAkB~vt$)t#4Jc<}RotV?Os z>x}Z}hpPYXyC0SPf1m83`hS60{HEJuU%$@I&$f%0?Y!PTdW+A;Gkv9BUM>E6YRBb} zzvlJ7Sp}z;g?;;ekBR%ey1JX2THKyk7V~c*pUTS*{aL;6jk)vs=L;9xz0J>RexH0( z%Psxkqh~1vJa%bMdFmRMJ!xkDP-+kzeP+>qJ;6E0`Zww%)$r+VjKAExQse4x%YkFLi?Zb@)M($OIpnNi&zV^M@0HT} v|I1Ij*B6!k=&Vtadxn3Z;`Q$*59@DKlz%$!)Tc+lh-dJ0^>bP0l+XkK9Cy~I literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Cutefish/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..bb5607fb15111220fabda22b0595b70a881bf7d0 GIT binary patch literal 608 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0To>e@Ck7R(hUFqH#GbYUG?9g zVZQ^I5xeMr=+sxCQ~$@!`VlkjN6g$Gku!gW&;A@e?`Pz!&yll!M$GscJNH-g>|c>H zzQxS?9X;n;^qk+3Grvd80ixegvwlR*_z^w#2apjn<44r&9}zQu!~oHpAJHHKKSfP> zA2#`A*yJ|>EvEw;Px)5u^{L$9Teiisy+ArJ6H_O1x-q74$-_+K?%+|mJ zMCzN^7?|1^7+dKXTj?8`>Vc82zM-z3k*=PBuD*eej*iTam9=({+1axm?m-h3n(kfOwEexZ z&aVCU>>}2`yuek jwspOA{?EHVO@E$~l~B{U-P%lK-JIfePM7&i)cQ^$SpC z#N4mpvwpeK+>n`pkMWV->SVn zl{>skw>d=C*@RZwg;dxEmsonIS$HK|dZk!;CR%zXTX-f~cqD+3XM(wVtdWhkv8|V} zjhB&?hmp0Xp{28-xucPV6Ao5b1&t5CGY_+By)R z3#6pER=)s-RANbxUoZnB6Eh172PY>N7Z*1VFCV{vxP*k1nwo~DmJZMeODk&|8(UjD zJ7*VHS64STcMlIwFQ2&hgv6wl_KvQZv**m6J8%Ai1&j9V-FM*Nsnci9K7aY@^_MSS zzyJLC`}d!}|Nfb6+42k+JsqAdjv*e$-%g2CW(t&WSpUXpqN=ycHpi9EGIRtZH>I7P zr26dte@=eIo%aj&Ru;@Vzw>ub(EmSyQor4k!mM(Sy8V*oE%_fYiGR|>Z}KJaH7vAZV3a6fYJ~jQT{|hT`rsBgpJ3)X67$hj>TLS)0&(WZZ5H37MSqU?R&oQ zfejy`{+dm=I`8{wtAy_RUllGDpJL|m*!Sry)05YKnGWpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10MbxQ zR7C&)000300RR60fd5rh|5d90K!D#sfd4aq<}-l*K!^7}gYZ6s_dI~`Jcsx?gZMds z@i~X_I)(E*g7i9t?>dF_IfC^*g7rOx@I8g~JB0N*hW0*$@;!#~JcRN*g!ev#_dSC1 zJ%;l=hW9*!^G1vFNQv}Ii}X*A_-v!~bEf%wtM+}Y_JFVXgtGR>-2KSh`^en;%ijCT z-}~?N{_yqx^7jAo_x|wr{_*$z^7sGp_x|(v{`2?#_xt|$`TqF({`&m>`~3g>{r~*^ z{{R2~Wn0ZI0000*bW%=J009940|N*M3JM@0AtE9pBqS^^FfcJOGBPwdIy*c(K0iM{ zKte-AL{3muR#sVwi;Rtq&Cb!%)6~@0*xKdh=(miL~S#F!_$*r#>jph%b#b4@?wB| uB~YM-@`8giGa9*Yw)V60G47nM$@~H0&MdRR>Mo`L0000QyIu2ln}!cI?LRErKRUGkuxtKk)9}fr4TyeNwSKW|`fAto)wcDkO%qVf zSL>D!)-7MHnm$>zeY0!%WY_Y|w&{~?8xVc7Y58Q+^4+@WlXcrCtCr7pAoSg)`E$j} zZTd+*iX`>+2#c3|6F?X z=kk-kSAgj8pKDM5K704?*}Ff_KKy(B;opmo|K5E5_vXvLw_x=B=f5AnLFm_?|3LKT zF9iMj`|tn1fB%8x-+w^*KL`Oa40MI|`2#~Qqa?^Ln1PXriHVt+g`J&)gOih!o12H1 zS6D<$K|xVTNkv6fO-;?f(9p=(*u=!r(#p!(+S&LKD?G%PHN{`SrX% z=;|~6wnrZWHf&#e$zlEb{!a%>;_veBT77yE%j(l#=f+$29D89t+r*#2V1IGV)bsJO zx#|oZCYC>Y6C0i+9;{ouVLpq*`ssf+DI5qo_wPt9SHhAQo?VRB-UiJJXS6!XeV$4C z{I}~$tPy#NFPO!Ow;lV+Byizxm&As2?l(*uxpY4;aaqNjmE{yQk(FcjROWdr^=kK|_d-28Ra*5~^Fm>Iv`x9lpinR(g8$%zH2dih1^v)|cB0Tn$7@Ck7R(xI#VJ2ZfhTQ`Wb z?)-1n^4+2RyG`2<>*gPpZ9lDBzT32XhmbbSKWtilShxPLZTVr-`VGWx`398&E3;|- zZrcn}Z_^4SfeOBX8Q*O|vOq3a3W>C9{chj(-J$KfWBYgS-XFgGKLRKH2%7XGc+!v1 zDL>jb|LWNCt8?qG?rpz%w*5MD|L@rce=j`xd-2iVOOO9v2BIf_uRZ;H{n_7}&;LGo z_wVWZf6qVsd-vtvhj0HrfB*O8$A2I=kn?2~(4Sf*L4Lsu%q$$-JiPJ>YU&z|&8_Vn zy?y-?)@|6kZ~x&V$Bv)4aPjH0H}60G{PpMWEj^(FKwbMiT^vI+g7;3iDs;#|gtb|u zeEE*U2Q}aME&TuAzQt*>!udCk-`$x!Q{a=k%tN1*Q#fzgZ_x~D_R~!f+N;`ju43`3 z*MaPT-2zN6@=WK}^4qQABc98y+ z+t#mE zOh4{*|vPQ1|wUbmX_}}%|C2gen4bxfu^+r(RZL4APJNOssyV6 zlP%wEL4rT5LFz$TKx)9sKx$wJq!)y~!9_3`{u6!#PW%x#=||9{AHkD;giQWXx%yYl z+Fx~Re>JTC)xY!Cq+P!!?fyM^_wOmYe^1@>d)nUL)A# zfByge`~T11|9}7e|MwpRw&rED0Rz{qB*-tAft8J&gOiJ!PfAu!K~YIrMN7xP$kaC= zFf6>Tv9+zeqkrP0$y26HpE2{`;Uh;+o;rK({KdylpFMx^^7Wgy?>~I}{N>yCA3r}b zZ~X_1wti0+#}JR>ZzsDtJ2^@)Tz|*1d-u@;d;*0oJZ}yh5;Oep_kS}xbK(Bwug^9Y z&%61z?7rR7e?J$egl^w)$8P@Zt1(kE7l@Zt{z%wn{GZ)+??Hc|&tG5O|5^DrgGcPf z@1>I&bl$q>C2gF2B95V07)b@KF^6ZRmT&ea)SvN>+wJQ{7lJF31c5Bep zp81@&!Rq4y?gPIzf8EN#_%BBB1w+`PX~*6gU0C;9GVZ|%Aq$p0l2HMiI>(nj(Buf| z5Pln_bo-Id-UBmbTpIFpXE3aL`anqHdXwdYIKFob{bD){{6zxHHBkm!F((hQKDgFo z_u$UI3${@g^6J;lc9{L+AyfaP|2tTwWIJvXx0u+Zd|>iY`(89ZJ6T-G@yGywoW`|}R~ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..22b3bc9323f7c0c919fc6d2feccdd8c3349e5e3a GIT binary patch literal 591 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tta2@Ck7R(xI#VJ2d?Fob*3o z{{PrT|3jz#Pn!EbZszx>Ip5=E{fL?SBXZ`?sM+76=X{R_lC!_Z%=r;L`$rU*1Tkj) zhz6qBKfvNYqi2Iq%xsVd3;{(zYN8M#KXi0-^o=d_jV%pKtqn|VjjUXatlf>QJxrZK z&78x{Tq4X|BhB5S&D~-wJQFND6FqX5c;qeh$Xn)_zudE6m1p7V(B6BYeGkI=9)|Tl zikS2wV)DzV8K0wOeuJR8fqD*lx;Tbt1n<3YUF@KPNbAE+AyqGq zMdgMp7Z;TutoyGn6nW;zr0oAs|6QBYt=OX8b!2nGK8a8F81)6YE#v}!>`Z&Fo?P)m z@b|fs3$9FipKW*brfeXqxJsd1;PQ)-h5L^0`fgckzPEHSk5EM5wQFCOa7}LR@N7fl8HZOk$L805%JAmt=z0BSZ~TNO)|^ig-ulFv ye;3i>65RCRzFXyCK|pRYN#MKQ|cY83s>RKbLh*2~7ZA(hTJQ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..818c7edabb0937f0e2adca1574e53148672266ae GIT binary patch literal 951 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s9X0G|+7pyITd|3g>(_nh=U zVgCQnzW*TZ)c?^-{>M%K7BTNz+|2J0)4xZ}`w>3#N6efbku!fr&-)oQ>sQRoU(rBv z7EthK^sJxJvwz0S{vI{^do+Zc1!m0o5j`7>=KP3(FlK`c0V)O|phl4TAJMa5%3x}s zx`2v7A~0n*R7Qby=>UPQu8yvrj;_A0zM-zZv7P}Cndljs=^0t*8=31HTj(2G8d^FV zS-Kcmxf)r!TY9HjdZ$_Xq+9uY6djEn~J@ z<{Y=oxo%lNG|w%2zI)Ch@6wIlWt+Xrw)m87@vYn$+Iv5=??G7K!?6BGVf~N8CIHbB zpf6e@9ZZ2i>|7G$7tFxQ#?HaX#lt5pE2p5OtfHZ1U}WkS5E#jK;Ods4F&@Ko@4Du^(8nLJ?g<0*XZ(99Oqz$=-7x^QgUgR^RW3UZx4s z?0hN(96h(c9Dc$k*Lrxn5TjJ<N0gW8L)9kXdGq<-&)LU#A%4Xpz2&^QvOBd7UdmQm z{JHa$$<&IS??-||K1-jzng@(z22WQ% Jmvv4FO#s#zwj}@n literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..e5f083e39484597d99ce0232451c019a0d67b4c2 GIT binary patch literal 590 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tmq!@Ck7R(hUFqH#GbYUG?9g zVZQ^A(FbD3F8Uuj^;PK9|1r~k#LWE>IrC@u?9b6Nen!sv95Lf-?A%|GGrq;l`W-#z zTlAdYQFDGr&iWoT>qq2_AJIU?Gk(O(_z^YxN5sq@F>`)I&-xKF?Nij0_hFM?hE0AG z&~h%Y@sw}XUZ2VxzGYi%0t#&W^R4}|t^KpDe6y^4GY!n_4bAQKO>GU#KuF)j#=sPa ztn`ho^bJk*z(`l$P*=}LSI>|I>lJUqO-y?y-r0|FwW6B3grOq?=h>a+_NuUx%${pPLP&z`^h@afCf zo85kIfQIeyba4#P2;O_)xLA{ci0j1#H(W!G=oM`|8n;2*vI@`cZ(GwNVPkJpP?`!9bk6%zW-XKVcI^n25%d)bpTgq}F+>%4H9C|rH* z-P;?>4lPu7Oz&c$Z|N8JucskJjrV|sSMB1Px< zm%IIaQy)5*@O+Ij<|S|7FG8pO_nZ4VdddILnLye1k+c7YPW=K@7Bll} z+^iol(|*Lv{Si6yXXLD(v2%V#&-@uN>s!pM-_divMbG&iIrDqu%-=Dyzemma9y#kf zP$X*BkH{H6B4_`I0ioZ~Gk-+S{Q(h-neiiL4iNp0p7kSY_75QGQ?<{h>Y!ise&4FS zK9xJXOSd^h)!T$t+J#iug;m%Fmst9wTX?5hcqLnUrC53=$C|sv7}co|uH8d^FVnmYoKk%bcw=^2`Wkb#Mwfw8WhzOJ5uuD$_~)X~+0AYENOAkxv* z)z*Q6g#>Upp z-r2$mSee*XOZ=kGs_pY=SzD5~*vaSZV|{`T_qphFH4Z4aleP|&)ubj1w@>1j_wH-6U( zd&7G2Z+r`T1J4_I-?TX&kG%g;Yc%t$+sgPTi#Kce&!$-I`TD@MCG9}B#@BbQOUt#r z{{EX79r!Ny_l>z6>8EO4TVn0@Ygxs7*K^Sbz8vmyVr9PH)vu`&`A+Q3k9mDM>5O`l z-NNl}nH%C(=5K9Sn`Enz#}F34V3_dn-nDN#cwD~jJIQh`H!=M{&0@A)jaQpkxFQz> zGZ#L%Ahw0aswt{GAWjpmXz%*9eOnBJunaQkE= z2<(`2kkvpz?)ALs$#2=h>}2d?rnB|1J_un_KhU)BNO_c~-hF4W4({!y4+{30GoIG} zDpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10MAfN zR7C&)000300RR60fd5rh|5d90K!D#ffaWuR|2~88K7;o>fbcwr_&S5|I)nH*hw(dt z^E!p|I)(2#h4eXs^*)02J%#W+h4njx^*Vy_I)?T>gz`Ox@;rp{JcRc?g!4Xx_dSC1 zJ%;x@gY!m<^GJ#GON;bRkN9e$_;923d#m<+toDGf`Gm6e#oGJF-2KYl{mb6_%isIU z-TUwL{_yqx^7jAo_x|wr{_^+#^7sDp`2X|x{`dR-_xb+#`~Ld;{`>s@{Qdv@{r>;| z|8t8wNdN!g z6$y1b2_C3PC}KmfMnOUxOM(S-32L)*{_LktgPzND3=Zx-M2vP8%Ah~n+4gqYM>^yI r7D%-qY9+m2^)8Yum}Wi^VSnrex(h40p9mRi00000NkvXXu0mjfF$N=u literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..adc1af7ba222bc7229534335877b9efe10a42aba GIT binary patch literal 948 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm!0G|+7pkjvq{}~z@7#jXJ zH2e<@T@||OzeB@*&)nOdlYor-4h{b;3m;qd0nvZshW~mcFB}?PS(m-G?gYwyvTgh9 z(Ei=7`GZ~acbkR}mhB%M+JD$Jf3$1le$WuePlpY+JwDG<~pX|7zXx z)vD>ERnsS{wr_SVpX^$`*){>q0itg_I z>CvBSPyb$f`sdk)f6v~5$q)ZteEj$3^S?J={=J2v??3!Q1qs9JjZ;OWI&tm`9qM!A3TF0-Pxc}Z$_PaagJ69}b{rfz) z();VyiHq(DwYk5GRgTK7deVJl6PKY=Ev6_$}&>%l!zwy?)`V4!k z;*DA7%sAB7P_dQmR>RXdEJdCRe3=;)a=UIb{xUJ(h&lB@h9m0$!zQC0OiEHSSmRPZ z@SMp=;HsE-P}yK*qu~QLw(AWG8x;x^n~f73nExJF$Fq%b|Br{$?#a|xl*^p(cp%WR z`|Dv5hH0&b%V)FvYQ6l*^ThFLUXLrD_AcfJ!X}=`XDadByGnv7LbGC3duT(!QjUlpinR(g8$%zH2dih1^v)|cB0Tta2@Ck7R(xI#VJ2d?FoCG4> zxph-W1C;bSW@}q6@ulCKqy0-r6 z-u9~ph_?SabN}zz2Y)X-`g`%w-%F4GUVifT+S9)`p8b9D?%&h*|DJ#N_wLKT58wWM z{{HXFkN-eW>Am*>(0dvsL4Lsu%q;92+&sK;@@ncDP0cOs9X-AMYuE4FfB5LJ;}(|OSV^^QlTnl}VEFhnBw}Uc^YGfP iH0`dSb1o<3tC_d3>L21*|1$#U83s>RKbLh*2~7ZM0V!<& literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/Cutefish/gtk-3.0/assets/scale-horz-marks-before-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9dd390fb9363d64d634ae9b75aa45201b2cff5d7 GIT binary patch literal 943 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pkm{h|Fs+bdrtcA z(D2`~@4s;ah+z(7w|ui}`DWAc-J$)vP5Te4<{y^rKP=mR+P3|)YW-r{`qirGt9A1a z+vcw}E#GXLzu7c@w{89oB&}P(jF#^1uBF!H-?3rNZaA^Y9770CSoQUeyZ0ddh0 zP#0JbrUpX+T#NsN9|0481Om~dA3>9T1W)=AGWkcvs-HD$f7P!2Rk!w6{kmU$JAO^v z^=s0u-;;L#p1k|_l-<9l?)g1y|L@rces8_-XZxi;J1+g%dHK)oD}RpO`g`p5-{W`w zp1AY($mSee)d1vFA0pZ4o?@y5Rc<; zFNX#@1xmO*T-(vgS=QYl8*!uS^ntuLV$l;n|JUF1UPDd|k-A`p_HR#}{T5{5*S4q;C4r`~QVjt{1!> zE#Oxl^S?6uTuN4eBwN`-U zv`~BL`RA|P40$D5actk`!0pa|_qlpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xI#VJ2d=HnEyX? z>i?v<|KnzUkC^^FZq|>Oxj!Oj{*0dWJ$lafsM+76XMc~G^CM=~kLcMyqUL}|5Ccd8 zRYJKxqi6q&0gFRqfn1<27#peu$kox&(KE8pH?cM_1tJ?GD_0|HcT=YjGv_cf=WsLE zNORXHbGK-7w-|HxSPRbtOV31)yrmv_%RKUzdlsw=?Y$S;_aLnQQTU|i5tCj-&G;NW z>udC^Z$OhDr9FED^pbi>kY6wZGYba~ubhIKx<+GjYkNmu|AciL_U=1;!)l9HtDPIy=}zid&^^^k=EV(#6qVQ>0ihFB zPhw3bs!aHzk>KI6!Kv5iSl*O|Zqu^UH$!B2H&}_UILi1+Fj<7($bf6NMf9xf%-Kk; AOaK4? literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..78cff7e739ff61f388d35156a78752f5369427ae GIT binary patch literal 907 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pyITd|3g>(_nh=U zVgCQnzW+dO?4tikbN@%r{uVLsTind=QFFdWO#dD``+L;9AK^29#LW2-J@04ioS#v% ze#OlE6+P=$XDvkoGpZz0h){mIkAO@5K3I2=* zssSOGAXovAi-ACDplBA10Tzh@lR7}4tE;1{r=zQ{t7o9AZ=|bltY-j3CVGZudPWxd zM&|m)7W&4P`o>m<7EVT%E=E?aM%M0@-l>+}X_h|eRz7Jq!6mjKrM97EcA@2VVHGZ^ zQ(RJ~x~9)?O`qwO0YtOiGUvEu&UMdO=vA`8yL6Lx*=FyuExwgILwoOs_B{yedl=UL zD6Ic+*o4PGr?S;pNB{%ZsU*lRn1Pjzor9B$n^#6wPF_J#Nm)fp$H2(cHy|)Htgf-O ztz*KZ$9glAUcP?&?)`_4pTB(j{^RGu`glHIl%;yQIEHu} ze>>&6eN&=Do4m2pw-d{hQn+V+ow~O*WxYVxy8r(VG=9{+|KfEA^YxFV`_F&w{Vw+N zd4Et!`Odv|$9~QECL~-nGrKSUnM`Qpmp|tiBw228_569|7{U|%_3y1h2BGrfzh5u> z@Gw`X;i8r8eKXDvMPfmAkzLCemc82g*NOkY;boJKmB}2qzCiK?O9$&zo~H6$##(<5 zEMD};N&h0VirE#$r(V{HGg%jPC0Si$+S6vjd@H(?*}RJ{%J^5K^4^APJ%S1T<_ipy z86z(9uSnNnSk2aWdj5Qy=Tm<*c6|Iflm9Mn%=1rCvl~NBeEF$#)cAlW-~P584Ns<3 z#%qZ+K3}l2*2QHB^MiYTSSK|xHvI70wf|>If$P#c+!Ji#e_fjHf4|4eVM*GT#c4?s zKfF72Fz}78_t}n+sw=K$AzExtw*EFQtzVrO+SPG&X4tXKv1TXz0w-@SPpYar@-}13 gj0^vNir!lpinR(g8$%zH2dih1^v)|cB0Tt~E@Ck7R(hUFqH#GcrXxQ)2 z@ISQgzwgXvv5WqPPJIwDC!ACWVDM9=*JWJJyW5i#>e3=qxv5e+nF+NY=~@53g) z3~W5*Tea7xa))o(790OuOTQdzzicbtEJJg915-PFQ(FTQTLUv&eG?l4V=DtwD}56y zJwsC<(ls#B)ico51CshWIyxs?@=Ab?w=D_s3ua(sVqxLr;^yH|Q`gYc($+RHv9PqV zwzji(admU|^7i)j@$(OePDo6iIC;v{iZE)x{I+Q0e zf09_)>By&{z8kH?SGe-N5>yu9H!|ST(tQ0QGWu2aY7I`~#VktvCIX^6BrZ13b@vJL fYU-XlFOZkvotTC|{I{8Ppg8k%^>bP0l+XkKt~b}7 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..25f37aba2ac21602117b02aab42cb00dcebe1402 GIT binary patch literal 887 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nl*0G|+7pyL1k|2H)J4_)=& zq2YhR{QseSk3;)FT;G|`d}sbooB2Ps`-R`!*GY5#M=$vwIuoeoedO#fp;NyA701l{ zA2Ii9_^cmsvwlR*{24y`bL6a_;nP3I&iNTV^CwVQ#H?>Ivwla<`4&0zd*saDF|)tN z%>ErU<9pPc-%&sX- z?(i<%<`7kH6Iy8(QehiXZW~-;>78cbm2BymXz7`3;gJABo(bmevF2_uCbmAtwqC|I zUPe|PhUShyWMtt4M0$p%AY@>oXJD+WXP~R64O`v*RJu53~8yj0&J3ALw zAaHZ{@bK{T@`;O2NK9&O@96BBIeYHh`3n{-TD)iPz5}PvoH_ga<*V19zkK=n?fZ|P zKY#uH^Y`ER?2x0tXo~f8aSZV|{&vdoutNbNuIrC*m2Gs^xv@w|E2lU14OiLGbuEAX z+gohVF{t#EczM9q?)TlQ@Q&>3?6KW7N@*ZDm;sZLVi>be{CG6|~_rWfvK zobakZl#OAN>h7jX>x$e|m~(FN^@SW0*zoCv$eY@7=V*pc+hlLNVDvd1T5w;BP38vI zoivpOz#guLlw+r7JL_u8D+`+23uBjrwH%H+~Vj=ulTuX^)!jhEm`ef`I+2RHm! rT>A3x=9OCvh2CFbI`aRg=sm`Jy=lpinR(g8$%zH2dih1^v)|cB0Tmqx@Ck7R(hLm$8UFugX!swx z>c2z7eTRns#tqMm8~!`Af46J?VAuTJrs0E4`wz>8kCyEpty(|ZG<~sZeQ(+H)voEQ zZR-cy*00trU#*%xTD5(%Yx!i`21MU%T0Ysee79}-Y}*Dz-))*dyLEr|==|c}|D#~> z*WzVAt5<((SpTzS)3+0Mego0zd%sWL|NZ{!zYkykfB5?E)3^U0zW@99{okkW|3Ci# zqJLk0{Qv&*-;dw_e*gXd`wtNP`}6ld5GZR)Dg%9BUlQaO%)rRV#LU6L#igLAsHCK# zqN8tMXlP_)Vrpq+ZEa&`Z*TA5TQ)zjN|?%c(Tm#ZAvc9E8)JO$}yZcGXi$DRg60O|@mVmR7bERaF#I z;jB|F<*qg`xEdhjc4EWH)w6CpH!fA1#It`=pRG(preccAR38DM6IDy5=1f$X@a05; zN5=+-UZZ1qBJ(Gim7R`!8hUnvmG}x*-dBRjBK%FwF5&l&-3oAb^_;+}DzI~5kOvh2 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Cutefish/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..47f06af375aebd295a5370b9fdaef775c3676d8d GIT binary patch literal 900 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmc0G|+7pkjvq{}~z@7#jXJ zH2e<@T@@PoKXlc9&q@Cs8tywZ{I@K8Y}p4y|Mf~sUs;#Ew(k7z-1f<#;gfCK zXRC(K77gzm+P~X1f46D)VAKA?vi+l7^GBP8Pd05p^uwz4i)GVSyQZ(UtzT`LKG-yU zwQl)f-SX9{>62C4H@lWkb}ip*n}9}rvuXKc)AHTA>63NaC##mvb|CcKrulQlnxB>M1NoSfX;JiNTZBBEjn3W`cfDynK~ zY6gaeM#jb_CYF{~R@T-wHnz5Qc6JWIA)#Sm;nnpGjm?v$PMbbs=Bzn$ckJA`YtM-j zCr>?l@$%KD&tJZN{r2O>&tJd){QWogblQ1fl*M_vIEHu}e>?Sf7?Y!j%ly8^gmYaD zN{c$WIAR1sLJXcaSQ?-CU*E)im{Hx}O+>-<(Af3W%T~M2GSSF&{&yg0%88!*6_?xY zyzKwze&%+l^SxJ|L9RtU8!wfgUzmI^aozh~h6%bcclWJ2`uZ*p19xp&)pel*zdBd_ z4Y2ZO*7+{|daA&IZ;QhY2JAxjrd8h=nP7)+uK5@EdSqp_ z5A0lav#f_9d)2~&6qDSko8p{Kw(h&3$n(oC%9_^5p~tXENN_Sl{R} zll6pc$SZks-E}K0#2Jl_FOC2CJoD5l7MCiqec5XDfqVY%*m-7o)|H+P>yY?~om+a; zS3T_vTlpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xI#VJ2XI%b?1MZ zj_(fb-)-7{SU3N$Z2M{5^4+H8JA|}p{$btv!?xvzP3t$CmLJwF-=N|^HO=2`n?WjV zT7XjDZCXKWTd-cBN~j=|3zD*H{chj(-Ld_>EG+m{@!~2_v!n8&p-V8@b%w^Z~s1i z`}gI?e;_#H!R`R`l6pyyUoZnR3kMIcoPwIVMq_hpdq-dYgmoMC?mK+s*zt>(o<4i? z_TBrRzyAFFobdq^z>7Rx978nDCnqdWe(+>^(4@%^A36!AJqr(GXEv2nODS{{EagoO zPIoU(_ANCOQ{hxBm5mlR*l;OS-2KFc)fqQ;I5f_co7A&l*FtWY8?Tj9RIcg@3Z1BW za&_(ml?h)o5Z-RK7If9`TM^wKmLFH`TyI`|KET8|MC0(&)@%l z{rUg<@Bcr4|Ns5>|KEQQ2s7Ey3=CPPk|4ie239t94o)s^UKv?Ac?Cr!Wfd(Q10z%4 zfWXkOy2jSFjtP?{Pn$mT;NhbuPn|h;{^H}O&z`?{`TFg<_a8of{_^enkDm+clFT159XzJzaP)xKz5nwq4D3Fz_D|%CdA#+# zrT#mypU?Y)F1?bPF)O*|!p*2Or}YK8pUy5?tkxcPW3!W(_FPxDy0->eZoqK*%fj&R zZujfsA&-jmSq?-r&&!|97GdqHIe(99GlOyOt-6iu3Dzr9Cfs3}k$s8h3xmrgFR_=g zcO|dZC3puGu9^OV`4IoBhN2a7H|Q_~x*E>SU=ItP#rSsZn*)uDny>Mg3tZ>UIQxOg zd>3P{q}_u^`vvnJGSA~-a<{jyyr;dhamL4=H~DkfzkRM;o9keZ`m1K*rOF33{qfE* z4lnNQ(GNX+pz78gJ0+z{yc?4LF?n7TIPffX+59^OI~E05vIlpinR(g8$%zH2dih1^v)|cB0To>h@Ck7R(xI#VJ2d?Fob*3o z{{PrT|3jz#kDK{DYR>n#SwCXt{)n9UGkVtd=sDk`XMYDVW&@>u#LW5;JsX6gX8ni) zGQixJIY5!0Fa%Wq=7Lp%)kAavNgW*>JtGT!6KexgAhI#Cb~m#2Fm((ua}GCii7<1G zG#47?lrcn~)7tFxS!p_0XBPXw>uF=@s($?PF*S~iC-hKNIA3b*b z(v#!bK>5M5sZ+xz2|jQVPJ0wu&de-YCzeuZ zR%o8iEv)Nn>>X|%=%!NWXYG{IzIy+fIg6$+sM{`rQk22WQ%mvv4FO#ss1 B=~w^& literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..03926a9f552a9f3dfbd542cc125b242f58a3b42d GIT binary patch literal 884 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmo0G|+7pyITd|3g>(_nh=U zVgCQnzW+dO?4tkCOa4dC{uVLsTind=5!1g%&HE8P^GD>&pV9MvM$P&aGxJx>tRFFR zen!vw89n=F% zT|mV!l}J)hy|aHrfdzGdKv!2sS5HS*UsumSSKmli-&oJUM9FUvN##5SbVHnhSnwA?j)hHJ(ww~X0t znRDDS=elLhb<3Xbp0miibfb6KX792sK4n`%d+&$#JqYW27}ozNtp9P?gvUTvC8(?` z1O}*MNswPK11lRl2PYRdpNy=Wf|9a^mVuF9KwwBib4zPm`-F*8rcRrF;PBDor_Y|h zaOu(GCr_Wfc=_th+js9jeER(5>$mSee#)zLDgt9E+SA1`#N+teDaXT@90gpDH*g-A z!`x(<>=w9Dp!mR?Vzr9@^)H>iFgWwSEnLX`?$_1Tuim{%m$3Y&saiTOPk-M>z4E!f z&hJWo{!BZUd|pXECq}7t>9rc|y|n_uwSHUoo#J+Q@=IaQ9yz;x{R|J*hP+(8oFOS) z(Q`x1Pd0;x0YChiY;rw?X8SWRn{EB?8xX`{$FOC^*Q7_15hWU5!qfKVxH9(di+dvT zK{WH6vXW32^VeJdl!}7AOCaT{BDf{GmOrza$~I6Z+$2J?p^C$-Ao2Si5i;H2JDgfI};rpofSgm zGR_&V(afLk%avTda^l=aQsLJ()K{&!9J*TgyXC(Y{sKNen?k9Ea$uY>c)I$ztaD0e F0sxTcm{kA( literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..61283d73add84421e6716b25dd598b586cb701f0 GIT binary patch literal 542 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tt~E@Ck7R(hUFqH#GbYUG?9g zVSi{Jh!MN!f9TX#p;Q0I&H52D_ebQ+pV2dZM$h{hIqP%8jIXhCe?`y!6*=Qu%&gzh zbG}8-`5igyd(^BSk+Xk9&;0>pM9uyYG4n?Z5Y71!4K!ier>H6K!zRBBoBYPV;bdUr zDc`ESK9xIc0t#&W^R4}|t^KpDd@~Kr?F~%r^i6FI%xn!zZ1qiS3`~K@O3&Cz-_TUg z&{WsJNLSB5R}V<)>*(n4r`~M?I^MP<$S;_Ik%^gwlarf=M@?NrOH13t#KO|b+S=a5 z)y>_@+uPg6&p#j_Dmo!?!o(?4rd_;z4@T2T#PNPZ4|k&_Ouu$+U0=W=T1(!l@# literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..690689c3e803af536f28a663c751c3285f0c28ba GIT binary patch literal 835 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmK0G|+7pyL1k|2H)J4_)=& zVgLVx`Ts-v9*6e*_nrAHZRY>bssH`vzK&k@pD{E^TTRS^@XBSsjS2s6z4-XGdFQ2&hgv6xwj*hPBvu4kkJ9plK zJ$v^ZJbCK$nKNf!ynOZf%a^a;zW@07>-V3(|85_iun`yqzMd|QAs)xyPKmU33KVI( z?C9FjrW_oi;g{d#!j-D#ye#YQfB8pk^IqLpepgg{@Adn?uH8EPD`uVG|0y3Ec1}^) zD{0Ey)^{e7F^D@WsPk^p)K7 z+IG2rQS4uSJbgH)I;3%m;gjdxEB0-#UGhg$;LG?0$_)z+cZtRA`g*>dA-gS@ zBPDzO+~1bx8C9lcKI>=R5WZ{Y|B9L&dQTZT{8u(-8l~}X5}ltMqIY9aQBHtFd-<-z u6;8_gdvAJ}~J_b)$KbLh*2~7a{Sa1sf literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..040f9f6c4fca781d3dff13b827b7e688f7b2400a GIT binary patch literal 566 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TrDL@Ck7R(hLm$8UFugX!su* z`ag8le}{(q#tqMm8~!`Af46J?VAuTJrs0EC^AF30kCyEpt(!huwSKl~`eN1k-m3MB zWz$!?rmwcGA8cE{S~Y#NYWrr_^2xUClTFJfyOz&(E#GaMKHIhd(RZ8X&u-nHJvzU5 zcYpEk|B<)wYr*2L)vLeNuKCum{^!wKzmMPfd+Ofb)AxR#zWe+A*MA?r{{Qgx-=}Z? zKYjoA@%z6|-$9JeKmLFI{_p$mf8T%p`~CO-?>|8F@6X@=K=81TFAnGxr;;GQUS}T0|P@tBO_BwD{C7&J9~S32PbD27yp3Ju&~a~p5Fd*=Pq8n zbmhwR>$jdh`|$D8mlp}AB!Q+a@N{tu(Kw%+ut532gGp1SO?{B)E}Zr#D2R=@QZ6l} zFf1|E)H#^lJ(*cF)zM9*Ffdh@Tisy8wUB4-V%Im8HZf_JvYNH**w!m7^Fs4;Vjw?D z+Nno3u2@^%)IQyy8sSplkznY>v-|0;Q+p!jW_K3o9cg|Rke{Jo(vZ?JCG@NBn>W1; zj!FkQWFmUzbWL!W@;J?nJHE`%Q!~=ACt?Aa B4gdfE literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..593ef55ae1812dbeed3fde49c44d1bc5553d301a GIT binary patch literal 867 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmu0G|+7pkjvq{}~z@7#jXJ zH2e<@T@@Po-=Sf@=OiF`-=X2ZW#MDXzQ@K5|Mf~(07~W&lPKaR<8Y7z4}}2nr{v3 ze>QITx%cXCAliTZ_kkO~&))xi?$Mv~5B^+y^!MT;Ao=Igqd!+3|9STA-?Mjro_+ZD z;^V)!pZ~o9qA&m6!qAW3|9|}c2Sk7V{)eG|fB*ge`xl7*{R1-o{r~qLjDQpva4eaB z1{g{SB|(0{42(=nOw7zI>>M1NoLt;Iydt6sii%1qDyph#Y6gaeM#jb_rk0jgR@T?l@$%E>FJHfY|MBD3 z?>~S4O>Dbi1dN(cPZ!4!kK=Er91ml16maETp~9@C(IlA2({RYupn>sBB+rb7U;oz^ zD9a?gSZJ$Paxiv(UFhA|uT@pM{sgz#9IR}9aVq9O^5qG;{}#SF($vTI>EB5eUzOV0 zu&U!mYSZpy{awL$;M>R8ji18y*xq70AQAZT_%+5$;;BEE6>VeQ@G9iTdd4SSmkt#3 zDWnAd7GHJA^Hd?wq0fMqu`SQ^$I zp8dQ3c>C+aJPZ>POAT&1KU0Vt3&Wo!LfzrIEtDnm{r-UW|%!17! literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider.png b/Cutefish/gtk-3.0/assets/scale-vert-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..57825fd774f8e8f676a29cd25796a8f38c160bc1 GIT binary patch literal 550 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0To>h@Ck7R(xI#VJ2d?FoCG4> zx22etebyWw*9mQvVo}iyKOU=(elH(^@nZC51UpHg33bFw7}IsRDQPw ziT|)^`35op71_0Zw{QFI(DvQ2{kwPH51+mtfs=j&P5Kc$=||hAeEs*~+rN+B{(brJ z9|$ymGT#S!Ors>oFPMRug`I<&M^0W%U8AwNrLDcUuYc|Oz5DhbK6>oEaloaXvX=f%1cAQ>TVc5`5q!oc1X6Is>z4omfhtSs`z(v9@?P zcd##SpqomeCvR=Exxt3(mj&F!%u7m|nXF|)`C4`~HcQJ$WOF12^0Qo%x^&~p?wyv| z8V#xuss$bihF)B|pSnpk?U-}A?~$YQiXD1R%pPt&&Zm!DI(bt@LPe?PMB~vDi`h6` rQti^Ve0cg~;?&?NLJyXthcGidE!SJC&bRFt(4`EXu6{1-oD!MlfSBuhz{!Y@5H@ zw0yH|{$|ts-KOO`khE_3ZVO?zegjI`K*{g6U|EnF1o~mq0z^P%V8K=-5~c>E3xtrA z!K9GP0jUX?_#+UACjAJS^dorEkC4efYS#X$UHhwU?XUWEzxsCknz-xNq}{(K@BTey z_wT8De$UwVd)vi7+b{judHK)oD}RpM`g`=&-($D`9>4SV#GSt<@BV%E{@?Qt|6Y9j z_v!n;&)@%j`SJhj&;Q?l{r~a%|F1v)fB*ge=kNc&|Nj5`4+07AgIa*$=vWfu7tFxQ z#?HaX#my%pE2p5Otf6IKd@&F62fUi2uwKBRQ+IYaY%uGc-5yE5k&{rGXI z?Q$5?`j?ym3l2C;mCT=gaKTA6)BCU36lC`Mre0n-d$Iw;J2BDw+n5Aw&Yx)C)M?wW z)UEZu(Se7XpS*l2kZ^0!xBll#9Cju*)S2qDxi-9YW3A76^3;;W;%ntZl?Pk1z9}nB zy2-d}%U@R&KAx=K-6vEH*1gxC#FX~+uWMYx*+=YsGi5xO_sMVhQt1@?c+rbXPy4sJ z^ybT*+vCO*v3c6ZpG^lgysDPoed;Z9wAoXqBVFPzI2K$_aaH#J`R6g?fhk9ISjr~l z$A7luW~`W!d2JWNfxIuj-hF-ePfLm^VPB-I5AWq;3bQxNc8xFHzF*+`_t0q`;lD3b y#YyyE$$nCvyZf-|^XRWVR#qjC{>ATKR9;u7y7QZO;6`AaF?hQAxvXDM3t literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/Cutefish/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..8dbedf610dcb3bc4a7bea0f13ab6068c2b559834 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprWDxpAc6d9X~}U&Kt*!`d_r7-bm*%8o|FDZ&iWZU z=V$cHpOLeFM$P#VGwVn6>>oe|kOVP+T%aJ34P=0&Kx_zti9oqvK^_qW5oL2x6-zNy zYcVw&F*RFpbvsEdXL-{w!{Aoqh#s?;$rkZ50y=I6cHRl>x*OPiFR1%|P|t&)o`)fQ zPr|3X1)BDG$3_;Q`(#Uk{DK+S*tKNGF9WoGLOX$PyXVAI4ZD}zUt74gFp5o8cB{$zg*@k$X!Uuw@o2x-f66djmi69L zotK&g$C%Z)=6r7O=hB%ebdcj8|Bu5wVmI4Fb&M3vdJ-mbF6?Z4aB+24;)CzEFA7`o zb5uAgJZWuMAkJ_|PS&I%<-(Id$Hnd}XXSXeRH$5d7I>ifta3wp`0RFeSvjeaO16UU z`&6q8c0_kh*FDR8aQ#$)1uq^tK6t(vNI!Oba6I!y)q49~-#;EuJ$>1swlD6pagB(_ zmoGfGpRIrKdZt-f?3Zsn>aOB{Z9fCuz;V84n!eJp&7$pp_Q+r7I3JaJuJ}mBw@<1c z=Pj1=+VWg$gV1YB?QJeq@3b8r+4NhxF0z^Lt#!QOW4wNoqe8Iqi;25KO+yprv+oH@ zn7;h(^?fD+?lKP++%lTmQvKa`EvI!1+q&`#Yrb|`?`_#r{p|AWvYb1gpNjh(yjJ!1 T)>9{7v@v+P`njxgN@xNA#ac(W literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/selectionmode-checkbox-checked.png b/Cutefish/gtk-3.0/assets/selectionmode-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..a223d1ffe665114e7ef4bb39a420618411b05ca8 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprZT$pAc6d?a=Vey7`A?+fSS3 z?>4PJY+8N*N$Zwxwk_XnTE5wUNGNh_|L)ZB-M#yJ&Z3{Wi+>g`|5>v9XT$nm)A#o>f4|KZ~&4(9aBK$+8?E{-7f$0Zq;1I^+j)&s@9)+ zey&=xB_?#H$Gp8W0~ejUw{_BQ#^TA}N-ovh`R@Gd$N3|l?zD0D7yG+C;Ilk**l7Rj z4#lm(8x|z4OK{`6l)K73Z`;b|!-oFpKb8M5O!o6Td9`a#AJAJ2p00i_>zopr0JBis AJpcdz literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/Cutefish/gtk-3.0/assets/selectionmode-checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a7723f1d53d6e32d0da817f89a424cd24042f893 GIT binary patch literal 718 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=Ndd_r7-w06UP&q@ESn|@lg z{kr$OA2zMuY+Alqw|=v20WoY^zk^T<7&XHf5H1Gk*7eEL=N|k$@6hih$9|uG`1irz^=j(&VYrX6)O4;PREL zA3uHm^5^g7GWA0Y42mX3#)T6rH+FR0`v3p7jmAPv z%QAE8$LzoBmR73i&OUo4Oe^(9QJLi|jwH3f-H{Kn{zkBXHkOCOXb`XI(2NxTV_U!o!IU)7=@x_4*m~;$r3G zzEosfcpiD+>gQQ6W*)p+{cGd0O1BTUy?d1o7&r3I-{0-$+L6vAzd3dH(tj^L>Hby} zv7U(E}XY^L$}h6&GSTJTdKb;o-Qsp@3D@&YtQp6zLN{( z$|wA4E}4B;PVo2VE&83`ZT2FWD-Z5z;vNM z;R=@(UQDYFF%3zW&2AH(Fgg8BxILdhwM>G#y^(B7_4UwPj@xtD_T?{+njvf+CAhQd h*x~Lf%N@^8i;I|LI;UN|JQEmq44$rjF6*2UngHV!S*HL1 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/Cutefish/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..f6b914e581e248b7507c38d5cab1e40cba53e98b 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^+QGrW+S=OE($WSA z07YzVZIJ{(%=SR@G@u5)k|4ie1{rmYm220n-|*)BhmW5)nA0x!@+Wigph)e2{w*BEZ?LwBHHzSuxPAk o)w2-PI5DMJtIVaLWe+1mtXt52n@#tp0F7nvboFyt=akR{08N)x2><{9 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Cutefish/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..29ecf2b8a283c375d6e51cf9554e644794ad815d 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^T3cJ&)6>)1+S z%FfQt*4Ea>#s9Qq3e!&cE?AkiIdcA%96DCfYJayWPeftkw zzH;^Br_W#h{M}rpeh8>=uBVG*NW|f{H_U|^3gVE1RYDx8P#JQSICA`uSq-)xu?10-oPFuXI2=aD$-7(k5*-6D~Q4g75$b zK^2b)3XV-IoI-HMk){QT8P5Kp-A$rwXGDDri{tHDz{riaR=Kd-+1 oVY9IM(w~2;`<8ZC-g&%>(fFB5WkR|QDEJvXUHx3vIVCg!0N>hanMprB-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/Cutefish/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/Cutefish/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@}BGA_Z*Q0j zH5dpu2Ns=6SoHnh^(E0fs$nbZ8_XZehI28oX|KK>Tvs+r>uOtL%W+q+0Kai z7#7F>;pwnt%DH>8 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: #2C2C2C; + color: white; +} + +.background.csd { + border-radius: 0 0 14px 14px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #2C2C2C; + color: white; +} + +.gtkstyle-fallback:hover { + background-color: #1f1f1f; + color: white; +} + +.gtkstyle-fallback:active { + background-color: #131313; + color: white; +} + +.gtkstyle-fallback:disabled { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #5b9bf8; + color: white; +} + +.view { + background-color: #2C2C2C; + 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; +} + +window.background.csd > stack.view { + border-radius: 0 0 14px 14px; +} + +textview text { + background-color: #2C2C2C; +} + +textview border { + background-color: #242424; + color: rgba(255, 255, 255, 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 6px; +} + +.rubberband, +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, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband { + border: 1px solid #5b9bf8; + background-color: rgba(91, 155, 248, 0.3); +} + +flowbox flowboxchild { + padding: 4px; + border-radius: 6px; +} + +.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: 6px; + 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: 36px; + 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: 36px; + padding: 0 8px; + border-radius: 6px; + caret-color: currentColor; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +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(255, 255, 255, 0.08); + 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: 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(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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #F28B82; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #FDD633; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical progress, spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid #5b9bf8; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #2C2C2C; +} + +treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); + 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); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#5b9bf8), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5b9bf8), to(transparent)); + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(255, 255, 255, 0.7); +} + +infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked { + color: white; +} + +infobar.warning > revealer > box button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(255, 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: white; +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 0ms 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(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #5b9bf8; + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +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); +} + +placessidebar.sidebar row button.sidebar-button, calendar.button, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, +.menuitem.button.flat, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), border-image 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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); +} + +placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, treeview.view header button button.circular:focus, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: white; +} + +placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, treeview.view header button button.circular:hover, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: white; +} + +placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, treeview.view header button button.circular:active, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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 0ms cubic-bezier(0, 0, 0.2, 1), border-image 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 0ms 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; +} + +placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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(255, 255, 255, 0.3); +} + +filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: white; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .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, 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(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: 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:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { + border-radius: 9999px; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 12px 16px; + background-color: #5b9bf8; + color: white; +} + +button.osd:hover { + background-color: #6fa7f9; + color: white; +} + +button.osd:active { + background-color: #86b5fa; + color: white; +} + +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: #5b9bf8; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(91, 155, 248, 0.2), 0 4px 3px 0 rgba(91, 155, 248, 0.14), 0 1px 6px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:checked { + background-color: #8cb9fa; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(91, 155, 248, 0.3), 0 2px 3px -1px rgba(91, 155, 248, 0.24), 0 2px 5px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #5b9bf8; +} + +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(91, 155, 248, 0.3); +} + +button.destructive-action { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(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: #F28B82; +} + +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(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 0ms 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: 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: 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(255, 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(255, 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(255, 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: 24px; + min-width: 24px; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + 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: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 2px; + background-color: #2C2C2C; +} + +.osd toolbar { + background-color: transparent; +} + +.app-notification, toolbar.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +.app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 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 { + border-radius: 0; +} + +.bottom.app-notification, toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar: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(255, 255, 255, 0.12); + background-color: #242424; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; +} + +searchbar > revealer > box { + margin: -6px; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + 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: 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); +} + +.titlebar entry { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +.titlebar entry:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.titlebar entry image { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar entry image:hover, .titlebar entry image:active { + color: white; +} + +.titlebar entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #242424; + color: white; + border-radius: 14px 14px 0 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +.titlebar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar:backdrop { + background-color: #2C2C2C; + 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 0ms 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 + separator, .titlebar + separator.sidebar { + background-color: #242424; + background-image: none; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop { + background-color: #2C2C2C; +} + +.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { + background-color: #5b9bf8; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: #5b9bf8; +} + +.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar { + box-shadow: inset 0 -1px rgba(255, 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(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 6px; + padding-right: 6px; +} + +.titlebar.selection-mode { + transition: background-color 0.1ms 0ms, color 0ms cubic-bezier(0, 0, 0.2, 1); + animation: ripple-on-headerbar 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #5b9bf8; + 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:not(.titlebutton) { + 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: #5b9bf8; +} + +.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { + border-radius: 0; +} + +.titlebar.default-decoration { + min-height: 24px; + padding: 6px 12px; + border-radius: 14px 14px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.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.csd .titlebar.default-decoration { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.12); +} + +.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: 0 6px; +} + +box.vertical headerbar { + background-color: #242424; +} + +headerbar entry, +headerbar spinbutton, +headerbar button { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar button, headerbar button.image-button { + border-radius: 6px; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0 4px; +} + +headerbar separator.titlebutton, headerbar separator.sidebar { + 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 { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + border-radius: 0; + margin: 0; + min-width: 120px; + padding: 0; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box { + padding: 0 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus { + box-shadow: none; +} + +headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image { + min-height: 0; +} + +headerbar.windowhandle viewswitchertitle > squeezer { + margin-top: 0; + margin-bottom: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher { + margin: 0 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +/************ + * Pathbars * + ************/ + +.path-bar.linked:not(.vertical) > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; + background-color: alpha(currentColor, 0.08); +} + + +.path-bar.linked:not(.vertical) > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +.path-bar.linked:not(.vertical) > button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + + +.path-bar.linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + + +.path-bar.linked:not(.vertical) > button:checked { + background-color: alpha(currentColor, 0.16); + color: white; +} + + +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { + margin-left: 0; +} + + +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { + margin-right: 0; +} + + +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + + +.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); + padding: 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; +} + +.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { + background-color: transparent; +} + +treeview.view:hover, treeview.view:selected { + border-radius: 0; +} + +treeview.view.separator { + min-height: 6px; + 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: none; + box-shadow: none; + background-color: #5b9bf8; + background-image: none; + border-radius: 9999px; + color: white; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: #74aaf9; + color: white; +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: white; +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: rgba(255, 255, 255, 0.3); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +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: #2C2C2C; +} + +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: #2C2C2C; + background-clip: border-box; + color: #5b9bf8; +} + +treeview.view acceleditor > label { + background-color: #5b9bf8; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #242424; + color: white; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar, .csd .menubar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(255, 255, 255, 0.7); + border-radius: 6px; +} + +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; +} + +menu, +.menu, +.context-menu { + margin: 6px; + padding: 6px; + background-color: #3C3C3C; + background-clip: border-box; + border-radius: 12px; + border: 1px solid #4b4b4b; +} + +.csd menu, .csd .menu, .csd .context-menu { + border: none; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); +} + +menu menuitem, +.menu menuitem, +.context-menu menuitem { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: white; + font: initial; + text-shadow: none; + border-radius: 6px; +} + +menu menuitem:hover, +.menu menuitem:hover, +.context-menu menuitem:hover { + background-color: alpha(currentColor, 0.08); +} + +menu menuitem:active, +.menu menuitem:active, +.context-menu menuitem:active { + background-color: alpha(currentColor, 0.12); +} + +menu menuitem:disabled, +.menu menuitem:disabled, +.context-menu menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +menu menuitem accelerator, +.menu menuitem accelerator, +.context-menu menuitem accelerator { + color: rgba(255, 255, 255, 0.7); +} + +menu menuitem:disabled accelerator, +.menu menuitem:disabled accelerator, +.context-menu menuitem:disabled accelerator { + color: rgba(255, 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: #505050; +} + +menu > arrow, +.menu > arrow, +.context-menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #3C3C3C; + color: rgba(255, 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: white; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + background-color: #3C3C3C; + border-radius: 12px; +} + +popover.background, .csd popover.background { + border: 1px solid rgba(255, 255, 255, 0.1); + 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 > scrolledwindow > viewport.frame > list { + background-color: transparent; + padding: 6px; +} + +popover.background > scrolledwindow > viewport.frame > list > row { + border-radius: 6px; + padding: 6px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #3C3C3C; +} + +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 * + *************/ +notebook > header tab { + transition: all 0ms 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(255, 255, 255, 0.7); + font-weight: 500; + border-radius: 6px; +} + +notebook > header tab:hover { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +notebook > header tab:checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(255, 255, 255, 0.04); +} + +notebook, notebook.frame { + background-color: #2C2C2C; + 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(255, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 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: 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 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #2C2C2C; +} + +* { + -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 0ms 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.5); +} + +scrollbar slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar slider:active { + background-color: white; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #5b9bf8; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: 0; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: white; + border: none; + color: transparent; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); +} + +/************************* + * 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: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(255, 255, 255, 0.12); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04); + background-color: rgba(255, 255, 255, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(255, 255, 255, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: white; + background-color: #5b9bf8; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.15); + background-color: #8cb9fa; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.2); + background-color: #5b9bf8; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(91, 155, 248, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover { + box-shadow: none; +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-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")); +} + + +menu menuitem check { + min-height: 16px; + min-width: 16px; +} + + +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); +} + + +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); +} + + +menu menuitem radio { + min-height: 16px; + min-width: 16px; +} + + +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); +} + + +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); +} + +treeview.view radio, treeview.view check { + padding: 0; + margin: 0; +} + +treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(255, 255, 255, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate { + background-color: #5b9bf8; + color: white; + background-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 0ms 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.12); +} + +scale highlight { + transition: background-image 0ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#5b9bf8); +} + +scale highlight:disabled { + background-color: #2C2C2C; + background-image: image(rgba(255, 255, 255, 0.3)); +} + +scale fill { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #5b9bf8; + background-color: #2C2C2C; + box-shadow: 0 0 5px #ccc; +} + +scale slider:active { + box-shadow: 0 0 5px #B3B3B3; +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); +} + +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 { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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(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: 6px; + background-color: rgba(255, 255, 255, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #5b9bf8; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #5b9bf8; +} + +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: #FDD633; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #5b9bf8; +} + +levelbar block.full { + background-color: #81C995; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + 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 > 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(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 14px 14px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +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.content:not(.conversation-listbox) { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +list.content:not(.conversation-listbox) > row { + border-radius: 0; +} + +list.content:not(.conversation-listbox) > row:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:only-child { + border-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:focus { + box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08); +} + +list { + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +list row { + padding: 3px; +} + +list.navigation-sidebar { + padding: 3px; +} + +list.navigation-sidebar > row { + border-radius: 6px; +} + +treeview.view header button, row.activatable { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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%; +} + +treeview.view header button:focus, row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +treeview.view header button:hover, row.activatable:hover { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +treeview.view header button.has-open-popup, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 0ms 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; + background-color: rgba(255, 255, 255, 0.12); +} + +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: #5b9bf8; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander title > arrow { + transition: all 0ms 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: 1px; + border: 1px solid rgba(255, 255, 255, 0.12); + color: white; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 7px; +} + +calendar.header { + border-style: none none solid; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +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: #3C3C3C; +} + +messagedialog.background.csd { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; +} + +messagedialog .titlebar { + min-height: 24px; + border-style: none; + box-shadow: none; + background-color: #3C3C3C; + color: white; +} + +messagedialog .titlebar:backdrop { + background-color: #3C3C3C; + color: rgba(255, 255, 255, 0.7); +} + +messagedialog .dialog-action-box { + margin-top: -6px; +} + +messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child { + border-radius: 6px; +} + +messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) { + margin-right: 6px; +} + +messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { + color: #5b9bf8; +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: #F28B82; +} + +.csd filechooser { + background-color: #2C2C2C; + border-radius: 0 0 14px 14px; +} + +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: #2C2C2C; +} + +filechooser stack.view { + background-color: transparent; + padding: 0; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 14px 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: 14px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +/*********** + * 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: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: 3px; + background-color: #2C2C2C; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 3px; + border-radius: 6px; +} + +stacksidebar.sidebar row:selected { + background-color: #5b9bf8; + color: white; + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { + color: white; +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 0ms 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: 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: rgba(255, 255, 255, 0.12); + font-weight: 500; +} + +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: #5b9bf8; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #5b9bf8; +} + +placessidebar.sidebar row:drop(active) { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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: #2C2C2C; + 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: #2C2C2C; +} + +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: #5b9bf8; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #5b9bf8; + 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: #438cf7; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FDD633; + 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: #F28B82; + 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-radius: 3px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +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: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch overlay { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px #5b9bf8; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(255, 255, 255, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(255, 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; +} + +colorswatch#editor-color-sample overlay:hover { + 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); +} + +colorchooser .popover.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #2C2C2C; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + 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(255, 255, 255, 0.1); + background-color: #2C2C2C; + 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; + border: none; +} + +.ssd decoration { + border: none; + border-radius: 14px 14px 0 0; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 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: none; + 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: 14px; + border: 1px solid rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; + background-clip: border-box; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: #242424; + border: 1px solid #4b4b4b; +} + +.solid-csd decoration:backdrop { + background-color: #2C2C2C; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0 4px; +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + background-color: "transparent"; +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.15); +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.2); +} + +button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #5b9bf8; + -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: 7px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #3C3C3C; + color: white; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #5b9bf8; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(255, 255, 255, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +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(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: 4px; +} + +button.emoji-section:checked { + color: #5b9bf8; +} + +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 0ms 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); +} + +/* 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 #2C2C2C; +/* +text widgets and the like base background color */ +@define-color theme_base_color #2C2C2C; +/* +base background color of selections */ +@define-color theme_selected_bg_color #5b9bf8; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #2C2C2C; +/* +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 #242424; +/* +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 #2C2C2C; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2C2C2C; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #5b9bf8; +/* +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 #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 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_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +FIXME this is really an API */ +@define-color content_view_bg #2C2C2C; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #2C2C2C; +@define-color budgie_tasklist_indicator_color white; +@define-color budgie_tasklist_indicator_color_active white; +@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; diff --git a/Cutefish/gtk-3.0/gtk.css b/Cutefish/gtk-3.0/gtk.css new file mode 100644 index 0000000..8621d22 --- /dev/null +++ b/Cutefish/gtk-3.0/gtk.css @@ -0,0 +1,4180 @@ +@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, #3c84f7 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #3c84f7 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 0; + -GtkTextView-error-underline-color: #D93025; + -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: #3c84f7; +} + +*:focus { + outline-color: alpha(currentColor, 0.1); +} + +calendar:selected, treeview.view:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected, .background.csd .view:selected { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.1); +} + +flowbox flowboxchild:selected { + color: #3c84f7; + background-color: rgba(60, 132, 247, 0.2); +} + +spinbutton.vertical selection, spinbutton:not(.vertical) selection, +entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected { + color: white; + background-color: #3c84f7; +} + +.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: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +.background.csd { + border-radius: 0 0 14px 14px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +.gtkstyle-fallback:hover { + background-color: #f2f2f2; + color: rgba(0, 0, 0, 0.87); +} + +.gtkstyle-fallback:active { + background-color: #e6e6e6; + color: rgba(0, 0, 0, 0.87); +} + +.gtkstyle-fallback:disabled { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.38); +} + +.gtkstyle-fallback:selected { + background-color: #3c84f7; + color: white; +} + +.view { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +.view:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.view:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.view:selected:hover { + box-shadow: none; +} + +window.background.csd > stack.view { + border-radius: 0 0 14px 14px; +} + +textview text { + background-color: #FFFFFF; +} + +textview border { + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.6); +} + +iconview:hover, iconview:selected { + border-radius: 6px; +} + +.rubberband, +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, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband { + border: 1px solid #3c84f7; + background-color: rgba(60, 132, 247, 0.3); +} + +flowbox flowboxchild { + padding: 4px; + border-radius: 6px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: rgba(0, 0, 0, 0.6); +} + +label:disabled { + color: rgba(0, 0, 0, 0.38); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 6px; + background-color: rgba(52, 52, 52, 0.9); + color: white; +} + +.dim-label { + color: rgba(0, 0, 0, 0.6); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(0, 0, 0, 0.38); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: rgba(0, 0, 0, 0.87); +} + +/********************* + * 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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #3c84f7; +} + +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(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.6); +} + +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: rgba(0, 0, 0, 0.87); +} + +spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, +entry image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.26) 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(0, 0, 0, 0.26) 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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #D93025; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #F4B400; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +spinbutton.vertical progress, spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid #3c84f7; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #FFFFFF; +} + +treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +.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(0, 0, 0, 0.6); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#3c84f7), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3c84f7), to(transparent)); + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(255, 255, 255, 0.7); +} + +infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked { + color: white; +} + +infobar.warning > revealer > box button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(0, 0, 0, 0.04); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(0, 0, 0, 0.87); +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(60, 132, 247, 0.35); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 0ms 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(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #3c84f7; + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +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); +} + +placessidebar.sidebar row button.sidebar-button, calendar.button, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, +.menuitem.button.flat, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), border-image 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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(0, 0, 0, 0.6); +} + +placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, treeview.view header button button.circular:focus, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: rgba(0, 0, 0, 0.87); +} + +placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, treeview.view header button button.circular:hover, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: rgba(0, 0, 0, 0.87); +} + +placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, treeview.view header button button.circular:active, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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 0ms cubic-bezier(0, 0, 0.2, 1), border-image 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 0ms 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: rgba(0, 0, 0, 0.87); +} + +placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular: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, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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(0, 0, 0, 0.26); +} + +filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > 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, 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: rgba(0, 0, 0, 0.87); +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .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, 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(0, 0, 0, 0.38); +} + +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.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:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { + border-radius: 9999px; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 12px 16px; + background-color: #3c84f7; + color: white; +} + +button.osd:hover { + background-color: #5393f8; + color: white; +} + +button.osd:active { + background-color: #6fa4f9; + color: white; +} + +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: #3c84f7; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(60, 132, 247, 0.2), 0 4px 3px 0 rgba(60, 132, 247, 0.14), 0 1px 6px 0 rgba(60, 132, 247, 0.12); +} + +button.suggested-action:checked { + background-color: #77a9f9; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(60, 132, 247, 0.3), 0 2px 3px -1px rgba(60, 132, 247, 0.24), 0 2px 5px 0 rgba(60, 132, 247, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(60, 132, 247, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #3c84f7; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + +button.suggested-action.flat:checked { + background-color: rgba(60, 132, 247, 0.3); +} + +button.destructive-action { + background-color: #D93025; + color: white; + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(217, 48, 37, 0.2), 0 4px 3px 0 rgba(217, 48, 37, 0.14), 0 1px 6px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:checked { + background-color: #e46e66; +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(217, 48, 37, 0.3), 0 2px 3px -1px rgba(217, 48, 37, 0.24), 0 2px 5px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(217, 48, 37, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #D93025; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + +button.destructive-action.flat:checked { + background-color: rgba(217, 48, 37, 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 0ms 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: rgba(0, 0, 0, 0.87); +} + +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: #9C27B0; +} + +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: #9C27B0; +} + +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(0, 0, 0, 0.6); +} + +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(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.6); +} + +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: 24px; + min-width: 24px; +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +button.combo:only-child:focus { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.26); +} + +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(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #3c84f7; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 2px; + background-color: #FFFFFF; +} + +.osd toolbar { + background-color: transparent; +} + +.app-notification, toolbar.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); + background-color: #FFFFFF; +} + +.app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.bottom.app-notification, toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar: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(0, 0, 0, 0.12); + background-color: #FAFAFA; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + background-clip: border-box; +} + +searchbar > revealer > box { + margin: -6px; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + 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: 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); +} + +.titlebar entry { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +.titlebar entry:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.titlebar entry image { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar entry image:hover, .titlebar entry image:active { + color: white; +} + +.titlebar entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #242424; + color: white; + border-radius: 14px 14px 0 0; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +.titlebar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar:backdrop { + background-color: #2C2C2C; + 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 0ms 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 + separator, .titlebar + separator.sidebar { + background-color: #242424; + background-image: none; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop { + background-color: #2C2C2C; +} + +.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { + background-color: #3c84f7; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: #3c84f7; +} + +.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 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(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.titlebar stackswitcher { + background-color: rgba(255, 255, 255, 0.04); +} + +.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: rgba(255, 255, 255, 0.15); + color: white; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 6px; + padding-right: 6px; +} + +.titlebar.selection-mode { + transition: background-color 0.1ms 0ms, color 0ms cubic-bezier(0, 0, 0.2, 1); + animation: ripple-on-headerbar 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #3c84f7; + 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:not(.titlebutton) { + 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: #3c84f7; +} + +.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { + border-radius: 0; +} + +.titlebar.default-decoration { + min-height: 24px; + padding: 6px 12px; + border-radius: 14px 14px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.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.csd .titlebar.default-decoration { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.12); +} + +.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: 0 6px; +} + +box.vertical headerbar { + background-color: #242424; +} + +headerbar entry, +headerbar spinbutton, +headerbar button { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar button, headerbar button.image-button { + border-radius: 6px; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0 4px; +} + +headerbar separator.titlebutton, headerbar separator.sidebar { + 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 { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + border-radius: 0; + margin: 0; + min-width: 120px; + padding: 0; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box { + padding: 0 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus { + box-shadow: none; +} + +headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image { + min-height: 0; +} + +headerbar.windowhandle viewswitchertitle > squeezer { + margin-top: 0; + margin-bottom: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher { + margin: 0 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +/************ + * Pathbars * + ************/ + +.path-bar.linked:not(.vertical) > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; + background-color: alpha(currentColor, 0.08); +} + + +.path-bar.linked:not(.vertical) > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +.path-bar.linked:not(.vertical) > button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + + +.path-bar.linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + + +.path-bar.linked:not(.vertical) > button:checked { + background-color: alpha(currentColor, 0.16); + color: rgba(0, 0, 0, 0.87); +} + + +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { + margin-left: 0; +} + + +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { + margin-right: 0; +} + + +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + + +.path-bar.linked:not(.vertical) > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: rgba(0, 0, 0, 0.26); + border-top-color: rgba(0, 0, 0, 0.12); + padding: 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; +} + +.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { + background-color: transparent; +} + +treeview.view:hover, treeview.view:selected { + border-radius: 0; +} + +treeview.view.separator { + min-height: 6px; + color: rgba(0, 0, 0, 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(0, 0, 0, 0.6); +} + +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: rgba(0, 0, 0, 0.87); +} + +treeview.view.expander:disabled { + color: rgba(0, 0, 0, 0.26); +} + +treeview.view.progressbar { + border: none; + box-shadow: none; + background-color: #3c84f7; + background-image: none; + border-radius: 9999px; + color: white; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: rgba(53, 116, 217, 0.9805); + color: white; +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: white; +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: rgba(0, 0, 0, 0.26); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +treeview.view header button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0; + background-clip: border-box; +} + +treeview.view header button:not(:focus):not(:hover):not(:active) { + color: rgba(0, 0, 0, 0.6); +} + +treeview.view header button, treeview.view header button:disabled { + background-color: #FFFFFF; +} + +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(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #FFFFFF; + background-clip: border-box; + color: #3c84f7; +} + +treeview.view acceleditor > label { + background-color: #3c84f7; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #242424; + color: white; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar, .csd .menubar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(255, 255, 255, 0.7); + border-radius: 6px; +} + +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; +} + +menu, +.menu, +.context-menu { + margin: 6px; + padding: 6px; + background-color: #FFFFFF; + background-clip: border-box; + border-radius: 12px; + border: 1px solid #e0e0e0; +} + +.csd menu, .csd .menu, .csd .context-menu { + border: none; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15); +} + +menu menuitem, +.menu menuitem, +.context-menu menuitem { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: rgba(0, 0, 0, 0.87); + font: initial; + text-shadow: none; + border-radius: 6px; +} + +menu menuitem:hover, +.menu menuitem:hover, +.context-menu menuitem:hover { + background-color: alpha(currentColor, 0.08); +} + +menu menuitem:active, +.menu menuitem:active, +.context-menu menuitem:active { + background-color: alpha(currentColor, 0.12); +} + +menu menuitem:disabled, +.menu menuitem:disabled, +.context-menu menuitem:disabled { + color: rgba(0, 0, 0, 0.38); +} + +menu menuitem accelerator, +.menu menuitem accelerator, +.context-menu menuitem accelerator { + color: rgba(0, 0, 0, 0.6); +} + +menu menuitem:disabled accelerator, +.menu menuitem:disabled accelerator, +.context-menu menuitem:disabled accelerator { + color: rgba(0, 0, 0, 0.26); +} + +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: rgba(235, 235, 235, 0.987); +} + +menu > arrow, +.menu > arrow, +.context-menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.6); +} + +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: rgba(0, 0, 0, 0.87); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + background-color: #FFFFFF; + border-radius: 12px; +} + +popover.background, .csd popover.background { + border: 1px solid rgba(0, 0, 0, 0.15); + 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); + background-clip: padding-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); +} + +popover.background > stack { + margin: 0; +} + +popover.background > toolbar { + margin: 0; +} + +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background > scrolledwindow > viewport.frame > list { + background-color: transparent; + padding: 6px; +} + +popover.background > scrolledwindow > viewport.frame > list > row { + border-radius: 6px; + padding: 6px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #FFFFFF; +} + +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 * + *************/ +notebook > header tab { + transition: all 0ms 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(0, 0, 0, 0.6); + font-weight: 500; + border-radius: 6px; +} + +notebook > header tab:hover { + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +notebook > header tab:disabled { + color: rgba(0, 0, 0, 0.26); +} + +notebook > header tab:checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: white; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +notebook > header tab:checked:disabled { + color: rgba(0, 0, 0, 0.38); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(0, 0, 0, 0.04); +} + +notebook, notebook.frame { + background-color: #FFFFFF; + 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(0, 0, 0, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #FFFFFF; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar slider { + transition: background-color 0ms 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(0, 0, 0, 0.38); +} + +scrollbar slider:hover { + background-color: rgba(0, 0, 0, 0.6); +} + +scrollbar slider:active { + background-color: rgba(0, 0, 0, 0.87); +} + +scrollbar slider:disabled { + background-color: rgba(0, 0, 0, 0.26); +} + +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(255, 255, 255, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 9999px; + background-color: rgba(0, 0, 0, 0.38); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(0, 0, 0, 0.26); +} + +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(255, 255, 255, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: rgba(0, 0, 0, 0.38); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #3c84f7; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: 1px; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: white; + border: none; + color: transparent; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12); +} + +/************************* + * 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.png"), url("assets/selectionmode-checkbox-unchecked@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.png"), url("assets/selectionmode-checkbox-checked@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: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(0, 0, 0, 0.12); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.04); + background-color: rgba(0, 0, 0, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(0, 0, 0, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: white; + background-color: #3c84f7; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(60, 132, 247, 0.15); + background-color: #6da3f9; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(60, 132, 247, 0.2); + background-color: #3c84f7; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(60, 132, 247, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover { + box-shadow: none; +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-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")); +} + + +menu menuitem check { + min-height: 16px; + min-width: 16px; +} + + +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); +} + + +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); +} + + +menu menuitem radio { + min-height: 16px; + min-width: 16px; +} + + +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); +} + + +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); +} + +treeview.view radio, treeview.view check { + padding: 0; + margin: 0; +} + +treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(0, 0, 0, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate { + background-color: #3c84f7; + color: white; + background-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 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(0, 0, 0, 0.26); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +scale highlight { + transition: background-image 0ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#3c84f7); +} + +scale highlight:disabled { + background-color: #FFFFFF; + background-image: image(rgba(0, 0, 0, 0.26)); +} + +scale fill { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.26); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #3c84f7; + background-color: #FFFFFF; + box-shadow: 0 0 5px #ccc; +} + +scale slider:active { + box-shadow: 0 0 5px #B3B3B3; +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.26); +} + +scale marks, +scale value { + color: rgba(0, 0, 0, 0.6); +} + +scale indicator { + background-color: rgba(0, 0, 0, 0.26); + 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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.png"), url("assets/scale-horz-marks-before-slider@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.png"), url("assets/scale-horz-marks-before-slider-disabled@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.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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.png"), url("assets/scale-horz-marks-after-slider@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.png"), url("assets/scale-horz-marks-after-slider-disabled@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.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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.png"), url("assets/scale-vert-marks-before-slider@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.png"), url("assets/scale-vert-marks-before-slider-disabled@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.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 0ms 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.png"), url("assets/scale-vert-marks-after-slider@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.png"), url("assets/scale-vert-marks-after-slider-disabled@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.png"), url("assets/scale-vert-marks-after-slider@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(0, 0, 0, 0.6); + 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(0, 0, 0, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #3c84f7; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #3c84f7; +} + +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: #F4B400; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #3c84f7; +} + +levelbar block.full { + background-color: #0F9D58; +} + +levelbar block.empty { + background-color: rgba(0, 0, 0, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, +.frame { + margin: 0; + padding: 0; + border: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 0.12); + background-color: #FFFFFF; + background-clip: border-box; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 14px 14px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(0, 0, 0, 0.12); +} + +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.content:not(.conversation-listbox) { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +list.content:not(.conversation-listbox) > row { + border-radius: 0; +} + +list.content:not(.conversation-listbox) > row:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:only-child { + border-radius: 6px; +} + +list.content:not(.conversation-listbox) > row:focus { + box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08); +} + +list { + border-color: rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +list row { + padding: 3px; +} + +list.navigation-sidebar { + padding: 3px; +} + +list.navigation-sidebar > row { + border-radius: 6px; +} + +treeview.view header button, row.activatable { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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%; +} + +treeview.view header button:focus, row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +treeview.view header button:hover, row.activatable:hover { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +treeview.view header button.has-open-popup, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 0ms 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; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected image, +row:selected label { + color: rgba(0, 0, 0, 0.87); +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(0, 0, 0, 0.38); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; +} + +.app-notification button.text-button:not(:disabled) { + color: #3c84f7; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander title > arrow { + transition: all 0ms 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(0, 0, 0, 0.6); +} + +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: rgba(0, 0, 0, 0.87); +} + +expander title > arrow:disabled { + color: rgba(0, 0, 0, 0.26); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 1px; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +calendar:disabled { + color: rgba(0, 0, 0, 0.38); +} + +calendar:selected { + border-radius: 7px; +} + +calendar.header { + border-style: none none solid; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +calendar.highlight { + color: rgba(0, 0, 0, 0.6); + font-weight: 500; +} + +calendar:indeterminate { + color: rgba(0, 0, 0, 0.26); +} + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: #FFFFFF; +} + +messagedialog.background.csd { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; +} + +messagedialog .titlebar { + min-height: 24px; + border-style: none; + box-shadow: none; + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +messagedialog .titlebar:backdrop { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.6); +} + +messagedialog .dialog-action-box { + margin-top: -6px; +} + +messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child { + border-radius: 6px; +} + +messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) { + margin-right: 6px; +} + +messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { + color: #3c84f7; +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: #D93025; +} + +.csd filechooser { + background-color: #FFFFFF; + border-radius: 0 0 14px 14px; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +filechooser stack.view { + background-color: transparent; + padding: 0; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 14px 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: 14px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +/*********** + * 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:not(separator).left { + border-right: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 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: #FFFFFF; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 3px; + border-radius: 6px; +} + +stacksidebar.sidebar row:selected { + background-color: #3c84f7; + color: white; + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { + color: white; +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 0ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.6); +} + +row image.sidebar-icon:disabled { + color: rgba(0, 0, 0, 0.26); +} + +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: rgba(0, 0, 0, 0.12); + font-weight: 500; +} + +placessidebar.sidebar row:disabled { + color: rgba(0, 0, 0, 0.38); +} + +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: #3c84f7; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #3c84f7; +} + +placessidebar.sidebar row:drop(active) { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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(0, 0, 0, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #FFFFFF; + background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 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: #FFFFFF; +} + +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: #3c84f7; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3c84f7; + 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: #5493f8; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F4B400; + 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: #ffc00f; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #D93025; + 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: #dd443a; +} + +/************ + * Tooltips * + ************/ +tooltip { + border-radius: 3px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(52, 52, 52, 0.9); + color: white; +} + +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: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch overlay { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px #3c84f7; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(0, 0, 0, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(0, 0, 0, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(0, 0, 0, 0.26); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 2px 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); +} + +colorchooser .popover.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); + background-color: #FFFFFF; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #FFFFFF; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + 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.12), 0 0 36px transparent; + margin: 8px; +} + +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.12), 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; + border: none; +} + +.ssd decoration { + border: none; + border-radius: 14px 14px 0 0; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.metacity decoration { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: none; +} + +.csd.popup decoration { + border-radius: 12px; + border: none; + box-shadow: 0 2px 3px -1px 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.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: none; + border: none; +} + +messagedialog.csd decoration { + border-radius: 14px; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: #242424; + border: 1px solid #e0e0e0; +} + +.solid-csd decoration:backdrop { + background-color: #2C2C2C; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0 4px; +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + background-color: "transparent"; +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.15); +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.2); +} + +button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #3c84f7; + -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(0, 0, 0, 0.12); + border-radius: 7px; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #3c84f7; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(0, 0, 0, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: white; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +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(0, 0, 0, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +button.emoji-section { + margin: 4px; +} + +button.emoji-section:checked { + color: #3c84f7; +} + +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 0ms 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); +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color rgba(0, 0, 0, 0.87); +/* +text color for entries, views and content in general */ +@define-color theme_text_color rgba(0, 0, 0, 0.87); +/* +widget base background color */ +@define-color theme_bg_color #FFFFFF; +/* +text widgets and the like base background color */ +@define-color theme_base_color #FFFFFF; +/* +base background color of selections */ +@define-color theme_selected_bg_color #3c84f7; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #FFFFFF; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(0, 0, 0, 0.38); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #FAFAFA; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #FFFFFF; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #FFFFFF; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #3c84f7; +/* +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(0, 0, 0, 0.38); +/* +widgets main borders color */ +@define-color borders rgba(0, 0, 0, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #F4B400; +@define-color error_color #D93025; +@define-color success_color #0F9D58; +/* +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_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +FIXME this is really an API */ +@define-color content_view_bg #FFFFFF; +@define-color placeholder_text_color #666666; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #FFFFFF; +@define-color budgie_tasklist_indicator_color white; +@define-color budgie_tasklist_indicator_color_active white; +@define-color budgie_tasklist_indicator_color_active_window #999999; +@define-color budgie_tasklist_indicator_color_attention #F4B400; +@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/Cutefish/gtk-3.0/thumbnail.png b/Cutefish/gtk-3.0/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..cce29c243c3573311007ed400d3aa6b99f2e070c GIT binary patch literal 2057 zcmV+k2=@1hP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H12bM`h zK~#90?V4RoROuPVe`n6eFe45KECK>GMgakLRq%qUaRcnqnx?MyqPK0jjb^(^KSJG* zv`H^a+FES0Yqw2wHStnvQYEg&;A}NkLM`zE*x^HB2BlrLrhLrk%rNJiIlY+9z`)FK zfI-W2es}ZEIsfyX_kW(}ectyR!Q=55WJp^quet*n)|QOHX->xAG$&(lnv*d&&B+*? z=15B&U>F90K!9K{h_34x#`<1W34(wqiYSUgR#p~*AiU}>ttm+j4uwK^JRWpie_8!m za}2{k(=;?qBNz;_apOiT7W0Wr)4@5c;T+ca{0oCGJs|)#J1o=|3p7?rG*ya7;>!A$ zYJDNmMu%Y-%*@QBmAUbdBngMZVJebu59yrl3i4z!c^3Ohp1=ohD>POv&*inyPiU~; z@5kr!Evtj;6}#Pz&1OsZf5?E}I#oWoubS2r1o-}bnIARESeAHp)>1!VZVCp2rZ2YM zS?XTT++N<`0~iLJ`>V=_pDlgfTIwe>INek8e3IR3*O1PI?&S?W!1mX|LwoMN%4fr= z*N?E2e!?QlOtm~VHpcbq*Q39)va%>IFXzC414&cfd|WOUIXO9O*|H_3eR_JD(a}-r z>+4PFtcFDQs_F2XuH|R4mTHMJ#}xi}PvzsgD!;rH0>ySp2!)k zlt+&qA&Me9ckZODtPFrBPo5A61aLSU^!D~5%QE}+?Tb0rEVqZ2H%+xvOSB(VkSy@Y zeU*>y%%xuEuue;L>~K4i=*yzO4-QGZ^M;6Fz_mV|kMC-zdi)0>o<5{_Crj6LMn*;` zEG$G6!zKLq_&7Ij-i$e}zrUZJo*qC-IqDU|p z3K9?3{K);oU6uCRvGZ#GKNcG^ut0x4@4qQ=;-E~C!$NV6g%by5-hVT3JjT<96h&}b zTN?nXs$#d>IdS5Isq-o-Dkvx@VEgv%G&MCv+if-*d-m+X<#NTe13Z8JoEtZ8aQygj zDk>@f$ji&)>eZ{!ED;Ck_|n#xKa?=|hSPZf$Kv5Cl|JrKhKd^XJcV^5jYE zc6%!1W0;tj0AR8B(`=jZ2>pPx@rQ4vRu9Kq-F(bw1a-wO+is?^mi z!9t-B7K5rV)8d?MbqYnwH6QceEo%V z_G^pUuJtW$i||@@d@EBD!SnI?e5k4#9pvonY`k7?wCDnO`t&Idha=npNs1aXA6b^; zwigx_qG=lAOM#!gFrC zv>dCo*vy6c^ZD>E8Ug~}d_6p7oqakV-AQb4ZAtuxB_#$solXQn;Khp<^!N9(dGls! zYij{0EiJ`rwbIeiL2YdHsJzDnipVIy*Zl zC@6?l(Yd*~G&D4D>Cz<*A3lt#s&saC($dlreSlI$Q>DnK3+CI1k?$P}Kfq?pjcA$C zj}X)hPIm=4-DSS7@eteE+I|u54>MJ#VHhZif~u;~sNKDLH^+`0i$<_0id0uu<954w z{P;0dRaMm2*RyHUCW?!T*}8QrcDtRasVOu~W81cE04Rz=O-&7xlaqM8UW$r}$j;6N zpt`ymMNx3MTue_-)7aQZLqh`)PXD>Nxs;TYMEj}hIwd6~Nta6T>V>WO0@wR>Jb~Eu zzqvzL1o-<{$dtL|c>+KCx`Mc15>2GPT*@{H{QU4@eMs`MVRCYE-M{-aiy#OI&A;W+ z`Qe{tSEc{^Z(C`uiXUNXt)H;SN_D#XUnbeTwp5FJr(xwY*}MDYgoFPw^b;B!S!Vn{ zV6|G4{{Pcvh3~GwgztS-<|j?^lEY4igDlUybArK21kf|bf; + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg b/Cutefish/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..17e3c4a --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/Cutefish/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..b4808a6 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/Cutefish/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..3ea0541 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/Cutefish/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/Cutefish/gtk-4.0/assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 0000000..67beb46 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg b/Cutefish/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg new file mode 100644 index 0000000..bf51d9e --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/Cutefish/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg new file mode 120000 index 0000000..79b7355 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/Cutefish/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg b/Cutefish/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..b68859d --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/Cutefish/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/Cutefish/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..de0d789 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/Cutefish/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..7f0235f --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/Cutefish/gtk-4.0/assets/scalable/scale-slider-symbolic.svg new file mode 100644 index 0000000..4b00bc1 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/scale-slider-symbolic.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/Cutefish/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..37d9c04 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/Cutefish/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..1bc5cb6 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Cutefish/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..4759e32 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/Cutefish/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..a44f5c9 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Cutefish/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..d621934 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/Cutefish/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..91c7006 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/Cutefish/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..f2c9cf9 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg b/Cutefish/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg new file mode 100644 index 0000000..a06db4c --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/Cutefish/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/Cutefish/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg new file mode 120000 index 0000000..86dfcec --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/Cutefish/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/Cutefish/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..bafb558 --- /dev/null +++ b/Cutefish/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..00d08bd311d9223e162b4b973c1d7349623ecf08 GIT binary patch literal 597 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tn$A@Ck7R(xI#VC(QpJyXb%D z)c;9y|3}UF9yQ}f%-kQ5Gk-?U`W`j=d-R;|(Li$c_n0|9VrKn_p8X?g4u}LXfFxK1 zCkWWbJNb?P2N| zV&)uX<`QA%8foqtW$qSj?iOR=nPB0W=#jV7BX5~U{&J7}6`lpFLVNFp_B{yedl=UL zD16fM@JTPDW_*sC`6YVR*XUW_fOe^B#(n^LQmZ7$FPMRugPVs}UR7PAv8lPGy`!&x z!nzH6_w7G?cV98{mU2ywnboFyt=akR{0M^_Y AQvd(} literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..25abeb6006dc69c3cfaeb9a62644e7b4d272e509 GIT binary patch literal 974 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8Y0G|+7pyITd|3g>(_nh=U zVgCQnzW=d{{)bNepEUP>#N4kD^S;H+{2np=d+hA*QS*L;&-@WH=SS@9pRsd(M$P&a zGxJyUtY49HfPz1xX8(+t^)q_*&*(Wnqi1~wq1oSoieqN|h@Sl;3QR@=xwApsXdoBN z1}Xq)nGI456o<${)j(7tkuY(Hdaxl#vQc2R4iM<->gej}=<4h0>gnnk=;|Bl>Kp4B z80#6D=^0t*8v~K0p@oy7rL&Qxi; zyQEHaO`qYKKGQX0mRrV5w~X0tnRDDS=elJ9(LDE@gN>*b&-$KeX>b zSl`32{zqXG9*0eM0`%0^4_|wMq3l``KhOg z7GBrb*51)KY4Vh*)27dub>Q&Plc&y}JAd)f<0ns_y?FWR^_#cvKYsr5?fZ|Pn*^Sz z1EX(_r;B5V$MLt9Z^ruuN;EulWp-*4p6PT#U}jKTk=EAkB~vt$)t#4Jc<}RotV?Os z>x}Z}hpPYXyC0SPf1m83`hS60{HEJuU%$@I&$f%0?Y!PTdW+A;Gkv9BUM>E6YRBb} zzvlJ7Sp}z;g?;;ekBR%ey1JX2THKyk7V~c*pUTS*{aL;6jk)vs=L;9xz0J>RexH0( z%Psxkqh~1vJa%bMdFmRMJ!xkDP-+kzeP+>qJ;6E0`Zww%)$r+VjKAExQse4x%YkFLi?Zb@)M($OIpnNi&zV^M@0HT} v|I1Ij*B6!k=&Vtadxn3Z;`Q$*59@DKlz%$!)Tc+lh-dJ0^>bP0l+XkK9Cy~I literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Cutefish/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..bb5607fb15111220fabda22b0595b70a881bf7d0 GIT binary patch literal 608 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0To>e@Ck7R(hUFqH#GbYUG?9g zVZQ^I5xeMr=+sxCQ~$@!`VlkjN6g$Gku!gW&;A@e?`Pz!&yll!M$GscJNH-g>|c>H zzQxS?9X;n;^qk+3Grvd80ixegvwlR*_z^w#2apjn<44r&9}zQu!~oHpAJHHKKSfP> zA2#`A*yJ|>EvEw;Px)5u^{L$9Teiisy+ArJ6H_O1x-q74$-_+K?%+|mJ zMCzN^7?|1^7+dKXTj?8`>Vc82zM-z3k*=PBuD*eej*iTam9=({+1axm?m-h3n(kfOwEexZ z&aVCU>>}2`yuek jwspOA{?EHVO@E$~l~B{U-P%lK-JIfePM7&i)cQ^$SpC z#N4mpvwpeK+>n`pkMWV->SVn zl{>skw>d=C*@RZwg;dxEmsonIS$HK|dZk!;CR%zXTX-f~cqD+3XM(wVtdWhkv8|V} zjhB&?hmp0Xp{28-xucPV6Ao5b1&t5CGY_+By)R z3#6pER=)s-RANbxUoZnB6Eh172PY>N7Z*1VFCV{vxP*k1nwo~DmJZMeODk&|8(UjD zJ7*VHS64STcMlIwFQ2&hgv6wl_KvQZv**m6J8%Ai1&j9V-FM*Nsnci9K7aY@^_MSS zzyJLC`}d!}|Nfb6+42k+JsqAdjv*e$-%g2CW(t&WSpUXpqN=ycHpi9EGIRtZH>I7P zr26dte@=eIo%aj&Ru;@Vzw>ub(EmSyQor4k!mM(Sy8V*oE%_fYiGR|>Z}KJaH7vAZV3a6fYJ~jQT{|hT`rsBgpJ3)X67$hj>TLS)0&(WZZ5H37MSqU?R&oQ zfejy`{+dm=I`8{wtAy_RUllGDpJL|m*!Sry)05YKnGWpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10MbxQ zR7C&)000300RR60fd5rh|5d90K!D#sfd4aq<}-l*K!^7}gYZ6s_dI~`Jcsx?gZMds z@i~X_I)(E*g7i9t?>dF_IfC^*g7rOx@I8g~JB0N*hW0*$@;!#~JcRN*g!ev#_dSC1 zJ%;l=hW9*!^G1vFNQv}Ii}X*A_-v!~bEf%wtM+}Y_JFVXgtGR>-2KSh`^en;%ijCT z-}~?N{_yqx^7jAo_x|wr{_*$z^7sGp_x|(v{`2?#_xt|$`TqF({`&m>`~3g>{r~*^ z{{R2~Wn0ZI0000*bW%=J009940|N*M3JM@0AtE9pBqS^^FfcJOGBPwdIy*c(K0iM{ zKte-AL{3muR#sVwi;Rtq&Cb!%)6~@0*xKdh=(miL~S#F!_$*r#>jph%b#b4@?wB| uB~YM-@`8giGa9*Yw)V60G47nM$@~H0&MdRR>Mo`L0000QyIu2ln}!cI?LRErKRUGkuxtKk)9}fr4TyeNwSKW|`fAto)wcDkO%qVf zSL>D!)-7MHnm$>zeY0!%WY_Y|w&{~?8xVc7Y58Q+^4+@WlXcrCtCr7pAoSg)`E$j} zZTd+*iX`>+2#c3|6F?X z=kk-kSAgj8pKDM5K704?*}Ff_KKy(B;opmo|K5E5_vXvLw_x=B=f5AnLFm_?|3LKT zF9iMj`|tn1fB%8x-+w^*KL`Oa40MI|`2#~Qqa?^Ln1PXriHVt+g`J&)gOih!o12H1 zS6D<$K|xVTNkv6fO-;?f(9p=(*u=!r(#p!(+S&LKD?G%PHN{`SrX% z=;|~6wnrZWHf&#e$zlEb{!a%>;_veBT77yE%j(l#=f+$29D89t+r*#2V1IGV)bsJO zx#|oZCYC>Y6C0i+9;{ouVLpq*`ssf+DI5qo_wPt9SHhAQo?VRB-UiJJXS6!XeV$4C z{I}~$tPy#NFPO!Ow;lV+Byizxm&As2?l(*uxpY4;aaqNjmE{yQk(FcjROWdr^=kK|_d-28Ra*5~^Fm>Iv`x9lpinR(g8$%zH2dih1^v)|cB0Tn$7@Ck7R(xI#VJ2ZfhTQ`Wb z?)-1n^4+2RyG`2<>*gPpZ9lDBzT32XhmbbSKWtilShxPLZTVr-`VGWx`398&E3;|- zZrcn}Z_^4SfeOBX8Q*O|vOq3a3W>C9{chj(-J$KfWBYgS-XFgGKLRKH2%7XGc+!v1 zDL>jb|LWNCt8?qG?rpz%w*5MD|L@rce=j`xd-2iVOOO9v2BIf_uRZ;H{n_7}&;LGo z_wVWZf6qVsd-vtvhj0HrfB*O8$A2I=kn?2~(4Sf*L4Lsu%q$$-JiPJ>YU&z|&8_Vn zy?y-?)@|6kZ~x&V$Bv)4aPjH0H}60G{PpMWEj^(FKwbMiT^vI+g7;3iDs;#|gtb|u zeEE*U2Q}aME&TuAzQt*>!udCk-`$x!Q{a=k%tN1*Q#fzgZ_x~D_R~!f+N;`ju43`3 z*MaPT-2zN6@=WK}^4qQABc98y+ z+t#mE zOh4{*|vPQ1|wUbmX_}}%|C2gen4bxfu^+r(RZL4APJNOssyV6 zlP%wEL4rT5LFz$TKx)9sKx$wJq!)y~!9_3`{u6!#PW%x#=||9{AHkD;giQWXx%yYl z+Fx~Re>JTC)xY!Cq+P!!?fyM^_wOmYe^1@>d)nUL)A# zfByge`~T11|9}7e|MwpRw&rED0Rz{qB*-tAft8J&gOiJ!PfAu!K~YIrMN7xP$kaC= zFf6>Tv9+zeqkrP0$y26HpE2{`;Uh;+o;rK({KdylpFMx^^7Wgy?>~I}{N>yCA3r}b zZ~X_1wti0+#}JR>ZzsDtJ2^@)Tz|*1d-u@;d;*0oJZ}yh5;Oep_kS}xbK(Bwug^9Y z&%61z?7rR7e?J$egl^w)$8P@Zt1(kE7l@Zt{z%wn{GZ)+??Hc|&tG5O|5^DrgGcPf z@1>I&bl$q>C2gF2B95V07)b@KF^6ZRmT&ea)SvN>+wJQ{7lJF31c5Bep zp81@&!Rq4y?gPIzf8EN#_%BBB1w+`PX~*6gU0C;9GVZ|%Aq$p0l2HMiI>(nj(Buf| z5Pln_bo-Id-UBmbTpIFpXE3aL`anqHdXwdYIKFob{bD){{6zxHHBkm!F((hQKDgFo z_u$UI3${@g^6J;lc9{L+AyfaP|2tTwWIJvXx0u+Zd|>iY`(89ZJ6T-G@yGywoW`|}R~ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..22b3bc9323f7c0c919fc6d2feccdd8c3349e5e3a GIT binary patch literal 591 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tta2@Ck7R(xI#VJ2d?Fob*3o z{{PrT|3jz#Pn!EbZszx>Ip5=E{fL?SBXZ`?sM+76=X{R_lC!_Z%=r;L`$rU*1Tkj) zhz6qBKfvNYqi2Iq%xsVd3;{(zYN8M#KXi0-^o=d_jV%pKtqn|VjjUXatlf>QJxrZK z&78x{Tq4X|BhB5S&D~-wJQFND6FqX5c;qeh$Xn)_zudE6m1p7V(B6BYeGkI=9)|Tl zikS2wV)DzV8K0wOeuJR8fqD*lx;Tbt1n<3YUF@KPNbAE+AyqGq zMdgMp7Z;TutoyGn6nW;zr0oAs|6QBYt=OX8b!2nGK8a8F81)6YE#v}!>`Z&Fo?P)m z@b|fs3$9FipKW*brfeXqxJsd1;PQ)-h5L^0`fgckzPEHSk5EM5wQFCOa7}LR@N7fl8HZOk$L805%JAmt=z0BSZ~TNO)|^ig-ulFv ye;3i>65RCRzFXyCK|pRYN#MKQ|cY83s>RKbLh*2~7ZA(hTJQ literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..818c7edabb0937f0e2adca1574e53148672266ae GIT binary patch literal 951 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s9X0G|+7pyITd|3g>(_nh=U zVgCQnzW*TZ)c?^-{>M%K7BTNz+|2J0)4xZ}`w>3#N6efbku!fr&-)oQ>sQRoU(rBv z7EthK^sJxJvwz0S{vI{^do+Zc1!m0o5j`7>=KP3(FlK`c0V)O|phl4TAJMa5%3x}s zx`2v7A~0n*R7Qby=>UPQu8yvrj;_A0zM-zZv7P}Cndljs=^0t*8=31HTj(2G8d^FV zS-Kcmxf)r!TY9HjdZ$_Xq+9uY6djEn~J@ z<{Y=oxo%lNG|w%2zI)Ch@6wIlWt+Xrw)m87@vYn$+Iv5=??G7K!?6BGVf~N8CIHbB zpf6e@9ZZ2i>|7G$7tFxQ#?HaX#lt5pE2p5OtfHZ1U}WkS5E#jK;Ods4F&@Ko@4Du^(8nLJ?g<0*XZ(99Oqz$=-7x^QgUgR^RW3UZx4s z?0hN(96h(c9Dc$k*Lrxn5TjJ<N0gW8L)9kXdGq<-&)LU#A%4Xpz2&^QvOBd7UdmQm z{JHa$$<&IS??-||K1-jzng@(z22WQ% Jmvv4FO#s#zwj}@n literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..e5f083e39484597d99ce0232451c019a0d67b4c2 GIT binary patch literal 590 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tmq!@Ck7R(hUFqH#GbYUG?9g zVZQ^A(FbD3F8Uuj^;PK9|1r~k#LWE>IrC@u?9b6Nen!sv95Lf-?A%|GGrq;l`W-#z zTlAdYQFDGr&iWoT>qq2_AJIU?Gk(O(_z^YxN5sq@F>`)I&-xKF?Nij0_hFM?hE0AG z&~h%Y@sw}XUZ2VxzGYi%0t#&W^R4}|t^KpDe6y^4GY!n_4bAQKO>GU#KuF)j#=sPa ztn`ho^bJk*z(`l$P*=}LSI>|I>lJUqO-y?y-r0|FwW6B3grOq?=h>a+_NuUx%${pPLP&z`^h@afCf zo85kIfQIeyba4#P2;O_)xLA{ci0j1#H(W!G=oM`|8n;2*vI@`cZ(GwNVPkJpP?`!9bk6%zW-XKVcI^n25%d)bpTgq}F+>%4H9C|rH* z-P;?>4lPu7Oz&c$Z|N8JucskJjrV|sSMB1Px< zm%IIaQy)5*@O+Ij<|S|7FG8pO_nZ4VdddILnLye1k+c7YPW=K@7Bll} z+^iol(|*Lv{Si6yXXLD(v2%V#&-@uN>s!pM-_divMbG&iIrDqu%-=Dyzemma9y#kf zP$X*BkH{H6B4_`I0ioZ~Gk-+S{Q(h-neiiL4iNp0p7kSY_75QGQ?<{h>Y!ise&4FS zK9xJXOSd^h)!T$t+J#iug;m%Fmst9wTX?5hcqLnUrC53=$C|sv7}co|uH8d^FVnmYoKk%bcw=^2`Wkb#Mwfw8WhzOJ5uuD$_~)X~+0AYENOAkxv* z)z*Q6g#>Upp z-r2$mSee*XOZ=kGs_pY=SzD5~*vaSZV|{`T_qphFH4Z4aleP|&)ubj1w@>1j_wH-6U( zd&7G2Z+r`T1J4_I-?TX&kG%g;Yc%t$+sgPTi#Kce&!$-I`TD@MCG9}B#@BbQOUt#r z{{EX79r!Ny_l>z6>8EO4TVn0@Ygxs7*K^Sbz8vmyVr9PH)vu`&`A+Q3k9mDM>5O`l z-NNl}nH%C(=5K9Sn`Enz#}F34V3_dn-nDN#cwD~jJIQh`H!=M{&0@A)jaQpkxFQz> zGZ#L%Ahw0aswt{GAWjpmXz%*9eOnBJunaQkE= z2<(`2kkvpz?)ALs$#2=h>}2d?rnB|1J_un_KhU)BNO_c~-hF4W4({!y4+{30GoIG} zDpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10MAfN zR7C&)000300RR60fd5rh|5d90K!D#ffaWuR|2~88K7;o>fbcwr_&S5|I)nH*hw(dt z^E!p|I)(2#h4eXs^*)02J%#W+h4njx^*Vy_I)?T>gz`Ox@;rp{JcRc?g!4Xx_dSC1 zJ%;x@gY!m<^GJ#GON;bRkN9e$_;923d#m<+toDGf`Gm6e#oGJF-2KYl{mb6_%isIU z-TUwL{_yqx^7jAo_x|wr{_^+#^7sDp`2X|x{`dR-_xb+#`~Ld;{`>s@{Qdv@{r>;| z|8t8wNdN!g z6$y1b2_C3PC}KmfMnOUxOM(S-32L)*{_LktgPzND3=Zx-M2vP8%Ah~n+4gqYM>^yI r7D%-qY9+m2^)8Yum}Wi^VSnrex(h40p9mRi00000NkvXXu0mjfF$N=u literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..adc1af7ba222bc7229534335877b9efe10a42aba GIT binary patch literal 948 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm!0G|+7pkjvq{}~z@7#jXJ zH2e<@T@||OzeB@*&)nOdlYor-4h{b;3m;qd0nvZshW~mcFB}?PS(m-G?gYwyvTgh9 z(Ei=7`GZ~acbkR}mhB%M+JD$Jf3$1le$WuePlpY+JwDG<~pX|7zXx z)vD>ERnsS{wr_SVpX^$`*){>q0itg_I z>CvBSPyb$f`sdk)f6v~5$q)ZteEj$3^S?J={=J2v??3!Q1qs9JjZ;OWI&tm`9qM!A3TF0-Pxc}Z$_PaagJ69}b{rfz) z();VyiHq(DwYk5GRgTK7deVJl6PKY=Ev6_$}&>%l!zwy?)`V4!k z;*DA7%sAB7P_dQmR>RXdEJdCRe3=;)a=UIb{xUJ(h&lB@h9m0$!zQC0OiEHSSmRPZ z@SMp=;HsE-P}yK*qu~QLw(AWG8x;x^n~f73nExJF$Fq%b|Br{$?#a|xl*^p(cp%WR z`|Dv5hH0&b%V)FvYQ6l*^ThFLUXLrD_AcfJ!X}=`XDadByGnv7LbGC3duT(!QjUlpinR(g8$%zH2dih1^v)|cB0Tta2@Ck7R(xI#VJ2d?FoCG4> zxph-W1C;bSW@}q6@ulCKqy0-r6 z-u9~ph_?SabN}zz2Y)X-`g`%w-%F4GUVifT+S9)`p8b9D?%&h*|DJ#N_wLKT58wWM z{{HXFkN-eW>Am*>(0dvsL4Lsu%q;92+&sK;@@ncDP0cOs9X-AMYuE4FfB5LJ;}(|OSV^^QlTnl}VEFhnBw}Uc^YGfP iH0`dSb1o<3tC_d3>L21*|1$#U83s>RKbLh*2~7ZM0V!<& literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/Cutefish/gtk-4.0/assets/scale-horz-marks-before-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9dd390fb9363d64d634ae9b75aa45201b2cff5d7 GIT binary patch literal 943 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pkm{h|Fs+bdrtcA z(D2`~@4s;ah+z(7w|ui}`DWAc-J$)vP5Te4<{y^rKP=mR+P3|)YW-r{`qirGt9A1a z+vcw}E#GXLzu7c@w{89oB&}P(jF#^1uBF!H-?3rNZaA^Y9770CSoQUeyZ0ddh0 zP#0JbrUpX+T#NsN9|0481Om~dA3>9T1W)=AGWkcvs-HD$f7P!2Rk!w6{kmU$JAO^v z^=s0u-;;L#p1k|_l-<9l?)g1y|L@rces8_-XZxi;J1+g%dHK)oD}RpO`g`p5-{W`w zp1AY($mSee)d1vFA0pZ4o?@y5Rc<; zFNX#@1xmO*T-(vgS=QYl8*!uS^ntuLV$l;n|JUF1UPDd|k-A`p_HR#}{T5{5*S4q;C4r`~QVjt{1!> zE#Oxl^S?6uTuN4eBwN`-U zv`~BL`RA|P40$D5actk`!0pa|_qlpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xI#VJ2d=HnEyX? z>i?v<|KnzUkC^^FZq|>Oxj!Oj{*0dWJ$lafsM+76XMc~G^CM=~kLcMyqUL}|5Ccd8 zRYJKxqi6q&0gFRqfn1<27#peu$kox&(KE8pH?cM_1tJ?GD_0|HcT=YjGv_cf=WsLE zNORXHbGK-7w-|HxSPRbtOV31)yrmv_%RKUzdlsw=?Y$S;_aLnQQTU|i5tCj-&G;NW z>udC^Z$OhDr9FED^pbi>kY6wZGYba~ubhIKx<+GjYkNmu|AciL_U=1;!)l9HtDPIy=}zid&^^^k=EV(#6qVQ>0ihFB zPhw3bs!aHzk>KI6!Kv5iSl*O|Zqu^UH$!B2H&}_UILi1+Fj<7($bf6NMf9xf%-Kk; AOaK4? literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..78cff7e739ff61f388d35156a78752f5369427ae GIT binary patch literal 907 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8+0G|+7pyITd|3g>(_nh=U zVgCQnzW+dO?4tikbN@%r{uVLsTind=QFFdWO#dD``+L;9AK^29#LW2-J@04ioS#v% ze#OlE6+P=$XDvkoGpZz0h){mIkAO@5K3I2=* zssSOGAXovAi-ACDplBA10Tzh@lR7}4tE;1{r=zQ{t7o9AZ=|bltY-j3CVGZudPWxd zM&|m)7W&4P`o>m<7EVT%E=E?aM%M0@-l>+}X_h|eRz7Jq!6mjKrM97EcA@2VVHGZ^ zQ(RJ~x~9)?O`qwO0YtOiGUvEu&UMdO=vA`8yL6Lx*=FyuExwgILwoOs_B{yedl=UL zD6Ic+*o4PGr?S;pNB{%ZsU*lRn1Pjzor9B$n^#6wPF_J#Nm)fp$H2(cHy|)Htgf-O ztz*KZ$9glAUcP?&?)`_4pTB(j{^RGu`glHIl%;yQIEHu} ze>>&6eN&=Do4m2pw-d{hQn+V+ow~O*WxYVxy8r(VG=9{+|KfEA^YxFV`_F&w{Vw+N zd4Et!`Odv|$9~QECL~-nGrKSUnM`Qpmp|tiBw228_569|7{U|%_3y1h2BGrfzh5u> z@Gw`X;i8r8eKXDvMPfmAkzLCemc82g*NOkY;boJKmB}2qzCiK?O9$&zo~H6$##(<5 zEMD};N&h0VirE#$r(V{HGg%jPC0Si$+S6vjd@H(?*}RJ{%J^5K^4^APJ%S1T<_ipy z86z(9uSnNnSk2aWdj5Qy=Tm<*c6|Iflm9Mn%=1rCvl~NBeEF$#)cAlW-~P584Ns<3 z#%qZ+K3}l2*2QHB^MiYTSSK|xHvI70wf|>If$P#c+!Ji#e_fjHf4|4eVM*GT#c4?s zKfF72Fz}78_t}n+sw=K$AzExtw*EFQtzVrO+SPG&X4tXKv1TXz0w-@SPpYar@-}13 gj0^vNir!lpinR(g8$%zH2dih1^v)|cB0Tt~E@Ck7R(hUFqH#GcrXxQ)2 z@ISQgzwgXvv5WqPPJIwDC!ACWVDM9=*JWJJyW5i#>e3=qxv5e+nF+NY=~@53g) z3~W5*Tea7xa))o(790OuOTQdzzicbtEJJg915-PFQ(FTQTLUv&eG?l4V=DtwD}56y zJwsC<(ls#B)ico51CshWIyxs?@=Ab?w=D_s3ua(sVqxLr;^yH|Q`gYc($+RHv9PqV zwzji(admU|^7i)j@$(OePDo6iIC;v{iZE)x{I+Q0e zf09_)>By&{z8kH?SGe-N5>yu9H!|ST(tQ0QGWu2aY7I`~#VktvCIX^6BrZ13b@vJL fYU-XlFOZkvotTC|{I{8Ppg8k%^>bP0l+XkKt~b}7 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..25f37aba2ac21602117b02aab42cb00dcebe1402 GIT binary patch literal 887 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nl*0G|+7pyL1k|2H)J4_)=& zq2YhR{QseSk3;)FT;G|`d}sbooB2Ps`-R`!*GY5#M=$vwIuoeoedO#fp;NyA701l{ zA2Ii9_^cmsvwlR*{24y`bL6a_;nP3I&iNTV^CwVQ#H?>Ivwla<`4&0zd*saDF|)tN z%>ErU<9pPc-%&sX- z?(i<%<`7kH6Iy8(QehiXZW~-;>78cbm2BymXz7`3;gJABo(bmevF2_uCbmAtwqC|I zUPe|PhUShyWMtt4M0$p%AY@>oXJD+WXP~R64O`v*RJu53~8yj0&J3ALw zAaHZ{@bK{T@`;O2NK9&O@96BBIeYHh`3n{-TD)iPz5}PvoH_ga<*V19zkK=n?fZ|P zKY#uH^Y`ER?2x0tXo~f8aSZV|{&vdoutNbNuIrC*m2Gs^xv@w|E2lU14OiLGbuEAX z+gohVF{t#EczM9q?)TlQ@Q&>3?6KW7N@*ZDm;sZLVi>be{CG6|~_rWfvK zobakZl#OAN>h7jX>x$e|m~(FN^@SW0*zoCv$eY@7=V*pc+hlLNVDvd1T5w;BP38vI zoivpOz#guLlw+r7JL_u8D+`+23uBjrwH%H+~Vj=ulTuX^)!jhEm`ef`I+2RHm! rT>A3x=9OCvh2CFbI`aRg=sm`Jy=lpinR(g8$%zH2dih1^v)|cB0Tmqx@Ck7R(hLm$8UFugX!swx z>c2z7eTRns#tqMm8~!`Af46J?VAuTJrs0E4`wz>8kCyEpty(|ZG<~sZeQ(+H)voEQ zZR-cy*00trU#*%xTD5(%Yx!i`21MU%T0Ysee79}-Y}*Dz-))*dyLEr|==|c}|D#~> z*WzVAt5<((SpTzS)3+0Mego0zd%sWL|NZ{!zYkykfB5?E)3^U0zW@99{okkW|3Ci# zqJLk0{Qv&*-;dw_e*gXd`wtNP`}6ld5GZR)Dg%9BUlQaO%)rRV#LU6L#igLAsHCK# zqN8tMXlP_)Vrpq+ZEa&`Z*TA5TQ)zjN|?%c(Tm#ZAvc9E8)JO$}yZcGXi$DRg60O|@mVmR7bERaF#I z;jB|F<*qg`xEdhjc4EWH)w6CpH!fA1#It`=pRG(preccAR38DM6IDy5=1f$X@a05; zN5=+-UZZ1qBJ(Gim7R`!8hUnvmG}x*-dBRjBK%FwF5&l&-3oAb^_;+}DzI~5kOvh2 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Cutefish/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..47f06af375aebd295a5370b9fdaef775c3676d8d GIT binary patch literal 900 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmc0G|+7pkjvq{}~z@7#jXJ zH2e<@T@@PoKXlc9&q@Cs8tywZ{I@K8Y}p4y|Mf~sUs;#Ew(k7z-1f<#;gfCK zXRC(K77gzm+P~X1f46D)VAKA?vi+l7^GBP8Pd05p^uwz4i)GVSyQZ(UtzT`LKG-yU zwQl)f-SX9{>62C4H@lWkb}ip*n}9}rvuXKc)AHTA>63NaC##mvb|CcKrulQlnxB>M1NoSfX;JiNTZBBEjn3W`cfDynK~ zY6gaeM#jb_CYF{~R@T-wHnz5Qc6JWIA)#Sm;nnpGjm?v$PMbbs=Bzn$ckJA`YtM-j zCr>?l@$%KD&tJZN{r2O>&tJd){QWogblQ1fl*M_vIEHu}e>?Sf7?Y!j%ly8^gmYaD zN{c$WIAR1sLJXcaSQ?-CU*E)im{Hx}O+>-<(Af3W%T~M2GSSF&{&yg0%88!*6_?xY zyzKwze&%+l^SxJ|L9RtU8!wfgUzmI^aozh~h6%bcclWJ2`uZ*p19xp&)pel*zdBd_ z4Y2ZO*7+{|daA&IZ;QhY2JAxjrd8h=nP7)+uK5@EdSqp_ z5A0lav#f_9d)2~&6qDSko8p{Kw(h&3$n(oC%9_^5p~tXENN_Sl{R} zll6pc$SZks-E}K0#2Jl_FOC2CJoD5l7MCiqec5XDfqVY%*m-7o)|H+P>yY?~om+a; zS3T_vTlpinR(g8$%zH2dih1^v)|cB0TrDO@Ck7R(xI#VJ2XI%b?1MZ zj_(fb-)-7{SU3N$Z2M{5^4+H8JA|}p{$btv!?xvzP3t$CmLJwF-=N|^HO=2`n?WjV zT7XjDZCXKWTd-cBN~j=|3zD*H{chj(-Ld_>EG+m{@!~2_v!n8&p-V8@b%w^Z~s1i z`}gI?e;_#H!R`R`l6pyyUoZnR3kMIcoPwIVMq_hpdq-dYgmoMC?mK+s*zt>(o<4i? z_TBrRzyAFFobdq^z>7Rx978nDCnqdWe(+>^(4@%^A36!AJqr(GXEv2nODS{{EagoO zPIoU(_ANCOQ{hxBm5mlR*l;OS-2KFc)fqQ;I5f_co7A&l*FtWY8?Tj9RIcg@3Z1BW za&_(ml?h)o5Z-RK7If9`TM^wKmLFH`TyI`|KET8|MC0(&)@%l z{rUg<@Bcr4|Ns5>|KEQQ2s7Ey3=CPPk|4ie239t94o)s^UKv?Ac?Cr!Wfd(Q10z%4 zfWXkOy2jSFjtP?{Pn$mT;NhbuPn|h;{^H}O&z`?{`TFg<_a8of{_^enkDm+clFT159XzJzaP)xKz5nwq4D3Fz_D|%CdA#+# zrT#mypU?Y)F1?bPF)O*|!p*2Or}YK8pUy5?tkxcPW3!W(_FPxDy0->eZoqK*%fj&R zZujfsA&-jmSq?-r&&!|97GdqHIe(99GlOyOt-6iu3Dzr9Cfs3}k$s8h3xmrgFR_=g zcO|dZC3puGu9^OV`4IoBhN2a7H|Q_~x*E>SU=ItP#rSsZn*)uDny>Mg3tZ>UIQxOg zd>3P{q}_u^`vvnJGSA~-a<{jyyr;dhamL4=H~DkfzkRM;o9keZ`m1K*rOF33{qfE* z4lnNQ(GNX+pz78gJ0+z{yc?4LF?n7TIPffX+59^OI~E05vIlpinR(g8$%zH2dih1^v)|cB0To>h@Ck7R(xI#VJ2d?Fob*3o z{{PrT|3jz#kDK{DYR>n#SwCXt{)n9UGkVtd=sDk`XMYDVW&@>u#LW5;JsX6gX8ni) zGQixJIY5!0Fa%Wq=7Lp%)kAavNgW*>JtGT!6KexgAhI#Cb~m#2Fm((ua}GCii7<1G zG#47?lrcn~)7tFxS!p_0XBPXw>uF=@s($?PF*S~iC-hKNIA3b*b z(v#!bK>5M5sZ+xz2|jQVPJ0wu&de-YCzeuZ zR%o8iEv)Nn>>X|%=%!NWXYG{IzIy+fIg6$+sM{`rQk22WQ%mvv4FO#ss1 B=~w^& literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..03926a9f552a9f3dfbd542cc125b242f58a3b42d GIT binary patch literal 884 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmo0G|+7pyITd|3g>(_nh=U zVgCQnzW+dO?4tkCOa4dC{uVLsTind=5!1g%&HE8P^GD>&pV9MvM$P&aGxJx>tRFFR zen!vw89n=F% zT|mV!l}J)hy|aHrfdzGdKv!2sS5HS*UsumSSKmli-&oJUM9FUvN##5SbVHnhSnwA?j)hHJ(ww~X0t znRDDS=elLhb<3Xbp0miibfb6KX792sK4n`%d+&$#JqYW27}ozNtp9P?gvUTvC8(?` z1O}*MNswPK11lRl2PYRdpNy=Wf|9a^mVuF9KwwBib4zPm`-F*8rcRrF;PBDor_Y|h zaOu(GCr_Wfc=_th+js9jeER(5>$mSee#)zLDgt9E+SA1`#N+teDaXT@90gpDH*g-A z!`x(<>=w9Dp!mR?Vzr9@^)H>iFgWwSEnLX`?$_1Tuim{%m$3Y&saiTOPk-M>z4E!f z&hJWo{!BZUd|pXECq}7t>9rc|y|n_uwSHUoo#J+Q@=IaQ9yz;x{R|J*hP+(8oFOS) z(Q`x1Pd0;x0YChiY;rw?X8SWRn{EB?8xX`{$FOC^*Q7_15hWU5!qfKVxH9(di+dvT zK{WH6vXW32^VeJdl!}7AOCaT{BDf{GmOrza$~I6Z+$2J?p^C$-Ao2Si5i;H2JDgfI};rpofSgm zGR_&V(afLk%avTda^l=aQsLJ()K{&!9J*TgyXC(Y{sKNen?k9Ea$uY>c)I$ztaD0e F0sxTcm{kA( literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..61283d73add84421e6716b25dd598b586cb701f0 GIT binary patch literal 542 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Tt~E@Ck7R(hUFqH#GbYUG?9g zVSi{Jh!MN!f9TX#p;Q0I&H52D_ebQ+pV2dZM$h{hIqP%8jIXhCe?`y!6*=Qu%&gzh zbG}8-`5igyd(^BSk+Xk9&;0>pM9uyYG4n?Z5Y71!4K!ier>H6K!zRBBoBYPV;bdUr zDc`ESK9xIc0t#&W^R4}|t^KpDd@~Kr?F~%r^i6FI%xn!zZ1qiS3`~K@O3&Cz-_TUg z&{WsJNLSB5R}V<)>*(n4r`~M?I^MP<$S;_Ik%^gwlarf=M@?NrOH13t#KO|b+S=a5 z)y>_@+uPg6&p#j_Dmo!?!o(?4rd_;z4@T2T#PNPZ4|k&_Ouu$+U0=W=T1(!l@# literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..690689c3e803af536f28a663c751c3285f0c28ba GIT binary patch literal 835 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmK0G|+7pyL1k|2H)J4_)=& zVgLVx`Ts-v9*6e*_nrAHZRY>bssH`vzK&k@pD{E^TTRS^@XBSsjS2s6z4-XGdFQ2&hgv6xwj*hPBvu4kkJ9plK zJ$v^ZJbCK$nKNf!ynOZf%a^a;zW@07>-V3(|85_iun`yqzMd|QAs)xyPKmU33KVI( z?C9FjrW_oi;g{d#!j-D#ye#YQfB8pk^IqLpepgg{@Adn?uH8EPD`uVG|0y3Ec1}^) zD{0Ey)^{e7F^D@WsPk^p)K7 z+IG2rQS4uSJbgH)I;3%m;gjdxEB0-#UGhg$;LG?0$_)z+cZtRA`g*>dA-gS@ zBPDzO+~1bx8C9lcKI>=R5WZ{Y|B9L&dQTZT{8u(-8l~}X5}ltMqIY9aQBHtFd-<-z u6;8_gdvAJ}~J_b)$KbLh*2~7a{Sa1sf literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..040f9f6c4fca781d3dff13b827b7e688f7b2400a GIT binary patch literal 566 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TrDL@Ck7R(hLm$8UFugX!su* z`ag8le}{(q#tqMm8~!`Af46J?VAuTJrs0EC^AF30kCyEpt(!huwSKl~`eN1k-m3MB zWz$!?rmwcGA8cE{S~Y#NYWrr_^2xUClTFJfyOz&(E#GaMKHIhd(RZ8X&u-nHJvzU5 zcYpEk|B<)wYr*2L)vLeNuKCum{^!wKzmMPfd+Ofb)AxR#zWe+A*MA?r{{Qgx-=}Z? zKYjoA@%z6|-$9JeKmLFI{_p$mf8T%p`~CO-?>|8F@6X@=K=81TFAnGxr;;GQUS}T0|P@tBO_BwD{C7&J9~S32PbD27yp3Ju&~a~p5Fd*=Pq8n zbmhwR>$jdh`|$D8mlp}AB!Q+a@N{tu(Kw%+ut532gGp1SO?{B)E}Zr#D2R=@QZ6l} zFf1|E)H#^lJ(*cF)zM9*Ffdh@Tisy8wUB4-V%Im8HZf_JvYNH**w!m7^Fs4;Vjw?D z+Nno3u2@^%)IQyy8sSplkznY>v-|0;Q+p!jW_K3o9cg|Rke{Jo(vZ?JCG@NBn>W1; zj!FkQWFmUzbWL!W@;J?nJHE`%Q!~=ACt?Aa B4gdfE literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..593ef55ae1812dbeed3fde49c44d1bc5553d301a GIT binary patch literal 867 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-soCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmu0G|+7pkjvq{}~z@7#jXJ zH2e<@T@@Po-=Sf@=OiF`-=X2ZW#MDXzQ@K5|Mf~(07~W&lPKaR<8Y7z4}}2nr{v3 ze>QITx%cXCAliTZ_kkO~&))xi?$Mv~5B^+y^!MT;Ao=Igqd!+3|9STA-?Mjro_+ZD z;^V)!pZ~o9qA&m6!qAW3|9|}c2Sk7V{)eG|fB*ge`xl7*{R1-o{r~qLjDQpva4eaB z1{g{SB|(0{42(=nOw7zI>>M1NoLt;Iydt6sii%1qDyph#Y6gaeM#jb_rk0jgR@T?l@$%E>FJHfY|MBD3 z?>~S4O>Dbi1dN(cPZ!4!kK=Er91ml16maETp~9@C(IlA2({RYupn>sBB+rb7U;oz^ zD9a?gSZJ$Paxiv(UFhA|uT@pM{sgz#9IR}9aVq9O^5qG;{}#SF($vTI>EB5eUzOV0 zu&U!mYSZpy{awL$;M>R8ji18y*xq70AQAZT_%+5$;;BEE6>VeQ@G9iTdd4SSmkt#3 zDWnAd7GHJA^Hd?wq0fMqu`SQ^$I zp8dQ3c>C+aJPZ>POAT&1KU0Vt3&Wo!LfzrIEtDnm{r-UW|%!17! literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider.png b/Cutefish/gtk-4.0/assets/scale-vert-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..57825fd774f8e8f676a29cd25796a8f38c160bc1 GIT binary patch literal 550 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAaTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0To>h@Ck7R(xI#VJ2d?FoCG4> zx22etebyWw*9mQvVo}iyKOU=(elH(^@nZC51UpHg33bFw7}IsRDQPw ziT|)^`35op71_0Zw{QFI(DvQ2{kwPH51+mtfs=j&P5Kc$=||hAeEs*~+rN+B{(brJ z9|$ymGT#S!Ors>oFPMRug`I<&M^0W%U8AwNrLDcUuYc|Oz5DhbK6>oEaloaXvX=f%1cAQ>TVc5`5q!oc1X6Is>z4omfhtSs`z(v9@?P zcd##SpqomeCvR=Exxt3(mj&F!%u7m|nXF|)`C4`~HcQJ$WOF12^0Qo%x^&~p?wyv| z8V#xuss$bihF)B|pSnpk?U-}A?~$YQiXD1R%pPt&&Zm!DI(bt@LPe?PMB~vDi`h6` rQti^Ve0cg~;?&?NLJyXthcGidE!SJC&bRFt(4`EXu6{1-oD!MlfSBuhz{!Y@5H@ zw0yH|{$|ts-KOO`khE_3ZVO?zegjI`K*{g6U|EnF1o~mq0z^P%V8K=-5~c>E3xtrA z!K9GP0jUX?_#+UACjAJS^dorEkC4efYS#X$UHhwU?XUWEzxsCknz-xNq}{(K@BTey z_wT8De$UwVd)vi7+b{judHK)oD}RpM`g`=&-($D`9>4SV#GSt<@BV%E{@?Qt|6Y9j z_v!n;&)@%j`SJhj&;Q?l{r~a%|F1v)fB*ge=kNc&|Nj5`4+07AgIa*$=vWfu7tFxQ z#?HaX#my%pE2p5Otf6IKd@&F62fUi2uwKBRQ+IYaY%uGc-5yE5k&{rGXI z?Q$5?`j?ym3l2C;mCT=gaKTA6)BCU36lC`Mre0n-d$Iw;J2BDw+n5Aw&Yx)C)M?wW z)UEZu(Se7XpS*l2kZ^0!xBll#9Cju*)S2qDxi-9YW3A76^3;;W;%ntZl?Pk1z9}nB zy2-d}%U@R&KAx=K-6vEH*1gxC#FX~+uWMYx*+=YsGi5xO_sMVhQt1@?c+rbXPy4sJ z^ybT*+vCO*v3c6ZpG^lgysDPoed;Z9wAoXqBVFPzI2K$_aaH#J`R6g?fhk9ISjr~l z$A7luW~`W!d2JWNfxIuj-hF-ePfLm^VPB-I5AWq;3bQxNc8xFHzF*+`_t0q`;lD3b y#YyyE$$nCvyZf-|^XRWVR#qjC{>ATKR9;u7y7QZO;6`AaF?hQAxvXDM3t literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/Cutefish/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..8dbedf610dcb3bc4a7bea0f13ab6068c2b559834 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprWDxpAc6d9X~}U&Kt*!`d_r7-bm*%8o|FDZ&iWZU z=V$cHpOLeFM$P#VGwVn6>>oe|kOVP+T%aJ34P=0&Kx_zti9oqvK^_qW5oL2x6-zNy zYcVw&F*RFpbvsEdXL-{w!{Aoqh#s?;$rkZ50y=I6cHRl>x*OPiFR1%|P|t&)o`)fQ zPr|3X1)BDG$3_;Q`(#Uk{DK+S*tKNGF9WoGLOX$PyXVAI4ZD}zUt74gFp5o8cB{$zg*@k$X!Uuw@o2x-f66djmi69L zotK&g$C%Z)=6r7O=hB%ebdcj8|Bu5wVmI4Fb&M3vdJ-mbF6?Z4aB+24;)CzEFA7`o zb5uAgJZWuMAkJ_|PS&I%<-(Id$Hnd}XXSXeRH$5d7I>ifta3wp`0RFeSvjeaO16UU z`&6q8c0_kh*FDR8aQ#$)1uq^tK6t(vNI!Oba6I!y)q49~-#;EuJ$>1swlD6pagB(_ zmoGfGpRIrKdZt-f?3Zsn>aOB{Z9fCuz;V84n!eJp&7$pp_Q+r7I3JaJuJ}mBw@<1c z=Pj1=+VWg$gV1YB?QJeq@3b8r+4NhxF0z^Lt#!QOW4wNoqe8Iqi;25KO+yprv+oH@ zn7;h(^?fD+?lKP++%lTmQvKa`EvI!1+q&`#Yrb|`?`_#r{p|AWvYb1gpNjh(yjJ!1 T)>9{7v@v+P`njxgN@xNA#ac(W literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/selectionmode-checkbox-checked.png b/Cutefish/gtk-4.0/assets/selectionmode-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..a223d1ffe665114e7ef4bb39a420618411b05ca8 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprZT$pAc6d?a=Vey7`A?+fSS3 z?>4PJY+8N*N$Zwxwk_XnTE5wUNGNh_|L)ZB-M#yJ&Z3{Wi+>g`|5>v9XT$nm)A#o>f4|KZ~&4(9aBK$+8?E{-7f$0Zq;1I^+j)&s@9)+ zey&=xB_?#H$Gp8W0~ejUw{_BQ#^TA}N-ovh`R@Gd$N3|l?zD0D7yG+C;Ilk**l7Rj z4#lm(8x|z4OK{`6l)K73Z`;b|!-oFpKb8M5O!o6Td9`a#AJAJ2p00i_>zopr0JBis AJpcdz literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/Cutefish/gtk-4.0/assets/selectionmode-checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a7723f1d53d6e32d0da817f89a424cd24042f893 GIT binary patch literal 718 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=Ndd_r7-w06UP&q@ESn|@lg z{kr$OA2zMuY+Alqw|=v20WoY^zk^T<7&XHf5H1Gk*7eEL=N|k$@6hih$9|uG`1irz^=j(&VYrX6)O4;PREL zA3uHm^5^g7GWA0Y42mX3#)T6rH+FR0`v3p7jmAPv z%QAE8$LzoBmR73i&OUo4Oe^(9QJLi|jwH3f-H{Kn{zkBXHkOCOXb`XI(2NxTV_U!o!IU)7=@x_4*m~;$r3G zzEosfcpiD+>gQQ6W*)p+{cGd0O1BTUy?d1o7&r3I-{0-$+L6vAzd3dH(tj^L>Hby} zv7U(E}XY^L$}h6&GSTJTdKb;o-Qsp@3D@&YtQp6zLN{( z$|wA4E}4B;PVo2VE&83`ZT2FWD-Z5z;vNM z;R=@(UQDYFF%3zW&2AH(Fgg8BxILdhwM>G#y^(B7_4UwPj@xtD_T?{+njvf+CAhQd h*x~Lf%N@^8i;I|LI;UN|JQEmq44$rjF6*2UngHV!S*HL1 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/Cutefish/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..f6b914e581e248b7507c38d5cab1e40cba53e98b 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^+QGrW+S=OE($WSA z07YzVZIJ{(%=SR@G@u5)k|4ie1{rmYm220n-|*)BhmW5)nA0x!@+Wigph)e2{w*BEZ?LwBHHzSuxPAk o)w2-PI5DMJtIVaLWe+1mtXt52n@#tp0F7nvboFyt=akR{08N)x2><{9 literal 0 HcmV?d00001 diff --git a/Cutefish/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Cutefish/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..29ecf2b8a283c375d6e51cf9554e644794ad815d 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^T3cJ&)6>)1+S z%FfQt*4Ea>#s9Qq3e!&cE?AkiIdcA%96DCfYJayWPeftkw zzH;^Br_W#h{M}rpeh8>=uBVG*NW|f{H_U|^3gVE1RYDx8P#JQSICA`uSq-)xu?10-oPFuXI2=aD$-7(k5*-6D~Q4g75$b zK^2b)3XV-IoI-HMk){QT8P5Kp-A$rwXGDDri{tHDz{riaR=Kd-+1 oVY9IM(w~2;`<8ZC-g&%>(fFB5WkR|QDEJvXUHx3vIVCg!0N>hanMprB-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/Cutefish/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/Cutefish/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@}BGA_Z*Q0j zH5dpu2Ns=6SoHnh^(E0fs$nbZ8_XZehI28oX|KK>Tvs+r>uOtL%W+q+0Kai z7#7F>;pwnt%DH>8 rubberband, +.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #5b9bf8; + background-color: rgba(91, 155, 248, 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: white; + background-color: #2C2C2C; + border: 1px solid black; +} + +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: 6px; + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +.dim-label { + color: rgba(255, 255, 255, 0.7); +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(255, 255, 255, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: white; +} + +.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: #2C2C2C; + background-clip: padding-box; + border-radius: 6px; + border: none; +} + +.osd { + padding: 6px; + margin: 6px; + 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); +} + +.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 * + ****************/ +spinbutton.vertical, spinbutton:not(.vertical), +entry { + min-height: 36px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 6px; + caret-color: currentColor; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical), +entry:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +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(255, 255, 255, 0.04); + 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: 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(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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.error.vertical:focus-within, spinbutton.error:focus-within:not(.vertical), +entry.error:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #F28B82; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +spinbutton.warning.vertical:focus-within, spinbutton.warning:focus-within:not(.vertical), +entry.warning:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #FDD633; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical > progress, spinbutton:not(.vertical) > progress, +spinbutton.vertical progress > trough > progress, +spinbutton:not(.vertical) progress > trough > progress, +entry > progress, +entry progress > trough > progress { + margin: 2px -8px; + border-bottom: 2px solid #5b9bf8; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #2C2C2C; +} + +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.12); + 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: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, #5b9bf8 0%, rgba(91, 155, 248, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #5b9bf8 95%, rgba(91, 155, 248, 0)); + } +} + +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); +} + +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), 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), 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), 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; +} + +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); +} + +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); +} + +actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +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: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1), background-color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #5b9bf8; + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +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); +} + +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, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, filechooser #pathbarbox > stack > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, 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 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + color: rgba(255, 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, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message .dialog-action-area > 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, 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; +} + +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, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message .dialog-action-area > 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, 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + +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, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message .dialog-action-area > 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, 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 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + color: white; +} + +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, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message .dialog-action-area > 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, 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); +} + +filechooser #pathbarbox > stack > box > button:checked, window.dialog.message .dialog-action-area > 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, 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; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message .dialog-action-area > 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, 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: 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; +} + +button.osd.image-button { + padding: 12px; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #5b9bf8; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(91, 155, 248, 0.2), 0 4px 3px 0 rgba(91, 155, 248, 0.14), 0 1px 6px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:checked { + background-color: #8cb9fa; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(91, 155, 248, 0.3), 0 2px 3px -1px rgba(91, 155, 248, 0.24), 0 2px 5px 0 rgba(91, 155, 248, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #5b9bf8; +} + +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(91, 155, 248, 0.3); +} + +button.destructive-action { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.04); + 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(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: #F28B82; +} + +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(242, 139, 130, 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label { + padding: 0; +} + +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; +} + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs-attention 0ms 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) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .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) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .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) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; +} + +/* menu buttons */ +modelbutton.flat { + min-height: 28px; + padding: 0 9px; + border-radius: 6px; + color: white; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + + +list > row button.image-button:not(.flat):active, +list > row button.image-button:not(.flat):checked { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1), background-color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #5b9bf8; + color: white; +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); +} + +/********* + * Links * + *********/ +link { + color: #2196F3; +} + +link: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; + border-spacing: 0; +} + +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(255, 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(255, 255, 255, 0.5); +} + +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(255, 255, 255, 0.7); +} + +spinbutton.vertical > button.up { + margin: 0 3px; +} + +spinbutton.vertical > button.down { + margin: 0 3px; +} + +treeview spinbutton:not(.vertical), row spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) > text, row spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; +} + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { + padding: 0; +} + +dropdown > button > box { + border-spacing: 6px; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; +} + +dropdown 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: 6px 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: white; + 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: 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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + +button.combo:only-child:active { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + 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: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + padding: 3px 6px; + background-color: #2C2C2C; + border-spacing: 6px; +} + +.osd .toolbar, .osd toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd, +toolbar.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +.app-notification:backdrop, .toolbar.osd:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 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; +} + +.toolbar button { + margin: 1px; + border-radius: 3px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + border: none; +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + 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: 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 { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +headerbar entry:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #242424; + color: white; + min-height: 48px; + padding: 0 6px; +} + +headerbar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label { + transition: color 0ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(255, 255, 255, 0.12); +} + +box.vertical headerbar { + background-color: #242424; +} + +headerbar > windowhandle > box { + padding: 0 3px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton.popup { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + margin-top: 12px; + margin-bottom: 12px; + background-color: rgba(255, 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 .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +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.selection-mode { + transition: background-color 0.1ms 0ms, color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #5b9bf8; + 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.2); + background-color: #5b9bf8; +} + +headerbar.default-decoration { + min-height: 24px; + padding: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +window.devel headerbar.titlebar { + background: #242424 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(91, 155, 248, 0.1)), linear-gradient(to top, #2c2c2c 3px, #313131); +} + +window.devel headerbar.titlebar:backdrop { + background: #242424 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#242424); + /* background-color would flash */ +} + +viewswitcher { + margin: 0; +} + +viewswitcher.wide { + border-spacing: 3px; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; +} + +viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus { + box-shadow: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 6px; + padding-bottom: 4px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +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; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #5b9bf8; +} + +indicatorbin.needs-attention > indicator > label { + color: white; +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 6px; + background-color: alpha(currentColor, 0.08); +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.16); + color: white; +} + + +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; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #4b4b4b; + border-top-color: #4b4b4b; +} + +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; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 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: white; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: white; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: white; +} + +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(255, 255, 255, 0.3); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #5b9bf8; + 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.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(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: #2C2C2C; +} + +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(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #2C2C2C; + background-clip: border-box; + color: #5b9bf8; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #5b9bf8; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #242424; + color: white; +} + +menubar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 0ms 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: 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(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.background separator { + margin: 6px 0; +} + +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 modelbutton { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: white; + font: initial; + text-shadow: none; + box-shadow: none; + background: none; +} + +popover.menu modelbutton:hover { + transition: none; + background-color: alpha(currentColor, 0.08); +} + +popover.menu modelbutton:disabled { + color: rgba(255, 255, 255, 0.5); +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover.background > arrow, +popover.background > contents { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: #3C3C3C; + border-radius: 12px; + border: 1px solid rgba(255, 255, 255, 0.1); + background-clip: border-box; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 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); +} + +popover.background > arrow:backdrop, +popover.background > contents: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 > 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(255, 255, 255, 0.12); + margin: 3px 0; +} + +popover.background > contents list separator { + margin: 0; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #3C3C3C; +} + +popover.background .linked > button:not(.radio) { + background-color: transparent; + box-shadow: none; + border-radius: 6px; +} + +s +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; +} + +.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; +} + +magnifier { + background-color: #2C2C2C; +} + +/************* + * Notebooks * + *************/ +tabbar tab, notebook > header tab { + transition: all 0ms 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(255, 255, 255, 0.7); + font-weight: 500; + border-radius: 6px; + background-image: none; + background-color: transparent; +} + +tabbar tab:hover, notebook > header tab:hover { + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + color: white; +} + +tabbar tab:disabled, notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +tabbar tab:checked, notebook > header tab:checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); + background-image: none; +} + +tabbar tab:checked:disabled, notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(255, 255, 255, 0.04); +} + +notebook, notebook.frame { + background-color: #2C2C2C; + 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(255, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 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: 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; + border-bottom: none; + background: none; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox > background:dir(ltr) { + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); +} + +tabbar scrolledwindow.pinned tabbox > background:dir(rtl) { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, #2C2C2C, rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, #2C2C2C, rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar tabbox { + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + padding: 3px; + margin: 3px; + border-radius: 9px; +} + +tabbar tabbox > background { + background: none; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%); +} + +tabbar .start-action, +tabbar .end-action { + background-color: rgba(255, 255, 255, 0.04); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.12); + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +tabbar:not(.inline) scrolledwindow.pinned undershoot { + border-color: rgba(255, 255, 255, 0.12); +} + +tabbar:not(.inline) undershoot.left { + background: linear-gradient(to right, #242424, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) undershoot.right { + background: linear-gradient(to left, #242424, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px); +} + +tabbar:not(.inline) tabbox > background { + background-color: #242424; +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(#242424, 0.6); + border-color: rgba(255, 255, 255, 0.12); +} + +tabbar:not(.inline):backdrop .box { + background-color: #2C2C2C; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +dnd tab { + min-height: 24px; + background-color: #242424; + color: white; + box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + outline: 1px solid rgba(0, 0, 0, 0.75); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%); +} + +tabbar tab, +dnd tab { + padding: 6px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 9999px; +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #2C2C2C; + box-shadow: none; + outline: none; +} + +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 > slider { + transition: background-color 0ms 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.5); + box-shadow: none; + outline: none; +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar > range > trough > slider:active { + background-color: white; +} + +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: 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(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.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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + border: none; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #5b9bf8; +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; +} + +switch > slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: 1px; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: white; + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); +} + +/************************* + * 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):hover, .view.content-view.check:not(list):active, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):active { + box-shadow: 0 0 0 10px rgba(255, 255, 255, 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; + border-spacing: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(255, 255, 255, 0.12); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04); + background-color: rgba(255, 255, 255, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(255, 255, 255, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: white; + background-color: #5b9bf8; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.15); + background-color: #8cb9fa; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.2); + background-color: #5b9bf8; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(91, 155, 248, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/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-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/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-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate), +columnview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), +columnview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(255, 255, 255, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, 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; +} + +/************ + * 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 0ms 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.12); +} + +scale highlight { + transition: background-image 0ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#5b9bf8); +} + +scale highlight:disabled { + background-color: #2C2C2C; + background-image: image(rgba(255, 255, 255, 0.3)); +} + +scale fill { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #5b9bf8; + background-color: #2C2C2C; + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #5b9bf8, 0 0 0 8px rgba(255, 255, 255, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #5b9bf8, 0 0 0 8px rgba(255, 255, 255, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); +} + +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 { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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(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: 6px; + background-color: rgba(255, 255, 255, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #5b9bf8; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #5b9bf8; +} + +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: #FDD633; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #5b9bf8; +} + +levelbar block.full { + background-color: #81C995; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.12); +} + +/**************** + * 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: #2C2C2C; + 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: 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; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + background-clip: border-box; + border: none; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 14px 14px; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%); + padding-top: 1px; + background-size: 12px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: left top; + margin: 0 4px; +} + +undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%); + padding-bottom: 1px; + background-size: 12px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: left bottom; + margin: 0 4px; +} + +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; +} + +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; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 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(255, 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: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(255, 255, 255, 0.12); + background-color: #2C2C2C; +} + +listview row, +list row { + padding: 6px; +} + +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: white; + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; +} + +row { + color: rgba(255, 255, 255, 0.7); +} + +columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 0ms 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 { + color: white; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover, row.activatable:hover { + color: white; + transition: all 0ms 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 { + color: white; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +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); +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #5b9bf8; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: white; + background-color: #5b9bf8; +} + +.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: #5b9bf8; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 0ms 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:disabled { + color: rgba(255, 255, 255, 0.3); +} + +expander-widget > box > title { + border-radius: 6px; +} + +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: 6px; + color: white; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 6px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(255, 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:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 9px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.dialog.message.background { + background-color: #3C3C3C; +} + +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(255, 255, 255, 0.1); + background-color: #3C3C3C; + color: white; +} + +window.dialog.message .titlebar:backdrop { + background-color: #3C3C3C; + color: rgba(255, 255, 255, 0.7); +} + +window.dialog.message .dialog-action-area { + margin-top: -6px; +} + +window.dialog.message .dialog-action-area > button, window.dialog.message .dialog-action-area > button:first-child, window.dialog.message .dialog-action-area > button:last-child { + border-radius: 9999px; +} + +window.dialog.message .dialog-action-area > button:not(:last-child) { + margin-right: 6px; +} + +window.dialog.message .dialog-action-area > button:not(:disabled) { + color: #5b9bf8; +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: #F28B82; +} + +.csd filechooser { + background-color: #2C2C2C; + border-radius: 0 0 14px 14px; +} + +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: #2C2C2C; +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 14px 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: 14px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #242424; +} + +.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; +} + +stacksidebar list { + padding: 6px; + background-color: #242424; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +stacksidebar row:selected { + background-color: alpha(currentColor, 0.06); + color: white; + font-weight: 500; +} + +stacksidebar row + row { + margin-top: 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + 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); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 6px; + border-right: none; +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +.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.06); + color: white; +} + +.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); +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 0ms 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 > viewport.frame { + border-style: none; +} + +placessidebar list { + padding: 1px 0 4px; +} + +placessidebar .navigation-sidebar > row { + min-height: 32px; + margin: -1px 4px -1px 0; + padding: 0; + 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.06); + color: white; + 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: #5b9bf8; +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: #5b9bf8; +} + +placessidebar .navigation-sidebar > row:drop(active) { + transition: all 0ms 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-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: #2C2C2C; + 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: 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, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #2C2C2C; +} + +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: #5b9bf8; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #5b9bf8; + 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: #438cf7; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FDD633; + 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: #F28B82; + 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 { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: white; + 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); + border-radius: 3px; + margin: 2px 6px 8px 6px; + border: none; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * 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: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorchooser colorswatch:hover { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px #5b9bf8; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; + color: white; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(255, 255, 255, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(255, 255, 255, 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay:hover { + 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); +} + +colorchooser .popover.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #2C2C2C; +} + +/********************** + * Window Decorations * + **********************/ +window.csd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + outline-color: rgba(255, 255, 255, 0.1); + 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: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.csd.popup { + border-radius: 12px; +} + +window.csd.dialog.message { + border-radius: 14px; +} + +.solid-csd window.csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: #242424; + border: 1px solid #4b4b4b; +} + +.solid-csd window.csd:backdrop { + background-color: #2C2C2C; +} + +window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { + border-radius: 0; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0 4px; +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + background-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.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.15); +} + +windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.2); +} + +windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 4px; + margin-left: 4px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 4px; + margin-right: 4px; +} + +.view:selected, iconview:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected, +treeview.view:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, calendar > grid > label.today { + color: #5b9bf8; + background-color: rgba(91, 155, 248, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected { + color: white; + background-color: #5b9bf8; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #5b9bf8; + -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: 7px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #3C3C3C; + color: white; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #5b9bf8; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(255, 255, 255, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +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 * + *************/ +.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(255, 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(255, 255, 255, 0.12); + background: none; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 6px; +} + +button.emoji-section:checked { + color: #5b9bf8; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 0ms 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: white; +} + +popover.entry-completion > contents { + padding: 0; +} + +/* 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 #2C2C2C; +/* +text widgets and the like base background color */ +@define-color theme_base_color #2C2C2C; +/* +base background color of selections */ +@define-color theme_selected_bg_color #5b9bf8; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #2C2C2C; +/* +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 #242424; +/* +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 #2C2C2C; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2C2C2C; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #5b9bf8; +/* +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 #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 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_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +FIXME this is really an API */ +@define-color content_view_bg #2C2C2C; +@define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #2C2C2C; +@define-color budgie_tasklist_indicator_color white; +@define-color budgie_tasklist_indicator_color_active white; +@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; diff --git a/Cutefish/gtk-4.0/gtk.css b/Cutefish/gtk-4.0/gtk.css new file mode 100644 index 0000000..ac64851 --- /dev/null +++ b/Cutefish/gtk-4.0/gtk.css @@ -0,0 +1,4662 @@ +/*************** + * Base States * + ***************/ +.background { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +dnd { + color: rgba(0, 0, 0, 0.87); +} + +.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: rgba(0, 0, 0, 0.87); +} + +iconview:disabled, .view:disabled { + color: rgba(0, 0, 0, 0.38); +} + +iconview:selected, .view:selected { + color: rgba(0, 0, 0, 0.87); +} + +textview text { + background-color: #FFFFFF; +} + +textview border { + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.6); +} + +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, .content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #3c84f7; + background-color: rgba(60, 132, 247, 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: rgba(0, 0, 0, 0.87); + background-color: #FFFFFF; + border: 1px solid black; +} + +label.separator { + color: rgba(0, 0, 0, 0.6); +} + +label:disabled { + color: rgba(0, 0, 0, 0.38); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 6px; + background-color: rgba(52, 52, 52, 0.9); + color: white; +} + +.dim-label { + color: rgba(0, 0, 0, 0.6); +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(0, 0, 0, 0.38); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: rgba(0, 0, 0, 0.87); +} + +.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: rgba(0, 0, 0, 0.87); + background-color: #FFFFFF; + background-clip: padding-box; + border-radius: 6px; + border: none; +} + +.osd { + padding: 6px; + margin: 6px; + 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); +} + +.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 * + ****************/ +spinbutton.vertical, spinbutton:not(.vertical), +entry { + min-height: 36px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 6px; + caret-color: currentColor; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical), +entry:focus-within { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #3c84f7; +} + +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(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.6); +} + +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: rgba(0, 0, 0, 0.87); +} + +spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, +entry image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.26) 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(0, 0, 0, 0.26) 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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +spinbutton.error.vertical:focus-within, spinbutton.error:focus-within:not(.vertical), +entry.error:focus-within { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #D93025; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +spinbutton.warning.vertical:focus-within, spinbutton.warning:focus-within:not(.vertical), +entry.warning:focus-within { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #F4B400; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +spinbutton.vertical > progress, spinbutton:not(.vertical) > progress, +spinbutton.vertical progress > trough > progress, +spinbutton:not(.vertical) progress > trough > progress, +entry > progress, +entry progress > trough > progress { + margin: 2px -8px; + border-bottom: 2px solid #3c84f7; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #FFFFFF; +} + +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(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +.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(0, 0, 0, 0.6); +} + +editablelabel > stack > text { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, #3c84f7 0%, rgba(60, 132, 247, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #3c84f7 95%, rgba(60, 132, 247, 0)); + } +} + +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); +} + +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), 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), 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), 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; +} + +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); +} + +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); +} + +actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(60, 132, 247, 0.35); +} + +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: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1), background-color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #3c84f7; + 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +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); +} + +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, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, filechooser #pathbarbox > stack > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, 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 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + color: rgba(0, 0, 0, 0.6); +} + +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, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message .dialog-action-area > 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, 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: rgba(0, 0, 0, 0.87); +} + +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, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message .dialog-action-area > 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, 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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + +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, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message .dialog-action-area > 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, 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 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +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, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message .dialog-action-area > 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, 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(0, 0, 0, 0.26); +} + +filechooser #pathbarbox > stack > box > button:checked, window.dialog.message .dialog-action-area > 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, 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: rgba(0, 0, 0, 0.87); +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message .dialog-action-area > 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, 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(0, 0, 0, 0.38); +} + +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.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; +} + +button.osd.image-button { + padding: 12px; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #3c84f7; + color: white; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(60, 132, 247, 0.2), 0 4px 3px 0 rgba(60, 132, 247, 0.14), 0 1px 6px 0 rgba(60, 132, 247, 0.12); +} + +button.suggested-action:checked { + background-color: #77a9f9; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(60, 132, 247, 0.3), 0 2px 3px -1px rgba(60, 132, 247, 0.24), 0 2px 5px 0 rgba(60, 132, 247, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(60, 132, 247, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #3c84f7; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + +button.suggested-action.flat:checked { + background-color: rgba(60, 132, 247, 0.3); +} + +button.destructive-action { + background-color: #D93025; + color: white; + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(217, 48, 37, 0.2), 0 4px 3px 0 rgba(217, 48, 37, 0.14), 0 1px 6px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:checked { + background-color: #e46e66; +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(217, 48, 37, 0.3), 0 2px 3px -1px rgba(217, 48, 37, 0.24), 0 2px 5px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(217, 48, 37, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #D93025; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + +button.destructive-action.flat:checked { + background-color: rgba(217, 48, 37, 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label { + padding: 0; +} + +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; +} + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs-attention 0ms 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) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .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) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .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) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; +} + +/* menu buttons */ +modelbutton.flat { + min-height: 28px; + padding: 0 9px; + border-radius: 6px; + color: rgba(0, 0, 0, 0.87); +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +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 { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + + +list > row button.image-button:not(.flat):active, +list > row button.image-button:not(.flat):checked { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1), background-color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #3c84f7; + color: white; +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #D93025; + color: white; +} + +/********* + * Links * + *********/ +link { + color: #2196F3; +} + +link:visited { + color: #9C27B0; +} + +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: #9C27B0; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; + border-spacing: 0; +} + +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(0, 0, 0, 0.6); +} + +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(0, 0, 0, 0.38); +} + +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(0, 0, 0, 0.6); +} + +spinbutton.vertical > button.up { + margin: 0 3px; +} + +spinbutton.vertical > button.down { + margin: 0 3px; +} + +treeview spinbutton:not(.vertical), row spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) > text, row spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; +} + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { + padding: 0; +} + +dropdown > button > box { + border-spacing: 6px; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; +} + +dropdown 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: 6px 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: rgba(0, 0, 0, 0.87); + 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: 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 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +button.combo:only-child:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + +button.combo:only-child:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + +button.combo:only-child:active { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: rgba(0, 0, 0, 0.87); +} + +button.combo:only-child:disabled { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.38); +} + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + padding: 3px 6px; + background-color: #FFFFFF; + border-spacing: 6px; +} + +.osd .toolbar, .osd toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd, +toolbar.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); + background-color: #FFFFFF; +} + +.app-notification:backdrop, .toolbar.osd:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); +} + +.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; +} + +.toolbar button { + margin: 1px; + border-radius: 3px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + background-clip: border-box; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + border: none; +} + +headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + 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: 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 { + background-color: rgba(255, 255, 255, 0.04); + color: white; +} + +headerbar entry:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1), color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #242424; + color: white; + min-height: 48px; + padding: 0 6px; +} + +headerbar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label { + transition: color 0ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(255, 255, 255, 0.12); +} + +box.vertical headerbar { + background-color: #242424; +} + +headerbar > windowhandle > box { + padding: 0 3px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton.popup { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + margin-top: 12px; + margin-bottom: 12px; + background-color: rgba(255, 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 .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +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 stackswitcher { + background-color: rgba(255, 255, 255, 0.04); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: rgba(255, 255, 255, 0.15); + color: white; +} + +headerbar.selection-mode { + transition: background-color 0.1ms 0ms, color 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #3c84f7; + 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.2); + background-color: #3c84f7; +} + +headerbar.default-decoration { + min-height: 24px; + padding: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +window.devel headerbar.titlebar { + background: #242424 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(60, 132, 247, 0.2)), linear-gradient(to top, #1c1c1c, #242424 3px, #333333); +} + +window.devel headerbar.titlebar:backdrop { + background: #242424 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#242424); + /* background-color would flash */ +} + +viewswitcher { + margin: 0; +} + +viewswitcher.wide { + border-spacing: 3px; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; +} + +viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus { + box-shadow: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 6px; + padding-bottom: 4px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +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; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #3c84f7; +} + +indicatorbin.needs-attention > indicator > label { + color: white; +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 6px; + background-color: alpha(currentColor, 0.08); +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.16); + color: rgba(0, 0, 0, 0.87); +} + + +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; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #e0e0e0; + border-top-color: #e0e0e0; +} + +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(0, 0, 0, 0.12); +} + +columnview.view:drop(active), +treeview.view:drop(active) { + box-shadow: none; +} + +columnview.view:drop(active).after, +treeview.view:drop(active).after { + border-top-style: none; +} + +columnview.view:drop(active).before, +treeview.view:drop(active).before { + border-bottom-style: none; +} + +columnview.view > dndtarget:drop(active), +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: alpha(currentColor, 0.06); +} + +columnview.view > dndtarget:drop(active).after, +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +columnview.view > dndtarget:drop(active).before, +treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; +} + +columnview.view.expander, +treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(0, 0, 0, 0.6); +} + +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: rgba(0, 0, 0, 0.87); +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: rgba(0, 0, 0, 0.87); +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: rgba(0, 0, 0, 0.87); +} + +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(0, 0, 0, 0.26); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #3c84f7; + 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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.6); +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: #FFFFFF; +} + +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(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #FFFFFF; + background-clip: border-box; + color: #3c84f7; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #3c84f7; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #242424; + color: white; +} + +menubar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 0ms 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: 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(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.background separator { + margin: 6px 0; +} + +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 modelbutton { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: rgba(0, 0, 0, 0.87); + font: initial; + text-shadow: none; + box-shadow: none; + background: none; +} + +popover.menu modelbutton:hover { + transition: none; + background-color: alpha(currentColor, 0.08); +} + +popover.menu modelbutton:disabled { + color: rgba(0, 0, 0, 0.38); +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover.background > arrow, +popover.background > contents { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: #FFFFFF; + border-radius: 12px; + border: 1px solid rgba(255, 255, 255, 0.15); + background-clip: border-box; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 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); +} + +popover.background > arrow:backdrop, +popover.background > contents: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.12); +} + +popover.background > arrow { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background > contents { + border: none; +} + +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(0, 0, 0, 0.12); + margin: 3px 0; +} + +popover.background > contents list separator { + margin: 0; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #FFFFFF; +} + +popover.background .linked > button:not(.radio) { + background-color: transparent; + box-shadow: none; + border-radius: 6px; +} + +s +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; +} + +.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; +} + +magnifier { + background-color: #FFFFFF; +} + +/************* + * Notebooks * + *************/ +tabbar tab, notebook > header tab { + transition: all 0ms 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(0, 0, 0, 0.6); + font-weight: 500; + border-radius: 6px; + background-image: none; + background-color: transparent; +} + +tabbar tab:hover, notebook > header tab:hover { + background-color: rgba(0, 0, 0, 0.04); + background-image: none; + color: rgba(0, 0, 0, 0.87); +} + +tabbar tab:disabled, notebook > header tab:disabled { + color: rgba(0, 0, 0, 0.26); +} + +tabbar tab:checked, notebook > header tab:checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: white; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); + background-image: none; +} + +tabbar tab:checked:disabled, notebook > header tab:checked:disabled { + color: rgba(0, 0, 0, 0.38); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(0, 0, 0, 0.04); +} + +notebook, notebook.frame { + background-color: #FFFFFF; + 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(0, 0, 0, 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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} + +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; + border-bottom: none; + background: none; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox > background:dir(ltr) { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12); +} + +tabbar scrolledwindow.pinned tabbox > background:dir(rtl) { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, #FFFFFF, rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, #FFFFFF, rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#3c84f7, 0.5), alpha(#3c84f7, 0.3) 1px, alpha(#3c84f7, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#3c84f7, 0.5), alpha(#3c84f7, 0.3) 1px, alpha(#3c84f7, 0) 20px); +} + +tabbar tabbox { + background-color: rgba(0, 0, 0, 0.04); + background-image: none; + padding: 3px; + margin: 3px; + border-radius: 9px; +} + +tabbar tabbox > background { + background: none; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#3c84f7, 0.4) 10%, alpha(#3c84f7, 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#3c84f7, 0.4) 10%, alpha(#3c84f7, 0) 30%); +} + +tabbar .start-action, +tabbar .end-action { + background-color: rgba(0, 0, 0, 0.04); + background-clip: padding-box; + border-color: rgba(0, 0, 0, 0.12); + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +tabbar:not(.inline) scrolledwindow.pinned undershoot { + border-color: rgba(0, 0, 0, 0.12); +} + +tabbar:not(.inline) undershoot.left { + background: linear-gradient(to right, #242424, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) undershoot.right { + background: linear-gradient(to left, #242424, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#3c84f7, 0.5), alpha(#3c84f7, 0.3) 1px, alpha(#3c84f7, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#3c84f7, 0.5), alpha(#3c84f7, 0.3) 1px, alpha(#3c84f7, 0) 20px); +} + +tabbar:not(.inline) tabbox > background { + background-color: #242424; +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(#242424, 0.6); + border-color: rgba(0, 0, 0, 0.12); +} + +tabbar:not(.inline):backdrop .box { + background-color: #2C2C2C; + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); +} + +dnd tab { + min-height: 24px; + background-color: #242424; + color: white; + box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + outline: 1px solid rgba(0, 0, 0, 0.12); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#3c84f7, 0.4) 10%, alpha(#3c84f7, 0) 30%); +} + +tabbar tab, +dnd tab { + padding: 6px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 9999px; +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #FFFFFF; + box-shadow: none; + outline: none; +} + +scrollbar.top { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar > range > trough > slider { + transition: background-color 0ms 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(0, 0, 0, 0.38); + box-shadow: none; + outline: none; +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(0, 0, 0, 0.6); +} + +scrollbar > range > trough > slider:active { + background-color: rgba(0, 0, 0, 0.87); +} + +scrollbar > range > trough > slider:disabled { + background-color: rgba(0, 0, 0, 0.26); +} + +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(255, 255, 255, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 9999px; + background-color: rgba(0, 0, 0, 0.38); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(0, 0, 0, 0.26); +} + +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(255, 255, 255, 0.9); +} + +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 0ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + border: none; + border-radius: 9999px; + background-color: rgba(0, 0, 0, 0.38); + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #3c84f7; +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; +} + +switch > slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 20px; + min-height: 20px; + margin: 1px; + border-radius: 9999px; + outline: none; + box-shadow: none; + background-color: white; + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12); +} + +/************************* + * 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):hover, .view.content-view.check:not(list):active, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):active { + box-shadow: 0 0 0 10px 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.png"), url("assets/selectionmode-checkbox-unchecked@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.png"), url("assets/selectionmode-checkbox-checked@2.png")); +} + +checkbutton, +radiobutton { + outline: none; + border-spacing: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(0, 0, 0, 0.12); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.04); + background-color: rgba(0, 0, 0, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(0, 0, 0, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: white; + background-color: #3c84f7; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(60, 132, 247, 0.15); + background-color: #6da3f9; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(60, 132, 247, 0.2); + background-color: #3c84f7; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(60, 132, 247, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/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-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/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-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate), +columnview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), +columnview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(0, 0, 0, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, 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; +} + +/************ + * 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 0ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(0, 0, 0, 0.26); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +scale highlight { + transition: background-image 0ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#3c84f7); +} + +scale highlight:disabled { + background-color: #FFFFFF; + background-image: image(rgba(0, 0, 0, 0.26)); +} + +scale fill { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.26); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #3c84f7; + background-color: #FFFFFF; + box-shadow: inset 0 0 0 2px #3c84f7; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #3c84f7, 0 0 0 8px rgba(0, 0, 0, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #3c84f7, 0 0 0 8px rgba(0, 0, 0, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.26); +} + +scale marks, +scale value { + color: rgba(0, 0, 0, 0.6); +} + +scale indicator { + background-color: rgba(0, 0, 0, 0.26); + 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 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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.png"), url("assets/scale-horz-marks-before-slider@2.png")); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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.png"), url("assets/scale-horz-marks-after-slider@2.png")); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")); +} + +scale.vertical.marks-before:not(.marks-after) slider { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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.png"), url("assets/scale-vert-marks-before-slider@2.png")); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")); +} + +scale.vertical.marks-after:not(.marks-before) slider { + transition: background-color 0ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms cubic-bezier(0, 0, 0.2, 1), background-image 0ms 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.png"), url("assets/scale-vert-marks-after-slider@2.png")); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@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(0, 0, 0, 0.6); + 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(0, 0, 0, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #3c84f7; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #3c84f7; +} + +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: #F4B400; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #3c84f7; +} + +levelbar block.full { + background-color: #0F9D58; +} + +levelbar block.empty { + background-color: rgba(0, 0, 0, 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: rgba(0, 0, 0, 0.87); + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(0, 0, 0, 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; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + background-clip: border-box; + border: none; +} + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 14px 14px; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%); + padding-top: 1px; + background-size: 12px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: left top; + margin: 0 4px; +} + +undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%); + padding-bottom: 1px; + background-size: 12px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: left bottom; + margin: 0 4px; +} + +undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 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; +} + +undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 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; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(0, 0, 0, 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(0, 0, 0, 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: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(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +listview row, +list row { + padding: 6px; +} + +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: rgba(0, 0, 0, 0.87); + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; +} + +row { + color: rgba(0, 0, 0, 0.6); +} + +columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 0ms 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 { + color: rgba(0, 0, 0, 0.87); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover, row.activatable:hover { + color: rgba(0, 0, 0, 0.87); + transition: all 0ms 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 { + color: rgba(0, 0, 0, 0.87); + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +row:selected { + color: inherit; +} + +row:selected image, +row:selected label { + color: rgba(0, 0, 0, 0.87); +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(0, 0, 0, 0.38); +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #3c84f7; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: white; + background-color: #3c84f7; +} + +.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: #3c84f7; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(0, 0, 0, 0.6); + -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: rgba(0, 0, 0, 0.87); +} + +expander:disabled { + color: rgba(0, 0, 0, 0.26); +} + +expander-widget > box > title { + border-radius: 6px; +} + +expander-widget > box > title:hover > expander { + color: rgba(0, 0, 0, 0.6); +} + +.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(0, 0, 0, 0.12); + border-radius: 6px; + color: rgba(0, 0, 0, 0.87); +} + +calendar:disabled { + color: rgba(0, 0, 0, 0.38); +} + +calendar:selected { + border-radius: 6px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +calendar > header > button { + min-height: 24px; +} + +calendar > grid { + margin: 3px; +} + +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: 9px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.dialog.message.background { + background-color: #FFFFFF; +} + +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(255, 255, 255, 0.15); + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +window.dialog.message .titlebar:backdrop { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.6); +} + +window.dialog.message .dialog-action-area { + margin-top: -6px; +} + +window.dialog.message .dialog-action-area > button, window.dialog.message .dialog-action-area > button:first-child, window.dialog.message .dialog-action-area > button:last-child { + border-radius: 9999px; +} + +window.dialog.message .dialog-action-area > button:not(:last-child) { + margin-right: 6px; +} + +window.dialog.message .dialog-action-area > button:not(:disabled) { + color: #3c84f7; +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: #D93025; +} + +.csd filechooser { + background-color: #FFFFFF; + border-radius: 0 0 14px 14px; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 14px 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: 14px; +} + +filechooser actionbar, filechooser actionbar > revealer > box { + background-color: transparent; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #FAFAFA; +} + +.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { + border-left: 1px solid rgba(0, 0, 0, 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; +} + +stacksidebar list { + padding: 6px; + background-color: #FAFAFA; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +stacksidebar row:selected { + background-color: alpha(currentColor, 0.06); + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} + +stacksidebar row + row { + margin-top: 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(0, 0, 0, 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: rgba(255, 255, 255, 0.15); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 6px; + border-right: none; +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +.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.06); + color: rgba(0, 0, 0, 0.87); +} + +.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(0, 0, 0, 0.38); +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 0ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.6); +} + +row image.sidebar-icon:disabled { + color: rgba(0, 0, 0, 0.26); +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list { + padding: 1px 0 4px; +} + +placessidebar .navigation-sidebar > row { + min-height: 32px; + margin: -1px 4px -1px 0; + padding: 0; + 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.06); + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} + +placessidebar .navigation-sidebar > row:disabled { + color: rgba(0, 0, 0, 0.38); +} + +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: #3c84f7; +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: #3c84f7; +} + +placessidebar .navigation-sidebar > row:drop(active) { + transition: all 0ms 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-style: none; + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #FFFFFF; + background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 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: 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, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #FFFFFF; +} + +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: #3c84f7; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3c84f7; + 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: #5493f8; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F4B400; + 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: #ffc00f; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #D93025; + 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: #dd443a; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(52, 52, 52, 0.9); + color: white; + 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); + border-radius: 3px; + margin: 2px 6px 8px 6px; + border: none; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * 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: white; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorchooser colorswatch:hover { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px #3c84f7; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; + color: rgba(0, 0, 0, 0.87); +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(0, 0, 0, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(0, 0, 0, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(0, 0, 0, 0.26); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay:hover { + 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); +} + +colorchooser .popover.osd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); + background-color: #FFFFFF; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #FFFFFF; +} + +/********************** + * Window Decorations * + **********************/ +window.csd { + transition: box-shadow 0ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + outline-color: rgba(255, 255, 255, 0.15); + 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.12), 0 0 36px transparent; +} + +window.csd: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.12), 0 0 36px transparent; +} + +window.csd.popup { + border-radius: 12px; +} + +window.csd.dialog.message { + border-radius: 14px; +} + +.solid-csd window.csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: #242424; + border: 1px solid #e0e0e0; +} + +.solid-csd window.csd:backdrop { + background-color: #2C2C2C; +} + +window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { + border-radius: 0; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0 4px; +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + background-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.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.15); +} + +windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { + color: white; + background-color: alpha(currentColor, 0.2); +} + +windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 4px; + margin-left: 4px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 4px; + margin-right: 4px; +} + +.view:selected, iconview:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected, +treeview.view:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, calendar > grid > label.today { + color: #3c84f7; + background-color: rgba(60, 132, 247, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected { + color: white; + background-color: #3c84f7; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #3c84f7; + -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(0, 0, 0, 0.12); + border-radius: 7px; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #3c84f7; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(0, 0, 0, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: white; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +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 * + *************/ +.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(0, 0, 0, 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(0, 0, 0, 0.12); + background: none; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 6px; +} + +button.emoji-section:checked { + color: #3c84f7; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 0ms 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: rgba(0, 0, 0, 0.87); +} + +popover.entry-completion > contents { + padding: 0; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color rgba(0, 0, 0, 0.87); +/* +text color for entries, views and content in general */ +@define-color theme_text_color rgba(0, 0, 0, 0.87); +/* +widget base background color */ +@define-color theme_bg_color #FFFFFF; +/* +text widgets and the like base background color */ +@define-color theme_base_color #FFFFFF; +/* +base background color of selections */ +@define-color theme_selected_bg_color #3c84f7; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color white; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #FFFFFF; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(0, 0, 0, 0.38); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #FAFAFA; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #FFFFFF; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #FFFFFF; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #3c84f7; +/* +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(0, 0, 0, 0.38); +/* +widgets main borders color */ +@define-color borders rgba(0, 0, 0, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #F4B400; +@define-color error_color #D93025; +@define-color success_color #0F9D58; +/* +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_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +FIXME this is really an API */ +@define-color content_view_bg #FFFFFF; +@define-color placeholder_text_color #666666; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #FFFFFF; +@define-color budgie_tasklist_indicator_color white; +@define-color budgie_tasklist_indicator_color_active white; +@define-color budgie_tasklist_indicator_color_active_window #999999; +@define-color budgie_tasklist_indicator_color_attention #F4B400; +@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/Cutefish/gtk-4.0/thumbnail.png b/Cutefish/gtk-4.0/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..cce29c243c3573311007ed400d3aa6b99f2e070c GIT binary patch literal 2057 zcmV+k2=@1hP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H12bM`h zK~#90?V4RoROuPVe`n6eFe45KECK>GMgakLRq%qUaRcnqnx?MyqPK0jjb^(^KSJG* zv`H^a+FES0Yqw2wHStnvQYEg&;A}NkLM`zE*x^HB2BlrLrhLrk%rNJiIlY+9z`)FK zfI-W2es}ZEIsfyX_kW(}ectyR!Q=55WJp^quet*n)|QOHX->xAG$&(lnv*d&&B+*? z=15B&U>F90K!9K{h_34x#`<1W34(wqiYSUgR#p~*AiU}>ttm+j4uwK^JRWpie_8!m za}2{k(=;?qBNz;_apOiT7W0Wr)4@5c;T+ca{0oCGJs|)#J1o=|3p7?rG*ya7;>!A$ zYJDNmMu%Y-%*@QBmAUbdBngMZVJebu59yrl3i4z!c^3Ohp1=ohD>POv&*inyPiU~; z@5kr!Evtj;6}#Pz&1OsZf5?E}I#oWoubS2r1o-}bnIARESeAHp)>1!VZVCp2rZ2YM zS?XTT++N<`0~iLJ`>V=_pDlgfTIwe>INek8e3IR3*O1PI?&S?W!1mX|LwoMN%4fr= z*N?E2e!?QlOtm~VHpcbq*Q39)va%>IFXzC414&cfd|WOUIXO9O*|H_3eR_JD(a}-r z>+4PFtcFDQs_F2XuH|R4mTHMJ#}xi}PvzsgD!;rH0>ySp2!)k zlt+&qA&Me9ckZODtPFrBPo5A61aLSU^!D~5%QE}+?Tb0rEVqZ2H%+xvOSB(VkSy@Y zeU*>y%%xuEuue;L>~K4i=*yzO4-QGZ^M;6Fz_mV|kMC-zdi)0>o<5{_Crj6LMn*;` zEG$G6!zKLq_&7Ij-i$e}zrUZJo*qC-IqDU|p z3K9?3{K);oU6uCRvGZ#GKNcG^ut0x4@4qQ=;-E~C!$NV6g%by5-hVT3JjT<96h&}b zTN?nXs$#d>IdS5Isq-o-Dkvx@VEgv%G&MCv+if-*d-m+X<#NTe13Z8JoEtZ8aQygj zDk>@f$ji&)>eZ{!ED;Ck_|n#xKa?=|hSPZf$Kv5Cl|JrKhKd^XJcV^5jYE zc6%!1W0;tj0AR8B(`=jZ2>pPx@rQ4vRu9Kq-F(bw1a-wO+is?^mi z!9t-B7K5rV)8d?MbqYnwH6QceEo%V z_G^pUuJtW$i||@@d@EBD!SnI?e5k4#9pvonY`k7?wCDnO`t&Idha=npNs1aXA6b^; zwigx_qG=lAOM#!gFrC zv>dCo*vy6c^ZD>E8Ug~}d_6p7oqakV-AQb4ZAtuxB_#$solXQn;Khp<^!N9(dGls! zYij{0EiJ`rwbIeiL2YdHsJzDnipVIy*Zl zC@6?l(Yd*~G&D4D>Cz<*A3lt#s&saC($dlreSlI$Q>DnK3+CI1k?$P}Kfq?pjcA$C zj}X)hPIm=4-DSS7@eteE+I|u54>MJ#VHhZif~u;~sNKDLH^+`0i$<_0id0uu<954w z{P;0dRaMm2*RyHUCW?!T*}8QrcDtRasVOu~W81cE04Rz=O-&7xlaqM8UW$r}$j;6N zpt`ymMNx3MTue_-)7aQZLqh`)PXD>Nxs;TYMEj}hIwd6~Nta6T>V>WO0@wR>Jb~Eu zzqvzL1o-<{$dtL|c>+KCx`Mc15>2GPT*@{H{QU4@eMs`MVRCYE-M{-aiy#OI&A;W+ z`Qe{tSEc{^Z(C`uiXUNXt)H;SN_D#XUnbeTwp5FJr(xwY*}MDYgoFPw^b;B!S!Vn{ zV6|G4{{Pcvh3~GwgztS-<|j?^lEY4igDlUybArK21kf|bf; Sun, 21 Nov 2021 13:52:29 +0800 \ No newline at end of file diff --git a/debian/compat b/debian/compat new file mode 100644 index 0000000..f11c82a --- /dev/null +++ b/debian/compat @@ -0,0 +1 @@ +9 \ No newline at end of file diff --git a/debian/control b/debian/control new file mode 100644 index 0000000..6e2fcab --- /dev/null +++ b/debian/control @@ -0,0 +1,13 @@ +Source: cutefish-gtk-themes +Section: gnome +Priority: optional +Maintainer: CutefishOS +Build-Depends: +Standards-Version: 3.9.6 +Homepage: https://cutefishos.com +Vcs-Git: https://github.com/cutefishos + +Package: cutefish-gtk-themes +Architecture: any +Depends: ${shlibs:Depends}, ${misc:Depends} +Description: CutefishOS GTK Themes \ No newline at end of file diff --git a/debian/copyright b/debian/copyright new file mode 100644 index 0000000..0442430 --- /dev/null +++ b/debian/copyright @@ -0,0 +1,18 @@ +Format: https://www.debian.org/doc/packaging-manuals/copyright-format/1.0/ +Upstream-Name: Colloid-gtk-theme +Source: cutefish-gtk-themes + +Files: * +Copyright: 2021 vinceliuice +License: GPLv3 + 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 + 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 . \ No newline at end of file diff --git a/debian/install b/debian/install new file mode 100644 index 0000000..be5affd --- /dev/null +++ b/debian/install @@ -0,0 +1,3 @@ +Cutefish /usr/share/themes +Cutefish-dark /usr/share/themes +Cutefish-light /usr/share/themes \ No newline at end of file diff --git a/debian/rules b/debian/rules new file mode 100644 index 0000000..c750465 --- /dev/null +++ b/debian/rules @@ -0,0 +1,24 @@ +#!/usr/bin/make -f +# See debhelper(7) (uncomment to enable) +# output every command that modifies files on the build system. +#export DH_VERBOSE = 1 + + +# see FEATURE AREAS in dpkg-buildflags(1) +#export DEB_BUILD_MAINT_OPTIONS = hardening=+all + +# see ENVIRONMENT in dpkg-buildflags(1) +# package maintainers to append CFLAGS +#export DEB_CFLAGS_MAINT_APPEND = -Wall -pedantic +# package maintainers to append LDFLAGS +#export DEB_LDFLAGS_MAINT_APPEND = -Wl,--as-needed + + +%: + dh $@ + + +# dh_make generated override targets +# This is example for Cmake (See https://bugs.debian.org/641051 ) +#override_dh_auto_configure: +# dh_auto_configure -- # -DCMAKE_LIBRARY_PATH=$(DEB_HOST_MULTIARCH) \ No newline at end of file diff --git a/debian/source/format b/debian/source/format new file mode 100644 index 0000000..163aaf8 --- /dev/null +++ b/debian/source/format @@ -0,0 +1 @@ +3.0 (quilt)