From 61a7314d95b88ddbbb9fc1a3c38ef4d673f443cf Mon Sep 17 00:00:00 2001 From: Rokin05 Date: Fri, 17 May 2019 14:13:45 +0200 Subject: [PATCH] version 2.1 --- .pytest_cache/v/cache/nodeids | 1 + .pytest_cache/v/cache/stepwise | 1 + CHANGELOG.md | 27 +- Kvantum/Darkine/Darkine.kvconfig | 2 +- Makefile | 3 +- icons/darkine/actions/16/process-stop.svg | 2 +- icons/darkine/actions/22/process-stop.svg | 2 +- icons/darkine/actions/24/process-stop.svg | 2 +- icons/darkine/index.theme | 11 +- install.sh | 2 + plasma/desktoptheme/darkine/metadata.desktop | 3 + plasma/look-and-feel/darkine/metadata.desktop | 2 +- themes/Darkine/CREDITS | 13 + themes/Darkine/DARKINE | 9 + themes/Darkine/LICENSE | 675 +++ themes/Darkine/assets/arrow-down-active.png | Bin 0 -> 243 bytes themes/Darkine/assets/arrow-down-hover.png | Bin 0 -> 243 bytes .../Darkine/assets/arrow-down-insensitive.png | Bin 0 -> 241 bytes themes/Darkine/assets/arrow-down.png | Bin 0 -> 238 bytes themes/Darkine/assets/arrow-left-active.png | Bin 0 -> 243 bytes themes/Darkine/assets/arrow-left-hover.png | Bin 0 -> 243 bytes .../Darkine/assets/arrow-left-insensitive.png | Bin 0 -> 255 bytes themes/Darkine/assets/arrow-left.png | Bin 0 -> 231 bytes themes/Darkine/assets/arrow-right-active.png | Bin 0 -> 246 bytes themes/Darkine/assets/arrow-right-hover.png | Bin 0 -> 246 bytes .../assets/arrow-right-insensitive.png | Bin 0 -> 247 bytes themes/Darkine/assets/arrow-right.png | Bin 0 -> 244 bytes .../assets/arrow-small-down-active.png | Bin 0 -> 184 bytes .../Darkine/assets/arrow-small-down-hover.png | Bin 0 -> 184 bytes .../assets/arrow-small-down-insensitive.png | Bin 0 -> 181 bytes themes/Darkine/assets/arrow-small-down.png | Bin 0 -> 179 bytes .../assets/arrow-small-left-active.png | Bin 0 -> 190 bytes .../Darkine/assets/arrow-small-left-hover.png | Bin 0 -> 190 bytes .../assets/arrow-small-left-insensitive.png | Bin 0 -> 200 bytes themes/Darkine/assets/arrow-small-left.png | Bin 0 -> 181 bytes .../assets/arrow-small-right-active.png | Bin 0 -> 201 bytes .../assets/arrow-small-right-hover.png | Bin 0 -> 201 bytes .../assets/arrow-small-right-insensitive.png | Bin 0 -> 203 bytes themes/Darkine/assets/arrow-small-right.png | Bin 0 -> 202 bytes .../Darkine/assets/arrow-small-up-active.png | Bin 0 -> 177 bytes .../Darkine/assets/arrow-small-up-hover.png | Bin 0 -> 177 bytes .../assets/arrow-small-up-insensitive.png | Bin 0 -> 188 bytes themes/Darkine/assets/arrow-small-up.png | Bin 0 -> 172 bytes themes/Darkine/assets/arrow-up-active.png | Bin 0 -> 226 bytes themes/Darkine/assets/arrow-up-hover.png | Bin 0 -> 226 bytes .../Darkine/assets/arrow-up-insensitive.png | Bin 0 -> 236 bytes themes/Darkine/assets/arrow-up.png | Bin 0 -> 217 bytes themes/Darkine/assets/button-active.png | Bin 0 -> 263 bytes themes/Darkine/assets/button-hover.png | Bin 0 -> 303 bytes themes/Darkine/assets/button-insensitive.png | Bin 0 -> 293 bytes themes/Darkine/assets/button.png | Bin 0 -> 303 bytes .../Darkine/assets/check-checked-active.png | Bin 0 -> 371 bytes .../Darkine/assets/check-checked-active@2.png | Bin 0 -> 661 bytes .../check-checked-backdrop-insensitive.png | Bin 0 -> 379 bytes .../check-checked-backdrop-insensitive@2.png | Bin 0 -> 703 bytes .../Darkine/assets/check-checked-backdrop.png | Bin 0 -> 371 bytes .../assets/check-checked-backdrop@2.png | Bin 0 -> 661 bytes themes/Darkine/assets/check-checked-hover.png | Bin 0 -> 380 bytes .../Darkine/assets/check-checked-hover@2.png | Bin 0 -> 695 bytes .../assets/check-checked-insensitive.png | Bin 0 -> 379 bytes .../assets/check-checked-insensitive@2.png | Bin 0 -> 703 bytes themes/Darkine/assets/check-mixed-active.png | Bin 0 -> 222 bytes .../Darkine/assets/check-mixed-active@2.png | Bin 0 -> 370 bytes .../check-mixed-backdrop-insensitive.png | Bin 0 -> 278 bytes .../check-mixed-backdrop-insensitive@2.png | Bin 0 -> 483 bytes .../Darkine/assets/check-mixed-backdrop.png | Bin 0 -> 222 bytes .../Darkine/assets/check-mixed-backdrop@2.png | Bin 0 -> 370 bytes themes/Darkine/assets/check-mixed-hover.png | Bin 0 -> 225 bytes themes/Darkine/assets/check-mixed-hover@2.png | Bin 0 -> 380 bytes .../assets/check-mixed-insensitive.png | Bin 0 -> 278 bytes .../assets/check-mixed-insensitive@2.png | Bin 0 -> 483 bytes .../check-selectionmode-checked-active.png | Bin 0 -> 392 bytes .../check-selectionmode-checked-active@2.png | Bin 0 -> 794 bytes ...ctionmode-checked-backdrop-insensitive.png | Bin 0 -> 367 bytes ...ionmode-checked-backdrop-insensitive@2.png | Bin 0 -> 746 bytes .../check-selectionmode-checked-backdrop.png | Bin 0 -> 392 bytes ...check-selectionmode-checked-backdrop@2.png | Bin 0 -> 794 bytes .../check-selectionmode-checked-hover.png | Bin 0 -> 406 bytes .../check-selectionmode-checked-hover@2.png | Bin 0 -> 806 bytes ...heck-selectionmode-checked-insensitive.png | Bin 0 -> 367 bytes ...ck-selectionmode-checked-insensitive@2.png | Bin 0 -> 746 bytes .../check-selectionmode-unchecked-active.png | Bin 0 -> 354 bytes ...check-selectionmode-unchecked-active@2.png | Bin 0 -> 709 bytes ...ionmode-unchecked-backdrop-insensitive.png | Bin 0 -> 336 bytes ...nmode-unchecked-backdrop-insensitive@2.png | Bin 0 -> 680 bytes ...check-selectionmode-unchecked-backdrop.png | Bin 0 -> 354 bytes ...eck-selectionmode-unchecked-backdrop@2.png | Bin 0 -> 709 bytes .../check-selectionmode-unchecked-hover.png | Bin 0 -> 367 bytes .../check-selectionmode-unchecked-hover@2.png | Bin 0 -> 719 bytes ...ck-selectionmode-unchecked-insensitive.png | Bin 0 -> 336 bytes ...-selectionmode-unchecked-insensitive@2.png | Bin 0 -> 680 bytes .../assets/check-selectionmode-unchecked.png | Bin 0 -> 354 bytes .../check-selectionmode-unchecked@2.png | Bin 0 -> 709 bytes .../Darkine/assets/check-unchecked-active.png | Bin 0 -> 281 bytes .../assets/check-unchecked-active@2.png | Bin 0 -> 520 bytes .../check-unchecked-backdrop-insensitive.png | Bin 0 -> 259 bytes ...check-unchecked-backdrop-insensitive@2.png | Bin 0 -> 478 bytes .../assets/check-unchecked-backdrop.png | Bin 0 -> 281 bytes .../assets/check-unchecked-backdrop@2.png | Bin 0 -> 520 bytes .../Darkine/assets/check-unchecked-hover.png | Bin 0 -> 288 bytes .../assets/check-unchecked-hover@2.png | Bin 0 -> 522 bytes .../assets/check-unchecked-insensitive.png | Bin 0 -> 259 bytes .../assets/check-unchecked-insensitive@2.png | Bin 0 -> 478 bytes themes/Darkine/assets/check-unchecked.png | Bin 0 -> 281 bytes themes/Darkine/assets/check-unchecked@2.png | Bin 0 -> 520 bytes themes/Darkine/assets/combo-entry-active.png | Bin 0 -> 185 bytes .../assets/combo-entry-button-active.png | Bin 0 -> 202 bytes .../assets/combo-entry-button-insensitive.png | Bin 0 -> 194 bytes themes/Darkine/assets/combo-entry-button.png | Bin 0 -> 188 bytes .../assets/combo-entry-insensitive.png | Bin 0 -> 181 bytes themes/Darkine/assets/combo-entry.png | Bin 0 -> 181 bytes themes/Darkine/assets/entry-active.png | Bin 0 -> 227 bytes themes/Darkine/assets/entry-insensitive.png | Bin 0 -> 222 bytes themes/Darkine/assets/entry.png | Bin 0 -> 214 bytes themes/Darkine/assets/frame-gap-end.png | Bin 0 -> 92 bytes themes/Darkine/assets/frame-gap-start.png | Bin 0 -> 92 bytes themes/Darkine/assets/frame.png | Bin 0 -> 126 bytes themes/Darkine/assets/handle-h.png | Bin 0 -> 90 bytes themes/Darkine/assets/handle-v.png | Bin 0 -> 93 bytes themes/Darkine/assets/line-h.png | Bin 0 -> 90 bytes themes/Darkine/assets/line-v.png | Bin 0 -> 93 bytes .../Darkine/assets/menu-arrow-insensitive.png | Bin 0 -> 247 bytes themes/Darkine/assets/menu-arrow-selected.png | Bin 0 -> 244 bytes themes/Darkine/assets/menu-arrow.png | Bin 0 -> 244 bytes themes/Darkine/assets/menubar-button.png | Bin 0 -> 121 bytes .../Darkine/assets/notebook-frame-bottom.png | Bin 0 -> 126 bytes .../Darkine/assets/notebook-frame-right.png | Bin 0 -> 126 bytes themes/Darkine/assets/notebook-frame-top.png | Bin 0 -> 126 bytes .../assets/notebook-gap-horizontal.png | Bin 0 -> 104 bytes .../Darkine/assets/notebook-gap-vertical.png | Bin 0 -> 99 bytes themes/Darkine/assets/null.png | Bin 0 -> 96 bytes themes/Darkine/assets/progressbar-bar.png | Bin 0 -> 202 bytes themes/Darkine/assets/progressbar-trough.png | Bin 0 -> 198 bytes .../Darkine/assets/radio-checked-active.png | Bin 0 -> 324 bytes .../Darkine/assets/radio-checked-active@2.png | Bin 0 -> 611 bytes .../radio-checked-backdrop-insensitive.png | Bin 0 -> 386 bytes .../radio-checked-backdrop-insensitive@2.png | Bin 0 -> 801 bytes .../Darkine/assets/radio-checked-backdrop.png | Bin 0 -> 324 bytes .../assets/radio-checked-backdrop@2.png | Bin 0 -> 611 bytes themes/Darkine/assets/radio-checked-hover.png | Bin 0 -> 335 bytes .../Darkine/assets/radio-checked-hover@2.png | Bin 0 -> 619 bytes .../assets/radio-checked-insensitive.png | Bin 0 -> 386 bytes .../assets/radio-checked-insensitive@2.png | Bin 0 -> 801 bytes themes/Darkine/assets/radio-mixed-active.png | Bin 0 -> 390 bytes .../Darkine/assets/radio-mixed-active@2.png | Bin 0 -> 740 bytes .../radio-mixed-backdrop-insensitive.png | Bin 0 -> 415 bytes .../radio-mixed-backdrop-insensitive@2.png | Bin 0 -> 861 bytes .../Darkine/assets/radio-mixed-backdrop.png | Bin 0 -> 390 bytes .../Darkine/assets/radio-mixed-backdrop@2.png | Bin 0 -> 740 bytes themes/Darkine/assets/radio-mixed-hover.png | Bin 0 -> 418 bytes themes/Darkine/assets/radio-mixed-hover@2.png | Bin 0 -> 765 bytes .../assets/radio-mixed-insensitive.png | Bin 0 -> 415 bytes .../assets/radio-mixed-insensitive@2.png | Bin 0 -> 861 bytes .../Darkine/assets/radio-unchecked-active.png | Bin 0 -> 384 bytes .../assets/radio-unchecked-active@2.png | Bin 0 -> 892 bytes .../radio-unchecked-backdrop-insensitive.png | Bin 0 -> 387 bytes ...radio-unchecked-backdrop-insensitive@2.png | Bin 0 -> 814 bytes .../assets/radio-unchecked-backdrop.png | Bin 0 -> 384 bytes .../assets/radio-unchecked-backdrop@2.png | Bin 0 -> 892 bytes .../Darkine/assets/radio-unchecked-hover.png | Bin 0 -> 393 bytes .../assets/radio-unchecked-hover@2.png | Bin 0 -> 933 bytes .../assets/radio-unchecked-insensitive.png | Bin 0 -> 387 bytes .../assets/radio-unchecked-insensitive@2.png | Bin 0 -> 814 bytes themes/Darkine/assets/radio-unchecked.png | Bin 0 -> 384 bytes themes/Darkine/assets/radio-unchecked@2.png | Bin 0 -> 892 bytes themes/Darkine/assets/scale-slider-active.png | Bin 0 -> 611 bytes themes/Darkine/assets/scale-slider-hover.png | Bin 0 -> 582 bytes .../assets/scale-slider-insensitive.png | Bin 0 -> 511 bytes themes/Darkine/assets/scale-slider.png | Bin 0 -> 578 bytes .../assets/scale-trough-horizontal.png | Bin 0 -> 200 bytes .../Darkine/assets/scale-trough-vertical.png | Bin 0 -> 210 bytes .../scrollbar-slider-horizontal-active.png | Bin 0 -> 276 bytes .../scrollbar-slider-horizontal-active@2.png | Bin 0 -> 533 bytes .../scrollbar-slider-horizontal-hover.png | Bin 0 -> 212 bytes .../scrollbar-slider-horizontal-hover@2.png | Bin 0 -> 350 bytes .../assets/scrollbar-slider-horizontal.png | Bin 0 -> 212 bytes .../assets/scrollbar-slider-horizontal@2.png | Bin 0 -> 350 bytes .../scrollbar-slider-vertical-active.png | Bin 0 -> 302 bytes .../scrollbar-slider-vertical-active@2.png | Bin 0 -> 599 bytes .../scrollbar-slider-vertical-hover.png | Bin 0 -> 224 bytes .../scrollbar-slider-vertical-hover@2.png | Bin 0 -> 419 bytes .../assets/scrollbar-slider-vertical.png | Bin 0 -> 224 bytes .../assets/scrollbar-slider-vertical@2.png | Bin 0 -> 419 bytes .../assets/scrollbar-trough-horizontal.png | Bin 0 -> 275 bytes .../assets/scrollbar-trough-horizontal@2.png | Bin 0 -> 389 bytes .../assets/scrollbar-trough-vertical.png | Bin 0 -> 277 bytes .../assets/scrollbar-trough-vertical@2.png | Bin 0 -> 461 bytes .../assets/spinbutton-down-insensitive.png | Bin 0 -> 104 bytes .../spinbutton-down-rtl-insensitive.png | Bin 0 -> 104 bytes themes/Darkine/assets/spinbutton-down-rtl.png | Bin 0 -> 104 bytes themes/Darkine/assets/spinbutton-down.png | Bin 0 -> 104 bytes .../assets/spinbutton-up-insensitive.png | Bin 0 -> 104 bytes .../assets/spinbutton-up-rtl-insensitive.png | Bin 0 -> 104 bytes themes/Darkine/assets/spinbutton-up-rtl.png | Bin 0 -> 104 bytes themes/Darkine/assets/spinbutton-up.png | Bin 0 -> 104 bytes themes/Darkine/assets/tab-bottom-active.png | Bin 0 -> 117 bytes themes/Darkine/assets/tab-bottom-inactive.png | Bin 0 -> 108 bytes themes/Darkine/assets/tab-left-active.png | Bin 0 -> 114 bytes themes/Darkine/assets/tab-left-inactive.png | Bin 0 -> 108 bytes themes/Darkine/assets/tab-right-active.png | Bin 0 -> 111 bytes themes/Darkine/assets/tab-right-inactive.png | Bin 0 -> 108 bytes themes/Darkine/assets/tab-top-active.png | Bin 0 -> 116 bytes themes/Darkine/assets/tab-top-inactive.png | Bin 0 -> 108 bytes themes/Darkine/assets/togglebutton-active.png | Bin 0 -> 235 bytes themes/Darkine/assets/togglebutton-hover.png | Bin 0 -> 267 bytes .../assets/togglebutton-insensitive.png | Bin 0 -> 256 bytes themes/Darkine/assets/togglebutton.png | Bin 0 -> 267 bytes themes/Darkine/assets/toolbar-background.png | Bin 0 -> 104 bytes themes/Darkine/assets/toolbutton-active.png | Bin 0 -> 240 bytes themes/Darkine/assets/toolbutton-hover.png | Bin 0 -> 249 bytes themes/Darkine/assets/toolbutton-toggled.png | Bin 0 -> 230 bytes themes/Darkine/assets/tree-header.png | Bin 0 -> 104 bytes themes/Darkine/gtk-2.0/gtkrc | 30 + themes/Darkine/gtk-2.0/widgets/buttons | 385 ++ themes/Darkine/gtk-2.0/widgets/default | 542 +++ themes/Darkine/gtk-2.0/widgets/entry | 214 + themes/Darkine/gtk-2.0/widgets/menu | 277 ++ themes/Darkine/gtk-2.0/widgets/misc | 168 + themes/Darkine/gtk-2.0/widgets/notebook | 138 + themes/Darkine/gtk-2.0/widgets/progressbar | 47 + themes/Darkine/gtk-2.0/widgets/range | 108 + themes/Darkine/gtk-2.0/widgets/scrollbar | 117 + themes/Darkine/gtk-2.0/widgets/styles | 52 + themes/Darkine/gtk-2.0/widgets/toolbar | 94 + themes/Darkine/gtk-3.18/gtk-dark.css | 3033 +++++++++++++ themes/Darkine/gtk-3.18/gtk.css | 3033 +++++++++++++ themes/Darkine/gtk-3.20/gtk-dark.css | 4031 +++++++++++++++++ themes/Darkine/gtk-3.20/gtk.css | 4031 +++++++++++++++++ themes/Darkine/index.theme | 9 + 229 files changed, 17046 insertions(+), 18 deletions(-) create mode 100644 .pytest_cache/v/cache/nodeids create mode 100644 .pytest_cache/v/cache/stepwise create mode 100644 themes/Darkine/CREDITS create mode 100644 themes/Darkine/DARKINE create mode 100644 themes/Darkine/LICENSE create mode 100644 themes/Darkine/assets/arrow-down-active.png create mode 100644 themes/Darkine/assets/arrow-down-hover.png create mode 100644 themes/Darkine/assets/arrow-down-insensitive.png create mode 100644 themes/Darkine/assets/arrow-down.png create mode 100644 themes/Darkine/assets/arrow-left-active.png create mode 100644 themes/Darkine/assets/arrow-left-hover.png create mode 100644 themes/Darkine/assets/arrow-left-insensitive.png create mode 100644 themes/Darkine/assets/arrow-left.png create mode 100644 themes/Darkine/assets/arrow-right-active.png create mode 100644 themes/Darkine/assets/arrow-right-hover.png create mode 100644 themes/Darkine/assets/arrow-right-insensitive.png create mode 100644 themes/Darkine/assets/arrow-right.png create mode 100644 themes/Darkine/assets/arrow-small-down-active.png create mode 100644 themes/Darkine/assets/arrow-small-down-hover.png create mode 100644 themes/Darkine/assets/arrow-small-down-insensitive.png create mode 100644 themes/Darkine/assets/arrow-small-down.png create mode 100644 themes/Darkine/assets/arrow-small-left-active.png create mode 100644 themes/Darkine/assets/arrow-small-left-hover.png create mode 100644 themes/Darkine/assets/arrow-small-left-insensitive.png create mode 100644 themes/Darkine/assets/arrow-small-left.png create mode 100644 themes/Darkine/assets/arrow-small-right-active.png create mode 100644 themes/Darkine/assets/arrow-small-right-hover.png create mode 100644 themes/Darkine/assets/arrow-small-right-insensitive.png create mode 100644 themes/Darkine/assets/arrow-small-right.png create mode 100644 themes/Darkine/assets/arrow-small-up-active.png create mode 100644 themes/Darkine/assets/arrow-small-up-hover.png create mode 100644 themes/Darkine/assets/arrow-small-up-insensitive.png create mode 100644 themes/Darkine/assets/arrow-small-up.png create mode 100644 themes/Darkine/assets/arrow-up-active.png create mode 100644 themes/Darkine/assets/arrow-up-hover.png create mode 100644 themes/Darkine/assets/arrow-up-insensitive.png create mode 100644 themes/Darkine/assets/arrow-up.png create mode 100644 themes/Darkine/assets/button-active.png create mode 100644 themes/Darkine/assets/button-hover.png create mode 100644 themes/Darkine/assets/button-insensitive.png create mode 100644 themes/Darkine/assets/button.png create mode 100644 themes/Darkine/assets/check-checked-active.png create mode 100644 themes/Darkine/assets/check-checked-active@2.png create mode 100644 themes/Darkine/assets/check-checked-backdrop-insensitive.png create mode 100644 themes/Darkine/assets/check-checked-backdrop-insensitive@2.png create mode 100644 themes/Darkine/assets/check-checked-backdrop.png create mode 100644 themes/Darkine/assets/check-checked-backdrop@2.png create mode 100644 themes/Darkine/assets/check-checked-hover.png create mode 100644 themes/Darkine/assets/check-checked-hover@2.png create mode 100644 themes/Darkine/assets/check-checked-insensitive.png create mode 100644 themes/Darkine/assets/check-checked-insensitive@2.png create mode 100644 themes/Darkine/assets/check-mixed-active.png create mode 100644 themes/Darkine/assets/check-mixed-active@2.png create mode 100644 themes/Darkine/assets/check-mixed-backdrop-insensitive.png create mode 100644 themes/Darkine/assets/check-mixed-backdrop-insensitive@2.png create mode 100644 themes/Darkine/assets/check-mixed-backdrop.png create mode 100644 themes/Darkine/assets/check-mixed-backdrop@2.png create mode 100644 themes/Darkine/assets/check-mixed-hover.png create mode 100644 themes/Darkine/assets/check-mixed-hover@2.png create mode 100644 themes/Darkine/assets/check-mixed-insensitive.png create mode 100644 themes/Darkine/assets/check-mixed-insensitive@2.png create mode 100644 themes/Darkine/assets/check-selectionmode-checked-active.png create mode 100644 themes/Darkine/assets/check-selectionmode-checked-active@2.png create mode 100644 themes/Darkine/assets/check-selectionmode-checked-backdrop-insensitive.png create mode 100644 themes/Darkine/assets/check-selectionmode-checked-backdrop-insensitive@2.png create mode 100644 themes/Darkine/assets/check-selectionmode-checked-backdrop.png create mode 100644 themes/Darkine/assets/check-selectionmode-checked-backdrop@2.png create mode 100644 themes/Darkine/assets/check-selectionmode-checked-hover.png create mode 100644 themes/Darkine/assets/check-selectionmode-checked-hover@2.png create mode 100644 themes/Darkine/assets/check-selectionmode-checked-insensitive.png create mode 100644 themes/Darkine/assets/check-selectionmode-checked-insensitive@2.png create mode 100644 themes/Darkine/assets/check-selectionmode-unchecked-active.png create mode 100644 themes/Darkine/assets/check-selectionmode-unchecked-active@2.png create mode 100644 themes/Darkine/assets/check-selectionmode-unchecked-backdrop-insensitive.png create mode 100644 themes/Darkine/assets/check-selectionmode-unchecked-backdrop-insensitive@2.png create mode 100644 themes/Darkine/assets/check-selectionmode-unchecked-backdrop.png create mode 100644 themes/Darkine/assets/check-selectionmode-unchecked-backdrop@2.png create mode 100644 themes/Darkine/assets/check-selectionmode-unchecked-hover.png create mode 100644 themes/Darkine/assets/check-selectionmode-unchecked-hover@2.png create mode 100644 themes/Darkine/assets/check-selectionmode-unchecked-insensitive.png create mode 100644 themes/Darkine/assets/check-selectionmode-unchecked-insensitive@2.png create mode 100644 themes/Darkine/assets/check-selectionmode-unchecked.png create mode 100644 themes/Darkine/assets/check-selectionmode-unchecked@2.png create mode 100644 themes/Darkine/assets/check-unchecked-active.png create mode 100644 themes/Darkine/assets/check-unchecked-active@2.png create mode 100644 themes/Darkine/assets/check-unchecked-backdrop-insensitive.png create mode 100644 themes/Darkine/assets/check-unchecked-backdrop-insensitive@2.png create mode 100644 themes/Darkine/assets/check-unchecked-backdrop.png create mode 100644 themes/Darkine/assets/check-unchecked-backdrop@2.png create mode 100644 themes/Darkine/assets/check-unchecked-hover.png create mode 100644 themes/Darkine/assets/check-unchecked-hover@2.png create mode 100644 themes/Darkine/assets/check-unchecked-insensitive.png create mode 100644 themes/Darkine/assets/check-unchecked-insensitive@2.png create mode 100644 themes/Darkine/assets/check-unchecked.png create mode 100644 themes/Darkine/assets/check-unchecked@2.png create mode 100644 themes/Darkine/assets/combo-entry-active.png create mode 100644 themes/Darkine/assets/combo-entry-button-active.png create mode 100644 themes/Darkine/assets/combo-entry-button-insensitive.png create mode 100644 themes/Darkine/assets/combo-entry-button.png create mode 100644 themes/Darkine/assets/combo-entry-insensitive.png create mode 100644 themes/Darkine/assets/combo-entry.png create mode 100644 themes/Darkine/assets/entry-active.png create mode 100644 themes/Darkine/assets/entry-insensitive.png create mode 100644 themes/Darkine/assets/entry.png create mode 100644 themes/Darkine/assets/frame-gap-end.png create mode 100644 themes/Darkine/assets/frame-gap-start.png create mode 100644 themes/Darkine/assets/frame.png create mode 100644 themes/Darkine/assets/handle-h.png create mode 100644 themes/Darkine/assets/handle-v.png create mode 100644 themes/Darkine/assets/line-h.png create mode 100644 themes/Darkine/assets/line-v.png create mode 100644 themes/Darkine/assets/menu-arrow-insensitive.png create mode 100644 themes/Darkine/assets/menu-arrow-selected.png create mode 100644 themes/Darkine/assets/menu-arrow.png create mode 100644 themes/Darkine/assets/menubar-button.png create mode 100644 themes/Darkine/assets/notebook-frame-bottom.png create mode 100644 themes/Darkine/assets/notebook-frame-right.png create mode 100644 themes/Darkine/assets/notebook-frame-top.png create mode 100644 themes/Darkine/assets/notebook-gap-horizontal.png create mode 100644 themes/Darkine/assets/notebook-gap-vertical.png create mode 100644 themes/Darkine/assets/null.png create mode 100644 themes/Darkine/assets/progressbar-bar.png create mode 100644 themes/Darkine/assets/progressbar-trough.png create mode 100644 themes/Darkine/assets/radio-checked-active.png create mode 100644 themes/Darkine/assets/radio-checked-active@2.png create mode 100644 themes/Darkine/assets/radio-checked-backdrop-insensitive.png create mode 100644 themes/Darkine/assets/radio-checked-backdrop-insensitive@2.png create mode 100644 themes/Darkine/assets/radio-checked-backdrop.png create mode 100644 themes/Darkine/assets/radio-checked-backdrop@2.png create mode 100644 themes/Darkine/assets/radio-checked-hover.png create mode 100644 themes/Darkine/assets/radio-checked-hover@2.png create mode 100644 themes/Darkine/assets/radio-checked-insensitive.png create mode 100644 themes/Darkine/assets/radio-checked-insensitive@2.png create mode 100644 themes/Darkine/assets/radio-mixed-active.png create mode 100644 themes/Darkine/assets/radio-mixed-active@2.png create mode 100644 themes/Darkine/assets/radio-mixed-backdrop-insensitive.png create mode 100644 themes/Darkine/assets/radio-mixed-backdrop-insensitive@2.png create mode 100644 themes/Darkine/assets/radio-mixed-backdrop.png create mode 100644 themes/Darkine/assets/radio-mixed-backdrop@2.png create mode 100644 themes/Darkine/assets/radio-mixed-hover.png create mode 100644 themes/Darkine/assets/radio-mixed-hover@2.png create mode 100644 themes/Darkine/assets/radio-mixed-insensitive.png create mode 100644 themes/Darkine/assets/radio-mixed-insensitive@2.png create mode 100644 themes/Darkine/assets/radio-unchecked-active.png create mode 100644 themes/Darkine/assets/radio-unchecked-active@2.png create mode 100644 themes/Darkine/assets/radio-unchecked-backdrop-insensitive.png create mode 100644 themes/Darkine/assets/radio-unchecked-backdrop-insensitive@2.png create mode 100644 themes/Darkine/assets/radio-unchecked-backdrop.png create mode 100644 themes/Darkine/assets/radio-unchecked-backdrop@2.png create mode 100644 themes/Darkine/assets/radio-unchecked-hover.png create mode 100644 themes/Darkine/assets/radio-unchecked-hover@2.png create mode 100644 themes/Darkine/assets/radio-unchecked-insensitive.png create mode 100644 themes/Darkine/assets/radio-unchecked-insensitive@2.png create mode 100644 themes/Darkine/assets/radio-unchecked.png create mode 100644 themes/Darkine/assets/radio-unchecked@2.png create mode 100644 themes/Darkine/assets/scale-slider-active.png create mode 100644 themes/Darkine/assets/scale-slider-hover.png create mode 100644 themes/Darkine/assets/scale-slider-insensitive.png create mode 100644 themes/Darkine/assets/scale-slider.png create mode 100644 themes/Darkine/assets/scale-trough-horizontal.png create mode 100644 themes/Darkine/assets/scale-trough-vertical.png create mode 100644 themes/Darkine/assets/scrollbar-slider-horizontal-active.png create mode 100644 themes/Darkine/assets/scrollbar-slider-horizontal-active@2.png create mode 100644 themes/Darkine/assets/scrollbar-slider-horizontal-hover.png create mode 100644 themes/Darkine/assets/scrollbar-slider-horizontal-hover@2.png create mode 100644 themes/Darkine/assets/scrollbar-slider-horizontal.png create mode 100644 themes/Darkine/assets/scrollbar-slider-horizontal@2.png create mode 100644 themes/Darkine/assets/scrollbar-slider-vertical-active.png create mode 100644 themes/Darkine/assets/scrollbar-slider-vertical-active@2.png create mode 100644 themes/Darkine/assets/scrollbar-slider-vertical-hover.png create mode 100644 themes/Darkine/assets/scrollbar-slider-vertical-hover@2.png create mode 100644 themes/Darkine/assets/scrollbar-slider-vertical.png create mode 100644 themes/Darkine/assets/scrollbar-slider-vertical@2.png create mode 100644 themes/Darkine/assets/scrollbar-trough-horizontal.png create mode 100644 themes/Darkine/assets/scrollbar-trough-horizontal@2.png create mode 100644 themes/Darkine/assets/scrollbar-trough-vertical.png create mode 100644 themes/Darkine/assets/scrollbar-trough-vertical@2.png create mode 100644 themes/Darkine/assets/spinbutton-down-insensitive.png create mode 100644 themes/Darkine/assets/spinbutton-down-rtl-insensitive.png create mode 100644 themes/Darkine/assets/spinbutton-down-rtl.png create mode 100644 themes/Darkine/assets/spinbutton-down.png create mode 100644 themes/Darkine/assets/spinbutton-up-insensitive.png create mode 100644 themes/Darkine/assets/spinbutton-up-rtl-insensitive.png create mode 100644 themes/Darkine/assets/spinbutton-up-rtl.png create mode 100644 themes/Darkine/assets/spinbutton-up.png create mode 100644 themes/Darkine/assets/tab-bottom-active.png create mode 100644 themes/Darkine/assets/tab-bottom-inactive.png create mode 100644 themes/Darkine/assets/tab-left-active.png create mode 100644 themes/Darkine/assets/tab-left-inactive.png create mode 100644 themes/Darkine/assets/tab-right-active.png create mode 100644 themes/Darkine/assets/tab-right-inactive.png create mode 100644 themes/Darkine/assets/tab-top-active.png create mode 100644 themes/Darkine/assets/tab-top-inactive.png create mode 100644 themes/Darkine/assets/togglebutton-active.png create mode 100644 themes/Darkine/assets/togglebutton-hover.png create mode 100644 themes/Darkine/assets/togglebutton-insensitive.png create mode 100644 themes/Darkine/assets/togglebutton.png create mode 100644 themes/Darkine/assets/toolbar-background.png create mode 100644 themes/Darkine/assets/toolbutton-active.png create mode 100644 themes/Darkine/assets/toolbutton-hover.png create mode 100644 themes/Darkine/assets/toolbutton-toggled.png create mode 100644 themes/Darkine/assets/tree-header.png create mode 100644 themes/Darkine/gtk-2.0/gtkrc create mode 100644 themes/Darkine/gtk-2.0/widgets/buttons create mode 100644 themes/Darkine/gtk-2.0/widgets/default create mode 100644 themes/Darkine/gtk-2.0/widgets/entry create mode 100644 themes/Darkine/gtk-2.0/widgets/menu create mode 100644 themes/Darkine/gtk-2.0/widgets/misc create mode 100644 themes/Darkine/gtk-2.0/widgets/notebook create mode 100644 themes/Darkine/gtk-2.0/widgets/progressbar create mode 100644 themes/Darkine/gtk-2.0/widgets/range create mode 100644 themes/Darkine/gtk-2.0/widgets/scrollbar create mode 100644 themes/Darkine/gtk-2.0/widgets/styles create mode 100644 themes/Darkine/gtk-2.0/widgets/toolbar create mode 100644 themes/Darkine/gtk-3.18/gtk-dark.css create mode 100644 themes/Darkine/gtk-3.18/gtk.css create mode 100644 themes/Darkine/gtk-3.20/gtk-dark.css create mode 100644 themes/Darkine/gtk-3.20/gtk.css create mode 100644 themes/Darkine/index.theme diff --git a/.pytest_cache/v/cache/nodeids b/.pytest_cache/v/cache/nodeids new file mode 100644 index 0000000..0637a08 --- /dev/null +++ b/.pytest_cache/v/cache/nodeids @@ -0,0 +1 @@ +[] \ No newline at end of file diff --git a/.pytest_cache/v/cache/stepwise b/.pytest_cache/v/cache/stepwise new file mode 100644 index 0000000..0637a08 --- /dev/null +++ b/.pytest_cache/v/cache/stepwise @@ -0,0 +1 @@ +[] \ No newline at end of file diff --git a/CHANGELOG.md b/CHANGELOG.md index 37465e3..fd53e94 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,13 +1,13 @@ -#### Version 1.0 - 30 March 2018 +#### Version 1.0 - First commit -#### Version 1.1 - 31 March 2018 -- Fixs for opendesktop.org packages +#### Version 1.1 +- Fix for opendesktop.org packages -#### Version 1.2 - 31 March 2018 -- Fixs for opendesktop.org packages +#### Version 1.2 +- Fix for opendesktop.org packages -#### Version 1.3 - 1 April 2018 +#### Version 1.3 - Fix install - Fix some filenames - Update authors files @@ -15,7 +15,7 @@ - Fix look-and-feel (Window theme apply now automatically) - Update readme -#### Version 1.4 - 5 April 2018 +#### Version 1.4 - Update readme (new one-line sed command for Papirus iconpack colors change) - Kvantum : Update slidercursor-disabled control svg - Kvantum : Update dial control svg @@ -30,7 +30,7 @@ - Plasma theme : Change default icons Papirus-Adapta to Papirus-Adapta-Nokto (better render on dark theme) - Kvantum : Update scrollbar (flat design). -#### Version 2.0 - 13 May 2019 +#### Version 2.0 Full 2019 rework ! New theme elements, most items, colors and fonts have been reworked in all parts of the themes. @@ -89,6 +89,13 @@ o Extra : - New! : Firefox Quantum theme available at : https://addons.mozilla.org/addon/darkine -#### Version 2.1 - 14 May 2019 +#### Version 2.1 - Add Konsole color-scheme. -- Desktop-theme : Add notes.svg (widget). \ No newline at end of file +- Desktop-theme : Add notes.svg (widget). +- Kvantum : Fix toolbar (frame.top) spacing issue. + +- New! : Add Darkine-GTK theme. +- Icons : update gtk "stop" and derivates +- icons : Add index.theme [emblems/symbolic]. +- icons : Fix "Gtk-WARNING : Theme directory 22 has no size field". +- L&F : Add Darkine-GTK to the look-and-feel package \ No newline at end of file diff --git a/Kvantum/Darkine/Darkine.kvconfig b/Kvantum/Darkine/Darkine.kvconfig index 76083bd..bbbcab8 100644 --- a/Kvantum/Darkine/Darkine.kvconfig +++ b/Kvantum/Darkine/Darkine.kvconfig @@ -338,7 +338,7 @@ frame=true frame.element=toolbar interior.element=toolbar indicator.element=toolbar -frame.top=4 +frame.top=0 frame.left=0 frame.right=0 frame.bottom=4 diff --git a/Makefile b/Makefile index 18b816d..4331749 100644 --- a/Makefile +++ b/Makefile @@ -3,7 +3,7 @@ PREFIX ?= /usr IGNORE ?= -THEMES ?= plasma color-schemes aurorae Kvantum icons sddm wallpapers konsole +THEMES ?= plasma color-schemes aurorae Kvantum icons sddm wallpapers konsole themes # excludes IGNORE from THEMES list THEMES := $(filter-out $(IGNORE), $(THEMES)) @@ -25,6 +25,7 @@ uninstall: -rm -rf $(DESTDIR)$(PREFIX)/share/sddm/themes/darkine -rm -rf $(DESTDIR)$(PREFIX)/share/wallpapers/Darkine -rm -r $(DESTDIR)$(PREFIX)/share/konsole/Darkine.colorscheme + -rm -rf $(DESTDIR)$(PREFIX)/share/themes/Darkine _get_version: $(eval VERSION := $(shell git show -s --format=%cd --date=format:%Y%m%d HEAD)) diff --git a/icons/darkine/actions/16/process-stop.svg b/icons/darkine/actions/16/process-stop.svg index 80a30f7..9a33cdf 100644 --- a/icons/darkine/actions/16/process-stop.svg +++ b/icons/darkine/actions/16/process-stop.svg @@ -4,5 +4,5 @@ .ColorScheme-Text { color:#e50012; } .ColorScheme-Highlight { color:#4285f4; } - + diff --git a/icons/darkine/actions/22/process-stop.svg b/icons/darkine/actions/22/process-stop.svg index 31abf0d..64b1866 100644 --- a/icons/darkine/actions/22/process-stop.svg +++ b/icons/darkine/actions/22/process-stop.svg @@ -4,5 +4,5 @@ .ColorScheme-Text { color:#e50012; } .ColorScheme-Highlight { color:#4285f4; } - + diff --git a/icons/darkine/actions/24/process-stop.svg b/icons/darkine/actions/24/process-stop.svg index c673733..6bb1f74 100644 --- a/icons/darkine/actions/24/process-stop.svg +++ b/icons/darkine/actions/24/process-stop.svg @@ -4,5 +4,5 @@ .ColorScheme-Text { color:#e50012; } .ColorScheme-Highlight { color:#4285f4; } - + diff --git a/icons/darkine/index.theme b/icons/darkine/index.theme index 7184c28..434fb6d 100644 --- a/icons/darkine/index.theme +++ b/icons/darkine/index.theme @@ -1,7 +1,7 @@ [Icon Theme] Name=Darkine Comment=Darkine -Inherits=breeze,hicolor +Inherits=breeze,gnome,hicolor DisplayDepth=32 Example=folder FollowsColorScheme=true @@ -23,7 +23,7 @@ KDE-Extensions=.svg ########## Directories -Directories=actions/12,actions/16,actions/22,actions/24,actions/32,actions/64,actions/symbolic,places/16,places/22,places/32,places/64,places/symbolic,22,apps/16,apps/22,apps/32,apps/48,emblems/8,emblems/16,emblems/22 +Directories=actions/12,actions/16,actions/22,actions/24,actions/32,actions/64,actions/symbolic,places/16,places/22,places/32,places/64,places/symbolic,apps/16,apps/22,apps/32,apps/48,emblems/8,emblems/16,emblems/22 ScaledDirectories=actions/16@2x,actions/22@2x,actions/24@2x,actions/32@2x,places/16@2x,places/22@2x,apps/16@2x,apps/22@2x,emblems/16@2x,emblems/22@2x ########## Actions @@ -250,6 +250,13 @@ MinSize=8 MaxSize=512 Type=Scalable +[emblems/symbolic] +Context=Emblems +Size=16 +MinSize=8 +MaxSize=512 +Type=Scalable + [places/symbolic] Context=Places Size=16 diff --git a/install.sh b/install.sh index b8431a4..7990bee 100755 --- a/install.sh +++ b/install.sh @@ -60,6 +60,7 @@ _uninstall() { _rm "${PREFIX}/share/sddm/themes/${name,,}" _rm "${PREFIX}/share/wallpapers/${name^}" _rm "${PREFIX}/share/konsole/Darkine.colorscheme" + _rm "${PREFIX}/share/themes/${name^}" } _install() { @@ -73,6 +74,7 @@ _install() { "${temp_dir}/${gh_repo}-master/sddm" \ "${temp_dir}/${gh_repo}-master/wallpapers" \ "${temp_dir}/${gh_repo}-master/konsole" \ + "${temp_dir}/${gh_repo}-master/themes" \ "${PREFIX}/share" } diff --git a/plasma/desktoptheme/darkine/metadata.desktop b/plasma/desktoptheme/darkine/metadata.desktop index c09f8da..209c4bb 100644 --- a/plasma/desktoptheme/darkine/metadata.desktop +++ b/plasma/desktoptheme/darkine/metadata.desktop @@ -25,3 +25,6 @@ contrast=0.2 #intensity is disabled, in order to auto adjust to the chosen theme color #intensity=2.0 saturation=1.7 + +[BlurBehindEffect] +enabled=false \ No newline at end of file diff --git a/plasma/look-and-feel/darkine/metadata.desktop b/plasma/look-and-feel/darkine/metadata.desktop index 9665f96..31d1fa3 100644 --- a/plasma/look-and-feel/darkine/metadata.desktop +++ b/plasma/look-and-feel/darkine/metadata.desktop @@ -52,4 +52,4 @@ X-KDE-PluginInfo-Name=darkine X-KDE-PluginInfo-Version=2.0 X-KDE-PluginInfo-Website=https://github.com/Rokin05 X-Plasma-MainScript=defaults -X-KPackage-Dependencies=kns://lookandfeel.knsrc/api.kde-look.org/1226052,kns://plasma-themes.knsrc/api.kde-look.org/1226050,kns://aurorae.knsrc/api.kde-look.org/1226049,kns://colorschemes.knsrc/api.kde-look.org/1226045,kns://icons.knsrc/api.kde-look.org/1304954,kns://sddmtheme.knsrc/api.kde-look.org/1226079,kns://wallpaper.knsrc/api.kde-look.org/1305212 \ No newline at end of file +X-KPackage-Dependencies=kns://lookandfeel.knsrc/api.kde-look.org/1226052,kns://plasma-themes.knsrc/api.kde-look.org/1226050,kns://aurorae.knsrc/api.kde-look.org/1226049,kns://colorschemes.knsrc/api.kde-look.org/1226045,kns://icons.knsrc/api.kde-look.org/1304954,kns://sddmtheme.knsrc/api.kde-look.org/1226079,kns://wallpaper.knsrc/api.kde-look.org/1305212,kns://cgcgtk3.knsrc/api.kde-look.org/1305725 \ No newline at end of file diff --git a/themes/Darkine/CREDITS b/themes/Darkine/CREDITS new file mode 100644 index 0000000..4e0fc4a --- /dev/null +++ b/themes/Darkine/CREDITS @@ -0,0 +1,13 @@ + ______ _ _ +(______) | | (_) + _ _ _____ ____| | _ _ ____ _____ +| | | (____ |/ ___) |_/ ) | _ \| ___ | +| |__/ // ___ | | | _ (| | | | | ____| +|_____/ \_____|_| |_| \_)_|_| |_|_____) + +Darkine - KDE Theme +Rokin - https://github.com/Rokin05/darkine-kde.git + +This is a theme based on KDE Breeze-GTK and use the WM Sweet icon : +KDE Breeze-GTK - https://github.com/KDE/breeze-gtk +Sweet - https://github.com/EliverLara/Sweet \ No newline at end of file diff --git a/themes/Darkine/DARKINE b/themes/Darkine/DARKINE new file mode 100644 index 0000000..d13d88c --- /dev/null +++ b/themes/Darkine/DARKINE @@ -0,0 +1,9 @@ +__________ __ .__ +\______ \ ____ | | _|__| ____ + | _// _ \| |/ / |/ \ + | | ( <_> ) <| | | \ + |____|_ /\____/|__|_ \__|___| / + \/ \/ \/ + +https://github.com/Rokin05 +https://www.opendesktop.org/member/494638/ diff --git a/themes/Darkine/LICENSE b/themes/Darkine/LICENSE new file mode 100644 index 0000000..729f5d7 --- /dev/null +++ b/themes/Darkine/LICENSE @@ -0,0 +1,675 @@ + GNU GENERAL PUBLIC LICENSE + Version 3, 29 June 2007 + + Copyright (C) 2007 Free Software Foundation, Inc. + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The GNU General Public License is a free, copyleft license for +software and other kinds of works. + + The licenses for most software and other practical works are designed +to take away your freedom to share and change the works. By contrast, +the GNU General Public License is intended to guarantee your freedom to +share and change all versions of a program--to make sure it remains free +software for all its users. We, the Free Software Foundation, use the +GNU General Public License for most of our software; it applies also to +any other work released this way by its authors. You can apply it to +your programs, too. + + When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +them if you wish), that you receive source code or can get it if you +want it, that you can change the software or use pieces of it in new +free programs, and that you know you can do these things. + + To protect your rights, we need to prevent others from denying you +these rights or asking you to surrender the rights. Therefore, you have +certain responsibilities if you distribute copies of the software, or if +you modify it: responsibilities to respect the freedom of others. + + For example, if you distribute copies of such a program, whether +gratis or for a fee, you must pass on to the recipients the same +freedoms that you received. You must make sure that they, too, receive +or can get the source code. And you must show them these terms so they +know their rights. + + Developers that use the GNU GPL protect your rights with two steps: +(1) assert copyright on the software, and (2) offer you this License +giving you legal permission to copy, distribute and/or modify it. + + For the developers' and authors' protection, the GPL clearly explains +that there is no warranty for this free software. For both users' and +authors' sake, the GPL requires that modified versions be marked as +changed, so that their problems will not be attributed erroneously to +authors of previous versions. + + Some devices are designed to deny users access to install or run +modified versions of the software inside them, although the manufacturer +can do so. This is fundamentally incompatible with the aim of +protecting users' freedom to change the software. The systematic +pattern of such abuse occurs in the area of products for individuals to +use, which is precisely where it is most unacceptable. Therefore, we +have designed this version of the GPL to prohibit the practice for those +products. If such problems arise substantially in other domains, we +stand ready to extend this provision to those domains in future versions +of the GPL, as needed to protect the freedom of users. + + Finally, every program is threatened constantly by software patents. +States should not allow patents to restrict development and use of +software on general-purpose computers, but in those that do, we wish to +avoid the special danger that patents applied to a free program could +make it effectively proprietary. To prevent this, the GPL assures that +patents cannot be used to render the program non-free. + + The precise terms and conditions for copying, distribution and +modification follow. + + TERMS AND CONDITIONS + + 0. Definitions. + + "This License" refers to version 3 of the GNU General Public License. + + "Copyright" also means copyright-like laws that apply to other kinds of +works, such as semiconductor masks. + + "The Program" refers to any copyrightable work licensed under this +License. Each licensee is addressed as "you". "Licensees" and +"recipients" may be individuals or organizations. + + To "modify" a work means to copy from or adapt all or part of the work +in a fashion requiring copyright permission, other than the making of an +exact copy. The resulting work is called a "modified version" of the +earlier work or a work "based on" the earlier work. + + A "covered work" means either the unmodified Program or a work based +on the Program. + + To "propagate" a work means to do anything with it that, without +permission, would make you directly or secondarily liable for +infringement under applicable copyright law, except executing it on a +computer or modifying a private copy. Propagation includes copying, +distribution (with or without modification), making available to the +public, and in some countries other activities as well. + + To "convey" a work means any kind of propagation that enables other +parties to make or receive copies. Mere interaction with a user through +a computer network, with no transfer of a copy, is not conveying. + + An interactive user interface displays "Appropriate Legal Notices" +to the extent that it includes a convenient and prominently visible +feature that (1) displays an appropriate copyright notice, and (2) +tells the user that there is no warranty for the work (except to the +extent that warranties are provided), that licensees may convey the +work under this License, and how to view a copy of this License. If +the interface presents a list of user commands or options, such as a +menu, a prominent item in the list meets this criterion. + + 1. Source Code. + + The "source code" for a work means the preferred form of the work +for making modifications to it. "Object code" means any non-source +form of a work. + + A "Standard Interface" means an interface that either is an official +standard defined by a recognized standards body, or, in the case of +interfaces specified for a particular programming language, one that +is widely used among developers working in that language. + + The "System Libraries" of an executable work include anything, other +than the work as a whole, that (a) is included in the normal form of +packaging a Major Component, but which is not part of that Major +Component, and (b) serves only to enable use of the work with that +Major Component, or to implement a Standard Interface for which an +implementation is available to the public in source code form. A +"Major Component", in this context, means a major essential component +(kernel, window system, and so on) of the specific operating system +(if any) on which the executable work runs, or a compiler used to +produce the work, or an object code interpreter used to run it. + + The "Corresponding Source" for a work in object code form means all +the source code needed to generate, install, and (for an executable +work) run the object code and to modify the work, including scripts to +control those activities. However, it does not include the work's +System Libraries, or general-purpose tools or generally available free +programs which are used unmodified in performing those activities but +which are not part of the work. For example, Corresponding Source +includes interface definition files associated with source files for +the work, and the source code for shared libraries and dynamically +linked subprograms that the work is specifically designed to require, +such as by intimate data communication or control flow between those +subprograms and other parts of the work. + + The Corresponding Source need not include anything that users +can regenerate automatically from other parts of the Corresponding +Source. + + The Corresponding Source for a work in source code form is that +same work. + + 2. Basic Permissions. + + All rights granted under this License are granted for the term of +copyright on the Program, and are irrevocable provided the stated +conditions are met. This License explicitly affirms your unlimited +permission to run the unmodified Program. The output from running a +covered work is covered by this License only if the output, given its +content, constitutes a covered work. This License acknowledges your +rights of fair use or other equivalent, as provided by copyright law. + + You may make, run and propagate covered works that you do not +convey, without conditions so long as your license otherwise remains +in force. You may convey covered works to others for the sole purpose +of having them make modifications exclusively for you, or provide you +with facilities for running those works, provided that you comply with +the terms of this License in conveying all material for which you do +not control copyright. Those thus making or running the covered works +for you must do so exclusively on your behalf, under your direction +and control, on terms that prohibit them from making any copies of +your copyrighted material outside their relationship with you. + + Conveying under any other circumstances is permitted solely under +the conditions stated below. Sublicensing is not allowed; section 10 +makes it unnecessary. + + 3. Protecting Users' Legal Rights From Anti-Circumvention Law. + + No covered work shall be deemed part of an effective technological +measure under any applicable law fulfilling obligations under article +11 of the WIPO copyright treaty adopted on 20 December 1996, or +similar laws prohibiting or restricting circumvention of such +measures. + + When you convey a covered work, you waive any legal power to forbid +circumvention of technological measures to the extent such circumvention +is effected by exercising rights under this License with respect to +the covered work, and you disclaim any intention to limit operation or +modification of the work as a means of enforcing, against the work's +users, your or third parties' legal rights to forbid circumvention of +technological measures. + + 4. Conveying Verbatim Copies. + + You may convey verbatim copies of the Program's source code as you +receive it, in any medium, provided that you conspicuously and +appropriately publish on each copy an appropriate copyright notice; +keep intact all notices stating that this License and any +non-permissive terms added in accord with section 7 apply to the code; +keep intact all notices of the absence of any warranty; and give all +recipients a copy of this License along with the Program. + + You may charge any price or no price for each copy that you convey, +and you may offer support or warranty protection for a fee. + + 5. Conveying Modified Source Versions. + + You may convey a work based on the Program, or the modifications to +produce it from the Program, in the form of source code under the +terms of section 4, provided that you also meet all of these conditions: + + a) The work must carry prominent notices stating that you modified + it, and giving a relevant date. + + b) The work must carry prominent notices stating that it is + released under this License and any conditions added under section + 7. This requirement modifies the requirement in section 4 to + "keep intact all notices". + + c) You must license the entire work, as a whole, under this + License to anyone who comes into possession of a copy. This + License will therefore apply, along with any applicable section 7 + additional terms, to the whole of the work, and all its parts, + regardless of how they are packaged. This License gives no + permission to license the work in any other way, but it does not + invalidate such permission if you have separately received it. + + d) If the work has interactive user interfaces, each must display + Appropriate Legal Notices; however, if the Program has interactive + interfaces that do not display Appropriate Legal Notices, your + work need not make them do so. + + A compilation of a covered work with other separate and independent +works, which are not by their nature extensions of the covered work, +and which are not combined with it such as to form a larger program, +in or on a volume of a storage or distribution medium, is called an +"aggregate" if the compilation and its resulting copyright are not +used to limit the access or legal rights of the compilation's users +beyond what the individual works permit. Inclusion of a covered work +in an aggregate does not cause this License to apply to the other +parts of the aggregate. + + 6. Conveying Non-Source Forms. + + You may convey a covered work in object code form under the terms +of sections 4 and 5, provided that you also convey the +machine-readable Corresponding Source under the terms of this License, +in one of these ways: + + a) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by the + Corresponding Source fixed on a durable physical medium + customarily used for software interchange. + + b) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by a + written offer, valid for at least three years and valid for as + long as you offer spare parts or customer support for that product + model, to give anyone who possesses the object code either (1) a + copy of the Corresponding Source for all the software in the + product that is covered by this License, on a durable physical + medium customarily used for software interchange, for a price no + more than your reasonable cost of physically performing this + conveying of source, or (2) access to copy the + Corresponding Source from a network server at no charge. + + c) Convey individual copies of the object code with a copy of the + written offer to provide the Corresponding Source. This + alternative is allowed only occasionally and noncommercially, and + only if you received the object code with such an offer, in accord + with subsection 6b. + + d) Convey the object code by offering access from a designated + place (gratis or for a charge), and offer equivalent access to the + Corresponding Source in the same way through the same place at no + further charge. You need not require recipients to copy the + Corresponding Source along with the object code. If the place to + copy the object code is a network server, the Corresponding Source + may be on a different server (operated by you or a third party) + that supports equivalent copying facilities, provided you maintain + clear directions next to the object code saying where to find the + Corresponding Source. Regardless of what server hosts the + Corresponding Source, you remain obligated to ensure that it is + available for as long as needed to satisfy these requirements. + + e) Convey the object code using peer-to-peer transmission, provided + you inform other peers where the object code and Corresponding + Source of the work are being offered to the general public at no + charge under subsection 6d. + + A separable portion of the object code, whose source code is excluded +from the Corresponding Source as a System Library, need not be +included in conveying the object code work. + + A "User Product" is either (1) a "consumer product", which means any +tangible personal property which is normally used for personal, family, +or household purposes, or (2) anything designed or sold for incorporation +into a dwelling. In determining whether a product is a consumer product, +doubtful cases shall be resolved in favor of coverage. For a particular +product received by a particular user, "normally used" refers to a +typical or common use of that class of product, regardless of the status +of the particular user or of the way in which the particular user +actually uses, or expects or is expected to use, the product. A product +is a consumer product regardless of whether the product has substantial +commercial, industrial or non-consumer uses, unless such uses represent +the only significant mode of use of the product. + + "Installation Information" for a User Product means any methods, +procedures, authorization keys, or other information required to install +and execute modified versions of a covered work in that User Product from +a modified version of its Corresponding Source. The information must +suffice to ensure that the continued functioning of the modified object +code is in no case prevented or interfered with solely because +modification has been made. + + If you convey an object code work under this section in, or with, or +specifically for use in, a User Product, and the conveying occurs as +part of a transaction in which the right of possession and use of the +User Product is transferred to the recipient in perpetuity or for a +fixed term (regardless of how the transaction is characterized), the +Corresponding Source conveyed under this section must be accompanied +by the Installation Information. But this requirement does not apply +if neither you nor any third party retains the ability to install +modified object code on the User Product (for example, the work has +been installed in ROM). + + The requirement to provide Installation Information does not include a +requirement to continue to provide support service, warranty, or updates +for a work that has been modified or installed by the recipient, or for +the User Product in which it has been modified or installed. Access to a +network may be denied when the modification itself materially and +adversely affects the operation of the network or violates the rules and +protocols for communication across the network. + + Corresponding Source conveyed, and Installation Information provided, +in accord with this section must be in a format that is publicly +documented (and with an implementation available to the public in +source code form), and must require no special password or key for +unpacking, reading or copying. + + 7. Additional Terms. + + "Additional permissions" are terms that supplement the terms of this +License by making exceptions from one or more of its conditions. +Additional permissions that are applicable to the entire Program shall +be treated as though they were included in this License, to the extent +that they are valid under applicable law. If additional permissions +apply only to part of the Program, that part may be used separately +under those permissions, but the entire Program remains governed by +this License without regard to the additional permissions. + + When you convey a copy of a covered work, you may at your option +remove any additional permissions from that copy, or from any part of +it. (Additional permissions may be written to require their own +removal in certain cases when you modify the work.) You may place +additional permissions on material, added by you to a covered work, +for which you have or can give appropriate copyright permission. + + Notwithstanding any other provision of this License, for material you +add to a covered work, you may (if authorized by the copyright holders of +that material) supplement the terms of this License with terms: + + a) Disclaiming warranty or limiting liability differently from the + terms of sections 15 and 16 of this License; or + + b) Requiring preservation of specified reasonable legal notices or + author attributions in that material or in the Appropriate Legal + Notices displayed by works containing it; or + + c) Prohibiting misrepresentation of the origin of that material, or + requiring that modified versions of such material be marked in + reasonable ways as different from the original version; or + + d) Limiting the use for publicity purposes of names of licensors or + authors of the material; or + + e) Declining to grant rights under trademark law for use of some + trade names, trademarks, or service marks; or + + f) Requiring indemnification of licensors and authors of that + material by anyone who conveys the material (or modified versions of + it) with contractual assumptions of liability to the recipient, for + any liability that these contractual assumptions directly impose on + those licensors and authors. + + All other non-permissive additional terms are considered "further +restrictions" within the meaning of section 10. If the Program as you +received it, or any part of it, contains a notice stating that it is +governed by this License along with a term that is a further +restriction, you may remove that term. If a license document contains +a further restriction but permits relicensing or conveying under this +License, you may add to a covered work material governed by the terms +of that license document, provided that the further restriction does +not survive such relicensing or conveying. + + If you add terms to a covered work in accord with this section, you +must place, in the relevant source files, a statement of the +additional terms that apply to those files, or a notice indicating +where to find the applicable terms. + + Additional terms, permissive or non-permissive, may be stated in the +form of a separately written license, or stated as exceptions; +the above requirements apply either way. + + 8. Termination. + + You may not propagate or modify a covered work except as expressly +provided under this License. Any attempt otherwise to propagate or +modify it is void, and will automatically terminate your rights under +this License (including any patent licenses granted under the third +paragraph of section 11). + + However, if you cease all violation of this License, then your +license from a particular copyright holder is reinstated (a) +provisionally, unless and until the copyright holder explicitly and +finally terminates your license, and (b) permanently, if the copyright +holder fails to notify you of the violation by some reasonable means +prior to 60 days after the cessation. + + Moreover, your license from a particular copyright holder is +reinstated permanently if the copyright holder notifies you of the +violation by some reasonable means, this is the first time you have +received notice of violation of this License (for any work) from that +copyright holder, and you cure the violation prior to 30 days after +your receipt of the notice. + + Termination of your rights under this section does not terminate the +licenses of parties who have received copies or rights from you under +this License. If your rights have been terminated and not permanently +reinstated, you do not qualify to receive new licenses for the same +material under section 10. + + 9. Acceptance Not Required for Having Copies. + + You are not required to accept this License in order to receive or +run a copy of the Program. Ancillary propagation of a covered work +occurring solely as a consequence of using peer-to-peer transmission +to receive a copy likewise does not require acceptance. However, +nothing other than this License grants you permission to propagate or +modify any covered work. These actions infringe copyright if you do +not accept this License. Therefore, by modifying or propagating a +covered work, you indicate your acceptance of this License to do so. + + 10. Automatic Licensing of Downstream Recipients. + + Each time you convey a covered work, the recipient automatically +receives a license from the original licensors, to run, modify and +propagate that work, subject to this License. You are not responsible +for enforcing compliance by third parties with this License. + + An "entity transaction" is a transaction transferring control of an +organization, or substantially all assets of one, or subdividing an +organization, or merging organizations. If propagation of a covered +work results from an entity transaction, each party to that +transaction who receives a copy of the work also receives whatever +licenses to the work the party's predecessor in interest had or could +give under the previous paragraph, plus a right to possession of the +Corresponding Source of the work from the predecessor in interest, if +the predecessor has it or can get it with reasonable efforts. + + You may not impose any further restrictions on the exercise of the +rights granted or affirmed under this License. For example, you may +not impose a license fee, royalty, or other charge for exercise of +rights granted under this License, and you may not initiate litigation +(including a cross-claim or counterclaim in a lawsuit) alleging that +any patent claim is infringed by making, using, selling, offering for +sale, or importing the Program or any portion of it. + + 11. Patents. + + A "contributor" is a copyright holder who authorizes use under this +License of the Program or a work on which the Program is based. The +work thus licensed is called the contributor's "contributor version". + + A contributor's "essential patent claims" are all patent claims +owned or controlled by the contributor, whether already acquired or +hereafter acquired, that would be infringed by some manner, permitted +by this License, of making, using, or selling its contributor version, +but do not include claims that would be infringed only as a +consequence of further modification of the contributor version. For +purposes of this definition, "control" includes the right to grant +patent sublicenses in a manner consistent with the requirements of +this License. + + Each contributor grants you a non-exclusive, worldwide, royalty-free +patent license under the contributor's essential patent claims, to +make, use, sell, offer for sale, import and otherwise run, modify and +propagate the contents of its contributor version. + + In the following three paragraphs, a "patent license" is any express +agreement or commitment, however denominated, not to enforce a patent +(such as an express permission to practice a patent or covenant not to +sue for patent infringement). To "grant" such a patent license to a +party means to make such an agreement or commitment not to enforce a +patent against the party. + + If you convey a covered work, knowingly relying on a patent license, +and the Corresponding Source of the work is not available for anyone +to copy, free of charge and under the terms of this License, through a +publicly available network server or other readily accessible means, +then you must either (1) cause the Corresponding Source to be so +available, or (2) arrange to deprive yourself of the benefit of the +patent license for this particular work, or (3) arrange, in a manner +consistent with the requirements of this License, to extend the patent +license to downstream recipients. "Knowingly relying" means you have +actual knowledge that, but for the patent license, your conveying the +covered work in a country, or your recipient's use of the covered work +in a country, would infringe one or more identifiable patents in that +country that you have reason to believe are valid. + + If, pursuant to or in connection with a single transaction or +arrangement, you convey, or propagate by procuring conveyance of, a +covered work, and grant a patent license to some of the parties +receiving the covered work authorizing them to use, propagate, modify +or convey a specific copy of the covered work, then the patent license +you grant is automatically extended to all recipients of the covered +work and works based on it. + + A patent license is "discriminatory" if it does not include within +the scope of its coverage, prohibits the exercise of, or is +conditioned on the non-exercise of one or more of the rights that are +specifically granted under this License. You may not convey a covered +work if you are a party to an arrangement with a third party that is +in the business of distributing software, under which you make payment +to the third party based on the extent of your activity of conveying +the work, and under which the third party grants, to any of the +parties who would receive the covered work from you, a discriminatory +patent license (a) in connection with copies of the covered work +conveyed by you (or copies made from those copies), or (b) primarily +for and in connection with specific products or compilations that +contain the covered work, unless you entered into that arrangement, +or that patent license was granted, prior to 28 March 2007. + + Nothing in this License shall be construed as excluding or limiting +any implied license or other defenses to infringement that may +otherwise be available to you under applicable patent law. + + 12. No Surrender of Others' Freedom. + + If conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot convey a +covered work so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you may +not convey it at all. For example, if you agree to terms that obligate you +to collect a royalty for further conveying from those to whom you convey +the Program, the only way you could satisfy both those terms and this +License would be to refrain entirely from conveying the Program. + + 13. Use with the GNU Affero General Public License. + + Notwithstanding any other provision of this License, you have +permission to link or combine any covered work with a work licensed +under version 3 of the GNU Affero General Public License into a single +combined work, and to convey the resulting work. The terms of this +License will continue to apply to the part which is the covered work, +but the special requirements of the GNU Affero General Public License, +section 13, concerning interaction through a network will apply to the +combination as such. + + 14. Revised Versions of this License. + + The Free Software Foundation may publish revised and/or new versions of +the GNU General Public License from time to time. Such new versions will +be similar in spirit to the present version, but may differ in detail to +address new problems or concerns. + + Each version is given a distinguishing version number. If the +Program specifies that a certain numbered version of the GNU General +Public License "or any later version" applies to it, you have the +option of following the terms and conditions either of that numbered +version or of any later version published by the Free Software +Foundation. If the Program does not specify a version number of the +GNU General Public License, you may choose any version ever published +by the Free Software Foundation. + + If the Program specifies that a proxy can decide which future +versions of the GNU General Public License can be used, that proxy's +public statement of acceptance of a version permanently authorizes you +to choose that version for the Program. + + Later license versions may give you additional or different +permissions. However, no additional obligations are imposed on any +author or copyright holder as a result of your choosing to follow a +later version. + + 15. Disclaimer of Warranty. + + THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY +APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT +HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY +OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, +THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR +PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM +IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF +ALL NECESSARY SERVICING, REPAIR OR CORRECTION. + + 16. Limitation of Liability. + + IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS +THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY +GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE +USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF +DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD +PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), +EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF +SUCH DAMAGES. + + 17. Interpretation of Sections 15 and 16. + + If the disclaimer of warranty and limitation of liability provided +above cannot be given local legal effect according to their terms, +reviewing courts shall apply local law that most closely approximates +an absolute waiver of all civil liability in connection with the +Program, unless a warranty or assumption of liability accompanies a +copy of the Program in return for a fee. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +state the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + + Copyright (C) + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with this program. If not, see . + +Also add information on how to contact you by electronic and paper mail. + + If the program does terminal interaction, make it output a short +notice like this when it starts in an interactive mode: + + Copyright (C) + This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. + This is free software, and you are welcome to redistribute it + under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate +parts of the General Public License. Of course, your program's commands +might be different; for a GUI interface, you would use an "about box". + + You should also get your employer (if you work as a programmer) or school, +if any, to sign a "copyright disclaimer" for the program, if necessary. +For more information on this, and how to apply and follow the GNU GPL, see +. + + The GNU General Public License does not permit incorporating your program +into proprietary programs. If your program is a subroutine library, you +may consider it more useful to permit linking proprietary applications with +the library. If this is what you want to do, use the GNU Lesser General +Public License instead of this License. But first, please read +. + diff --git a/themes/Darkine/assets/arrow-down-active.png b/themes/Darkine/assets/arrow-down-active.png new file mode 100644 index 0000000000000000000000000000000000000000..dd8b06785fa1d1a2319a7403cd2a4ebcf68c2017 GIT binary patch literal 243 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}}6o-U3d z8WYc+H{?3xAi#RTes=d0w#JM#JWoWNq;7hZsUF{WOS-f8$$k)h%4w~D^W8NMy2^fPsX)#ly(Si;EgWPR_k!}}P{K6LRray|Wy pmdzdR2Y2JwPSQ&GCiqXqJS@_KCHOS-f8$$k)h%4w~D^W8NMy2^fPsX)#ly(Si;EgWPR_k!}}P{K6LRray|Wy pmdzdR2Y2JwPSQ&GCiqXqJS@_KCHm6x8mWzpiVMeq@qDl~K#DRani0 zBV^Kz%Ka7|3>Iy_7Hzp@wAjbn-)5>vY@kj!gTu>h8>PQ?KK2PJIrHdSpLFY&d&f8Y jUGH`>YI1#x{YlwGVJ~5Wf9Feq&Smg)^>bP0l+XkKHUeL0 literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-left-active.png b/themes/Darkine/assets/arrow-left-active.png new file mode 100644 index 0000000000000000000000000000000000000000..e68f3a021f3a333bbf6664b2e461836145e828bf GIT binary patch literal 243 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}}6o-U3d z8WX2Z+RJ;$K%n)$W%mY073UWdHnCpVS+e9z^PP#)CP*$|VQoId;==Q2F;nBl=8C6x zf0yh((6A*;*Cs#7%s3bh{4CjfTE|vsVV`5C{14XJ qwO=)3SIP8cTg>{ky+iAZ6u(ijPuBgzyXFAh%;4$j=d#Wzp$P!eqGq4~ literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-left-hover.png b/themes/Darkine/assets/arrow-left-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..e68f3a021f3a333bbf6664b2e461836145e828bf GIT binary patch literal 243 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}}6o-U3d z8WX2Z+RJ;$K%n)$W%mY073UWdHnCpVS+e9z^PP#)CP*$|VQoId;==Q2F;nBl=8C6x zf0yh((6A*;*Cs#7%s3bh{4CjfTE|vsVV`5C{14XJ qwO=)3SIP8cTg>{ky+iAZ6u(ijPuBgzyXFAh%;4$j=d#Wzp$P!eqGq4~ literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-left-insensitive.png b/themes/Darkine/assets/arrow-left-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..e0417359f7c1ec335f36b168a91cd50327428996 GIT binary patch literal 255 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}}Uo-U3d z8WWQf4lv(Iy1V1z(HRArd^{z>kAEC`(zmWta(2@B0RO;c|9i}M>g(liZ>u_Aonq;h z({=OTzwJN&KmWebclNh^F4NOhTn)P>Gcn&iBJtnwmXYxv>s^J9=Y{Y1({}mt4u(5z z(&q2#LNA5Z9{w`_qFZd}zrSZ^f8YP;>H#1qcz$bczL(Xi{78wJYYH# literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-left.png b/themes/Darkine/assets/arrow-left.png new file mode 100644 index 0000000000000000000000000000000000000000..6c401cc0f2c7fddead529adac9fa02ab7cd8a594 GIT binary patch literal 231 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}}go-U3d z8WWQf4lpYzF^OC_I^%;z*^l!d-iz!~TO*~U^e6Yf;h*@EM}F8R9qr=fpYT*-qjp-v z;WIzgTe~DWM4f;fY{* literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-right-active.png b/themes/Darkine/assets/arrow-right-active.png new file mode 100644 index 0000000000000000000000000000000000000000..a6f081c59b720098aaf20ac15f6bfa029a40a0b1 GIT binary patch literal 246 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v~0So-U3d z8WWQf9GE2~Ik{dWooL{6HoW{lSkjV{Z-)C*yZS!({J0qj3_6JX#*uXVgjfc0zB=IW4<&>nninhjw|Gk8Z4_{9Ai>)|tpy63& z5`&+#k+E=&q{P4VX+MsOSSH_U`fE_=7Sr|L_+R|t5B-`&$9jJLp77Mb<7GM)4lUC;)Oi^maQh|JzI@sObT)&htDnm{r-UW|c8^~s literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-right-hover.png b/themes/Darkine/assets/arrow-right-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..a6f081c59b720098aaf20ac15f6bfa029a40a0b1 GIT binary patch literal 246 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v~0So-U3d z8WWQf9GE2~Ik{dWooL{6HoW{lSkjV{Z-)C*yZS!({J0qj3_6JX#*uXVgjfc0zB=IW4<&>nninhjw|Gk8Z4_{9Ai>)|tpy63& z5`&+#k+E=&q{P4VX+MsOSSH_U`fE_=7Sr|L_+R|t5B-`&$9jJLp77Mb<7GM)4lUC;)Oi^maQh|JzI@sObT)&htDnm{r-UW|c8^~s literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-right-insensitive.png b/themes/Darkine/assets/arrow-right-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..3733b1d1813bd0a60020911db195d5dc735b3e1e GIT binary patch literal 247 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}}co-U3d z8WWQf9GLSq=G}RbbfSSX*6_Hv+V=wv=7up+GbUP=>)-vmcFF2rZ7=N?_wHKt=l5*$ z_w`3tHv+-Kb6c(NPbmqxzsbNTGWl}L!o~?|YoropZ84d0?{9k2#*3Fis;VC!ySrXu zo*LVOEeDOS1Wy5)!h87s{o`hNcRq8eo$K&6ynX+_+5i84?6zfIzBm0uk%ZI-&9sCA sLWOJU|J^qF`@dXdcG8-LfJ+Pv>MbEbXI@_M1iG8S)78&qol`;+09@2>{r~^~ literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-right.png b/themes/Darkine/assets/arrow-right.png new file mode 100644 index 0000000000000000000000000000000000000000..fed5e6a1db7802b937c6e55812bea94a8ba78acd GIT binary patch literal 244 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}~no-U3d z8WWQf9GC?K8M$60ooL{U{aD{tzg$U)Nv0q(!R=Yh&Z5W7)7D)pWNZ7s`fJJ6bFn*% zUfad-@&Lj0b$2S3EL~mt=zo1%=na#^4230}tJ!9##mb&F{x2yJ_Ucu}ynRJak1?~c znfMDc7u*sMe3<{czcJC&`0@V}qS|I}+dGXP1@38^`7!>C>OE1piwIIvv8nOWzN ngyf7vVQX#_G;rt(`bjaoHVj;Rvt^qy(9sN@u6{1-oD!MtEo47r#b1z1);SN+bV++5pQ(CMSn{HB=4?DHe%{R+qGJZ~5VnFwq<)V3~9Lh;b@ z`k6{KhdwoCUiUjKtFTJEYF$Y#OM%6^?QQEyW-qN-_Q`4c&aIz)<)7|mt+`!SzIytK exVAq2&rJX3E8kfifA%xbVg^rFKbLh*2~7aFCr73L literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-small-down-hover.png b/themes/Darkine/assets/arrow-small-down-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..c4a50d01d524c93d8e74ad3b0b919512bf081e87 GIT binary patch literal 184 zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt_+o-U3d z5>tEo47r#b1z1);SN+bV++5pQ(CMSn{HB=4?DHe%{R+qGJZ~5VnFwq<)V3~9Lh;b@ z`k6{KhdwoCUiUjKtFTJEYF$Y#OM%6^?QQEyW-qN-_Q`4c&aIz)<)7|mt+`!SzIytK exVAq2&rJX3E8kfifA%xbVg^rFKbLh*2~7aFCr73L literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-small-down-insensitive.png b/themes/Darkine/assets/arrow-small-down-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..f0d59229797ce27ec968081ba37cb473c4ee5784 GIT binary patch literal 181 zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt^xo-U3d z5>t~C6xeng-BtKlD7mD&^zpMFhn}1}^Wpu8Utf2}85$TEu(0jw{F|Dv>F2@E`RdBd z%*@T{E0$~AzW?9s|NlRB-)7H!E8nv>^YXpvJqF5&yCi^Mg0C}UV`E+t2)kI$$zWi3 XBB607?%HZ^psfs^u6{1-oD!M<|8Yl| literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-small-down.png b/themes/Darkine/assets/arrow-small-down.png new file mode 100644 index 0000000000000000000000000000000000000000..e84201bfd256f0ca8423111d5719921609c836e6 GIT binary patch literal 179 zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt@`o-U3d z5>tEo47pky1X!}K_5a{fZmvBPx8Tga3$E`R4D5UUPBKVNQfS&BTIO8p%)4r3?P(X& zt$lBuB)lWHt?ubN>-2&p;l%v7J9WJgW&G_2w+o)Wyyf51Wk4B*^4rDctCmHS?wKXL X^`6R;kP_Z}pq&h!u6{1-oD!Mt~C4lo%R35g`+sPUYf!@|zC?EmtFt^kpgG_@N>e}35EtiKDR8u=cm&9N+f*f??Jzrthxc~<-O^q!k*S^UtB83>fa-2eUF-}O*_ gvE&)qioKi+*90_TW<_tG3$&iW)78&qol`;+0EVSSAOHXW literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-small-left-hover.png b/themes/Darkine/assets/arrow-small-left-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..83b7b428a300fb0b16d899083f65eb9aa8cf2422 GIT binary patch literal 190 zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt_|o-U3d z5>t~C4lo%R35g`+sPUYf!@|zC?EmtFt^kpgG_@N>e}35EtiKDR8u=cm&9N+f*f??Jzrthxc~<-O^q!k*S^UtB83>fa-2eUF-}O*_ gvE&)qioKi+*90_TW<_tG3$&iW)78&qol`;+0EVSSAOHXW literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-small-left-insensitive.png b/themes/Darkine/assets/arrow-small-left-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..cb44d9a1bcf9f0fbea38e11398f5548faa5cbf38 GIT binary patch literal 200 zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt_&o-U3d z5>t~C4lvzGy1OGWN3G=K0S9x#K7F5e2CipLOq#cF-Xfp>lDQK9{@HEI{W|Zv1{V|a z-6InJ4R0A4|FPax_;_Bp#aajU0^z(nJAQ|HhJWR~T<<1b8v66QdH%isT@Tx=ufMCg wd?}#n`~1$MZudf7UcBpFUY~3#c5^mE!G100%~$)}fevBtboFyt=akR{0BOHdPyhe` literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-small-left.png b/themes/Darkine/assets/arrow-small-left.png new file mode 100644 index 0000000000000000000000000000000000000000..078b9854329f341749d5ac65f63757a88925b1dd GIT binary patch literal 181 zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt^xo-U3d z5>t~C4lpSxF^MGPsOe1N`!D%#Zj)w`)6_59{~rHPuPXfbe}|~HnTfv0ICQ0=v#10D_Lg6IV+}&N!3s?!aqb Zh8}*6Y3r5trvYtc@O1TaS?83{1OQ&TM;!nF literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-small-right-active.png b/themes/Darkine/assets/arrow-small-right-active.png new file mode 100644 index 0000000000000000000000000000000000000000..254fe83c77dfd89ee922ff3db2bb63d0c384aec1 GIT binary patch literal 201 zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt_2o-U3d z5>t~C8k%}~SXkL~8aVY%e)%8b=GVl$iz$tbjjhc%U9ZN#=&Jp>AM+Epc5b}56DV-U zJ@5b!6ny(~)LrdaTe^hAzx5`D<~Fs@uC%fjXn$bb!8vm#=QbXm|KY}elDp;@<{qq@ sVWGT9S#pNN;WVGf0*2LrJN9rg@SM~N7H|>C1Gt~C8k%}~SXkL~8aVY%e)%8b=GVl$iz$tbjjhc%U9ZN#=&Jp>AM+Epc5b}56DV-U zJ@5b!6ny(~)LrdaTe^hAzx5`D<~Fs@uC%fjXn$bb!8vm#=QbXm|KY}elDp;@<{qq@ sVWGT9S#pNN;WVGf0*2LrJN9rg@SM~N7H|>C1Gt~C8kn|6nCG$SG;pe&{MdTZ*5HCKPb{M`Gc)tyyWZvX+Amk_OZ;^{WAQqz|Nowy z{T&}DVgLkpc9uP#J+1B1?*BeIW>K@e^7HTP_$`{pYR6!H(D+L5l$Z94c@N*ef7~qZ x&S$Q}6W7%LyKVIMe|gE}Wqb8EO0}Mz&5+csV<)z+?KIFW44$rjF6*2UngHv7QMCX7 literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-small-right.png b/themes/Darkine/assets/arrow-small-right.png new file mode 100644 index 0000000000000000000000000000000000000000..7a2db5de19575bacd37ecf6ddeb3c2f71177c089 GIT binary patch literal 202 zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt`jo-U3d z5>t~C8k#yf7+BeK8aUN{&VP7+C6LEn!g_`W2*TIh`LST>>e4xl5C3P`#%?VJ3he4% z)X>=2`0&Hd;Zlk)KqEy2VoDG3xt)F{^b5QG+2|C_D6na($Qsq t4GP^-+>MM3TGvKwe8>>CxS&#)VOp>D#78f4PXe97;OXk;vd$@?2>`MNPjUbN literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-small-up-active.png b/themes/Darkine/assets/arrow-small-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..14e974c9441f08dc9a0e82e04e62542d17f6a2e8 GIT binary patch literal 177 zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt^>o-U3d z5>waqZRBil5MX(}Uud;~@DU-NBOlKA{V3w$@!iUm+`Y?K;K@P$y9Lu^#p-(1GEF^a zZ=NuHhCIU&gEgnim|Pkvr?GvO?Oy!Q_Sx=NR~T7BS9a7rU41=mVci$4tIz!#MT?nR XZYXc6uXzv)w2{Hn)z4*}Q$iB}i;h9T literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-small-up-hover.png b/themes/Darkine/assets/arrow-small-up-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..14e974c9441f08dc9a0e82e04e62542d17f6a2e8 GIT binary patch literal 177 zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt^>o-U3d z5>waqZRBil5MX(}Uud;~@DU-NBOlKA{V3w$@!iUm+`Y?K;K@P$y9Lu^#p-(1GEF^a zZ=NuHhCIU&gEgnim|Pkvr?GvO?Oy!Q_Sx=NR~T7BS9a7rU41=mVci$4tIz!#MT?nR XZYXc6uXzv)w2{Hn)z4*}Q$iB}i;h9T literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-small-up-insensitive.png b/themes/Darkine/assets/arrow-small-up-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..5a6bf5eed2f4ba046547809dc3d62df8046b4ea5 GIT binary patch literal 188 zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt_Io-U3d z5>t~C7HDzsln8SJv9nmR+q6HY52Spa-x%oU9sKfbuXOqTL!uRJRb57Z)3+r4`2G7v zzS*>PpZ}7%S3;lOzrUyQzxLwjHPYtC#nsBw+Unh}t-t@3>*f}DoBw4-20*am=&r)W fyV++;gfTEYwpSIGyd7@>w4A}y)z4*}Q$iB}O`k_c literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-small-up.png b/themes/Darkine/assets/arrow-small-up.png new file mode 100644 index 0000000000000000000000000000000000000000..d41338c453b6d2e0a5ba39e6ac6dd0558a754551 GIT binary patch literal 172 zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt_Mo-U3d z5>waq8FDok2(WxV*Z)Mc%xQyob8Af9j3u8qui3pir^LdvtmL$0S>%K39W44nHRo4M zXVVq^H1kp^Geh`JeXi3!YF?KYZjgDrjftU?CH=zk{H>-;=X3Az{;RoRpg+Y~G3Jxr St$RSr7(8A5T-G@yGywo1Ydwqr literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-up-active.png b/themes/Darkine/assets/arrow-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..21a034aad978b6ce223bc811bf0bf75d5145159c GIT binary patch literal 226 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v~0mo-U3d z8WWQfBm^c*ocsWU8+`i&XD7AQ{|`4b00G0cvokh5VAy0MY@}{%d~n*s`~Ro%{GXxp z&+rd_(vR=;scvqIgf~g0r5yb)`G0-lkK-bi$;bZGru)a&q@=8>Z<;tUacbwri#v_e z_3pH1JB0HXv&>dI*3-kn%C_wP@(nx156AzPIIF-U$;q|DiDz9Whbc1)gZfeTeVIaU Rbb(G}@O1TaS?83{1OSXaRw4iZ literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-up-hover.png b/themes/Darkine/assets/arrow-up-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..21a034aad978b6ce223bc811bf0bf75d5145159c GIT binary patch literal 226 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v~0mo-U3d z8WWQfBm^c*ocsWU8+`i&XD7AQ{|`4b00G0cvokh5VAy0MY@}{%d~n*s`~Ro%{GXxp z&+rd_(vR=;scvqIgf~g0r5yb)`G0-lkK-bi$;bZGru)a&q@=8>Z<;tUacbwri#v_e z_3pH1JB0HXv&>dI*3-kn%C_wP@(nx156AzPIIF-U$;q|DiDz9Whbc1)gZfeTeVIaU Rbb(G}@O1TaS?83{1OSXaRw4iZ literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/arrow-up-insensitive.png b/themes/Darkine/assets/arrow-up-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..69ae89eb5c0da24dd6bcb20ba98d4e222004caf3 GIT binary patch literal 236 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}~Xo-U3d z8WWQfBm@K`UZ{xyahq?Ss#{F;Y+x~0Ml=$!dCpm@h z*YOYasVPg=3vZH23pvV@Jwx)pt6u!R%KKZj&E+y*X3hQae}3ZBdFyWN)DF+P+n((Z z&ST6nTkTj!2SY2+Y`?@}{ayPdBxjsSVB)f9=2_UeU=|}2gY^~n9NW*z^+1;~c)I$z JtaD0e0syYeQV0M5 literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/button-active.png b/themes/Darkine/assets/button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..740be27195989a064f2ce2e143ce9e2931f9a711 GIT binary patch literal 263 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT40%PZ!4! zi{7hKe7O!e@U-qPVPg>wEm^$R>1CkJ-fvt>xx}JkLRR#4Z~XUW%duAeHiOyv?^Oj1 zrZFtZ+?64HmoraSo=JrDZTCr^O*ZFOb3BN7Z6?LY-Nzz0eaqHo4L>d%Reiy6i~Gjf zhNb-T^)va8P85Bqmd|^nJxR=x;c8!d<&*lE3nlXkGCWNB|IA(*@k3fKv_PX)aKq#H z^QrtLf(J_88DA*cv;SYf+*7<4Z0?6JPIEX@8=1eFS?WOrtH=^ZdGjTDGC+SYc)I$z JtaD0e0sy*CWqAMq literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/button-hover.png b/themes/Darkine/assets/button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..f2367f0e445e0bbe5b6455e152cbfc5a8c96e3c8 GIT binary patch literal 303 zcmV+~0nq-5P)>kITjd`=zQi-W>_1zmJ0 z?V!0iafpgS2h&@@!4CofUfIKQrcZB=uDDY0LODqzMf8ItG@5I0(eck zE0Zk^Yr?8%L9&aNw7mf=0)(J*Fih6$Nrt_Wp(ce#yVrLm1h_I=Jc!9nbEEgYJdm?w?>zzJ|gfXuVTNL%s(F0Zb>eRd&BM z;bunD5}vc)Jw7~L0-LV`(0~On=UZ=olmXZP&u@=MOesFzBOU+%002ovPDHLkV1iMv BgYEzT literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/button-insensitive.png b/themes/Darkine/assets/button-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..3df1e1ebdf2c2b21c1ae84d498baaa81772d093f GIT binary patch literal 293 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT40`PZ!4! zi{7hK4D*-_1zhiM*Y#j!(%bNzu~VjjDJpNG_W?@_hVq+cT@j3-3UU5ii*$sR+&F9Y zTkG_s`TyomfIZ0wB#i- zH~WJn;m!`Viw({kus+-1`D5pr(9eNf2N)!F{O_12a7*mcE`yNcY1->{_-=BZdRy~O z>nT~mSu0l@yTxNHTi?og+w($*R_BaUwgSuz%eVKvy!5>&xHIu=%JTIQ@9gh&n?Izopr0LB(|;Q#;t literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/button.png b/themes/Darkine/assets/button.png new file mode 100644 index 0000000000000000000000000000000000000000..bf80f6d2a7442636a35163a17804cfedbd2c29bb GIT binary patch literal 303 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT40sPZ!4! zi{7_WHu^a^3b>v>qh}%^W%oE#q{IF|`;WOn7cOVs)6ZDUTPb3ZpRU83%-EE5d)sM-`P=G+5?{)>Oj+e3IMJoT zB4RtE7}tbJ_n13Ec3SKc-R=(yu|WW<^6N{37@bvU?e*k{9B%O=sUwz|1=_MFQxON$Z? z@7@0C)3;y$INt2bpT=OEaH{{C{v!6W1INY7@`D2&ZHmbS`j^4e)z4*}Q$iB}PhuN~SE0~UDqBG8e<74DM4%K3B?Ut4q#vm& z8WSk$FY{yR&ggh-UAXJN@~VUJcsyvg<*P5mi|4qd3cy$!?GrPZ&1S1p&##7?9XS=U z9+u}h9-xF6H9K-z^&Oz}#ppb$?6z3Mr0Ed=C449A0PC6oY_|!<+S9a?ae#Ho^PJ84 zgNBl5-Kfpg0)IDw^?F0$!C>%s@#3>UV=eRfg7lCAkY$G5=Z|Dc=wc2SS+3a0FGNvtP?^kKNp#u!?yW+}Pcg3HwsQc4g)Hj=-0lCQDy^5^Sx+Q@NPI*wq&ZGbTb zt#v~3HCA+~SSclFSriu+-GtcPckB8RwC5yz0_($(8wyD5%`0YAoV@lF*)mzCp zj*%x;l-7zb)s3mnxP!yt({#>h)SKxiyalqtR$)s?Ge$y~MU#godaupR76&1i=UuOs5#;nDu00000NkvXXu0mjfm2o+S literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-checked-backdrop-insensitive.png b/themes/Darkine/assets/check-checked-backdrop-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..e04b3bdb5390724e2807a98e51145e99059d38d7 GIT binary patch literal 379 zcmV->0fhdEP)I6@IV+zNen0*2K`09mT{@cEjf zP*4;F-#(Rqdd0A1x8HXIqfkDDlj6cVckaCgRYg_t-fx$4ZfzpZ_3G`RuIqUCBL4Lo Zy#x9;bgR(%z4`zE002ovPDHLkV1m>irqTca literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-checked-backdrop-insensitive@2.png b/themes/Darkine/assets/check-checked-backdrop-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..bc24b7e79df361aae08f0da150420ab40080ea25 GIT binary patch literal 703 zcmV;w0zmzVP)=40taD|#h5i&g==IPuEQb70k{DN0G7E1 zSw)eMkmXTC6dnOG{U{b=j~|fCD_Ld!)r?$S^|`A1R}b{+)vMRTmedVQ({wZ*kB%^M zXkY>|XjV#Hgc(skTwY$i&a&+4&H(rK_g<>%G03DD)J;`&Cdk3b$?2!c(5iqmO-DOB z+ouJb5<(!Vf@(u3!H8gtLBxRQ?BeUsy{b-{s=VXz=x71wyd%cg5KhZAF-E)(fP%{8 z>3H;}YIP+bBCh~K2+*);0NzKg^Bm`V2^>NwiW?3)0~#R(im^77D)`_4uy(ndVk~kA z^1L%(d0JZldhg3+A*`-nJXbqG4ZwDaQStLp!g>dr=-vRGcPu((jKLV&D$l(Dh7gG% z0w4mzK|@bp(LDevKKRmMjY$w`H(qD~=tDqnIWXSG!uJ3W21(ME4QL4HL%=!5b)Nqh zQWc!{<@+E>=+M08fYw+LK~>3}`v=l{&+5TQlI}aGQHBsh>4!1KHONg{Nvx&8W$A7J zt+C4uFR})?X)D&Yvz1POBCs{wDj-!$$m={WZ3Vj7N+-aZAXT-TW@5Y9N((@BCD|I} za0$8mg`}3PEOKey889jtfZ6DZh%6!Js%tC86hVs4Is>BmzDR1=Je37xG49&7B9sRx zMn2XEzg=mXj&^ppPtlbte^gd)ud0fw&i};CrHqj|oPg-;+vV>U)9LirZS^ZROqOL= zySq;gRP-2?iM0ux9c2E|R0Ri6tJL}V#rbgX=PhuN~SE0~UDqBG8e<74DM4%K3B?Ut4q#vm& z8WSk$FY{yR&ggh-UAXJN@~VUJcsyvg<*P5mi|4qd3cy$!?GrPZ&1S1p&##7?9XS=U z9+u}h9-xF6H9K-z^&Oz}#ppb$?6z3Mr0Ed=C449A0PC6oY_|!<+S9a?ae#Ho^PJ84 zgNBl5-Kfpg0)IDw^?F0$!C>%s@#3>UV=eRfg7lCAkY$G5=Z|Dc=wc2SS+3a0FGNvtP?^kKNp#u!?yW+}Pcg3HwsQc4g)Hj=-0lCQDy^5^Sx+Q@NPI*wq&ZGbTb zt#v~3HCA+~SSclFSriu+-GtcPckB8RwC5yz0_($(8wyD5%`0YAoV@lF*)mzCp zj*%x;l-7zb)s3mnxP!yt({#>h)SKxiyalqtR$)s?Ge$y~MU#godaupR76&1i=UuOs5#;nDu00000NkvXXu0mjfm2o+S literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-checked-hover.png b/themes/Darkine/assets/check-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..93d9153c1aae4d92b8bc82353fa9784f5cd0da30 GIT binary patch literal 380 zcmV-?0fYXDP)C-2Pxi;@8>m#-+L58XLW z4p^i#O^KoxN@aoPl?#1^K&jM^eYA)GL%Y>FdGJx7REo)D#%2=(u$7Xx_YZ0}HA*FM zIS>G22!fFHdc%Ca0HD!)I0-8R3fHCA?*fJ(n6ph1nvHvG`}~#X9A>}zo=30u1+{IP zyZY@}7=V*4D6K=`I2{1r_vrV#?2O^q6OmenXA^p2HIQ0|-${Ls%C(=HLhirbuVVk} aB7FjZZ)y2ETxpB|0000C*gjnt91%jt7a~=P|K0dp=9`(LUj_;lDpcrsi;^a`S}lhS zbu4ZBJrT?lrE@Wu5zM?p95RoaQ*cUSF zHk*5g$*MGJwOWplVV8&!9VV%mIrNnAMt76iP1#V#`QRAS>CMVlA~Ha?Uv<^mjiqJn zWh4Ut42M^6-3#=(mn$(Lg&YPX^fQ^#L#dpj6tz_WuNUJ(X~~z0U)E- z@5c^XsZ=1P$lNV8;AlLC?+0t+!{HS?rx<4Omw)lxGtWaBTVdvK>*ehyU7ptFUDv&7)GOa?A-~XK z*dE9*4A{1v3T}G+=kv+QkB%-k(ZICZog>Q}J4)T1C7GLlfCWn3omuACX}3E^S^E?! dRH)E%(q9%F2pFh-DS7|^002ovPDHLkV1m38I;H>s literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-checked-insensitive.png b/themes/Darkine/assets/check-checked-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..e04b3bdb5390724e2807a98e51145e99059d38d7 GIT binary patch literal 379 zcmV->0fhdEP)I6@IV+zNen0*2K`09mT{@cEjf zP*4;F-#(Rqdd0A1x8HXIqfkDDlj6cVckaCgRYg_t-fx$4ZfzpZ_3G`RuIqUCBL4Lo Zy#x9;bgR(%z4`zE002ovPDHLkV1m>irqTca literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-checked-insensitive@2.png b/themes/Darkine/assets/check-checked-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..bc24b7e79df361aae08f0da150420ab40080ea25 GIT binary patch literal 703 zcmV;w0zmzVP)=40taD|#h5i&g==IPuEQb70k{DN0G7E1 zSw)eMkmXTC6dnOG{U{b=j~|fCD_Ld!)r?$S^|`A1R}b{+)vMRTmedVQ({wZ*kB%^M zXkY>|XjV#Hgc(skTwY$i&a&+4&H(rK_g<>%G03DD)J;`&Cdk3b$?2!c(5iqmO-DOB z+ouJb5<(!Vf@(u3!H8gtLBxRQ?BeUsy{b-{s=VXz=x71wyd%cg5KhZAF-E)(fP%{8 z>3H;}YIP+bBCh~K2+*);0NzKg^Bm`V2^>NwiW?3)0~#R(im^77D)`_4uy(ndVk~kA z^1L%(d0JZldhg3+A*`-nJXbqG4ZwDaQStLp!g>dr=-vRGcPu((jKLV&D$l(Dh7gG% z0w4mzK|@bp(LDevKKRmMjY$w`H(qD~=tDqnIWXSG!uJ3W21(ME4QL4HL%=!5b)Nqh zQWc!{<@+E>=+M08fYw+LK~>3}`v=l{&+5TQlI}aGQHBsh>4!1KHONg{Nvx&8W$A7J zt+C4uFR})?X)D&Yvz1POBCs{wDj-!$$m={WZ3Vj7N+-aZAXT-TW@5Y9N((@BCD|I} za0$8mg`}3PEOKey889jtfZ6DZh%6!Js%tC86hVs4Is>BmzDR1=Je37xG49&7B9sRx zMn2XEzg=mXj&^ppPtlbte^gd)ud0fw&i};CrHqj|oPg-;+vV>U)9LirZS^ZROqOL= zySq;gRP-2?iM0ux9c2E|R0Ri6tJL}V#rbgX=vgE|M>i<8^_{7c=yEUON^}VR_BP-o4S7!=MI`}o>>)8&s z(y1SEX1YzE`avu92YcertrJ|GUKfgm#j5&Dj1}Wd_vU6unK)t5j%(+w-`X%%P0|oQ Tr}#(^=sX5bS3j3^P6F~YL%y3|twry^y_ee>D(qe%h~LWs+zLI=xoI&sdfjWLe^DhvPe4*>vB z?>qltbGNLj-9B01eE#q}zPfqQTIqjgorFZ#y2EO-`F!PO*}$@#PFjEal`3w4L^w7- z_uNUcOP#ap)Nud+S}EN)`^L_(115V)lXPrk%#7X74k(@c^ae_)jNN~(<*7(uED4My zfw3eomITI618we>NR<2(kqBLb3vP}Ltg79< zb%#~T$l=jc*Y!6y8~k`IisCN6*6$-@W+6A>Q;4AVo!`0!7a?&%2q6G|0f)qGA}~?R Q?*IS*07*qoM6N<$f}?t*#{d8T literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-mixed-backdrop-insensitive.png b/themes/Darkine/assets/check-mixed-backdrop-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..53d991abd172369ae5ee84e6402789b680a7dc4c GIT binary patch literal 278 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT41tPZ!4! zi{7`B4D${-2)N#Vlf&c3^F_@4fyjhe0qWnCYiEV*>#N=(rf|^cr9f1VXUnCZo|n(e zubnkftV+)Hl3V1o^N$PvbsC5-$*4|=NDgQ{`)=>L*KbpwU4D2`CI0rwX@+hFyEnFp z#C^>*IeGoc8a?Ifn?5Pcvr1t|lX)z7Fz)gSR}I(YZ**7>?!6;w=cWILePJSR(bxOy z1r2omIC(q`eL01z;;Tg1(uvD@9jDc&9$r4v$~^Sz%vF=76|Xa#_xiqIU6 zbCxbL9nbvx*IQrnv|61%OHI9aXHnFnz4`j=3%b6~d%1;4B;?oY%%YsBGn+bO7(zl> z_kZ~1x0jXSxkN-}@C8oEfc2%074hGNQf|-5-#)u`Ew{*@sMf#g845qPvm9K9j7$Ws z2r*>V{LDMBXL?3yMqiU5kyg%Ytp!&$f!PNvv~I=u%?X^ZZiR?54*b zpKx4^IU;y`FW;iCrS|WRmhR2?_v=$#M(Ecy4uK+**RI`KE4tTdsl2Og8vBRpwEkre z3x1@zO7}|j&U5qr_$hObNNz`l+6JaeLBZax@_Vjtp8ov%!Mk_=ZiuZ_5a9UZZ^zi9 X*!P6lYatIX))+ip{an^LB{Ts5VUE<6 literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-mixed-backdrop.png b/themes/Darkine/assets/check-mixed-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..0a98524cda10693cfb851240459c37c76a808a19 GIT binary patch literal 222 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT41oPZ!4! zi{7_=hJ1$=cwA-Q@B|u_X0L15@!wHs-GLjNos7{XE3~#obWXUGw`b!2zdsn}uIBmL zy!D&e`7P2%elNHr&dLy>vgE|M>i<8^_{7c=yEUON^}VR_BP-o4S7!=MI`}o>>)8&s z(y1SEX1YzE`avu92YcertrJ|GUKfgm#j5&Dj1}Wd_vU6unK)t5j%(+w-`X%%P0|oQ Tr}#(^=sX5bS3j3^P6F~YL%y3|twry^y_ee>D(qe%h~LWs+zLI=xoI&sdfjWLe^DhvPe4*>vB z?>qltbGNLj-9B01eE#q}zPfqQTIqjgorFZ#y2EO-`F!PO*}$@#PFjEal`3w4L^w7- z_uNUcOP#ap)Nud+S}EN)`^L_(115V)lXPrk%#7X74k(@c^ae_)jNN~(<*7(uED4My zfw3eomITI618we>NR<2(kqBLb3vP}Ltg79< zb%#~T$l=jc*Y!6y8~k`IisCN6*6$-@W+6A>Q;4AVo!`0!7a?&%2q6G|0f)qGA}~?R Q?*IS*07*qoM6N<$f}?t*#{d8T literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-mixed-hover.png b/themes/Darkine/assets/check-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..b20d0cba425667eb19fce873ccc17d1c2a2a335a GIT binary patch literal 225 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT412PZ!4! zi{7_=hJ1$%1X!*gu{$Z0`Qn85g!>cCpUXDt?^see@r30`6Bj2tp-8Thd6#yZ$1Nxl znQH&#?^~nu&v%>sS~aDEk%9BTp*Om$<~;q+)5}hs4$g6RP7B_)PGRkC&27o^I2UHl z%DX(pF{-S!Ab+MyS?dRl&>!rHzqS@6ep`C{qjxxmF01&=zxOVEnHI^l?#pK{OMT`$ W8q&MJ<>>-l$l&Sf=d#Wzp$Py%9$HHP literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-mixed-hover@2.png b/themes/Darkine/assets/check-mixed-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..915c07d022aaa17309274d1f27800adfbf790343 GIT binary patch literal 380 zcmV-?0fYXDP)!!Qtr?_@`6yBqotP216nwh{>BeS^v9#ap1J?_da& z5E2sEwXRF)66mRsGUdMczq?O|1OgBQLAY%&G-$0YNV%1nOr8)S`$y>y1Vk_n{m>Gb zSzXtgkSY}tD$D6y8{ge&{ep-W$N>N#AY!JCe$~czWjURPRWVp=3vGOdh(U)5g@}Cb z)FZb^b|@*gN-YNffQSn4SaCUau*vgj8l`izHqTs!6-1?yZ|}D^V#Z~zHary~7>fwT zB7(7qU@RgSiwMTT{|CMI*BVYlBbQ+XhvDlzjm|lJ@7Uh_2Fc8bDEStN$Uod4-?$tr zSl9LDu-`3GN)nMj?01W*`uOCsL64+q+GUTcap{|br0000#N=(rf|^cr9f1VXUnCZo|n(e zubnkftV+)Hl3V1o^N$PvbsC5-$*4|=NDgQ{`)=>L*KbpwU4D2`CI0rwX@+hFyEnFp z#C^>*IeGoc8a?Ifn?5Pcvr1t|lX)z7Fz)gSR}I(YZ**7>?!6;w=cWILePJSR(bxOy z1r2omIC(q`eL01z;;Tg1(uvD@9jDc&9$r4v$~^Sz%vF=76|Xa#_xiqIU6 zbCxbL9nbvx*IQrnv|61%OHI9aXHnFnz4`j=3%b6~d%1;4B;?oY%%YsBGn+bO7(zl> z_kZ~1x0jXSxkN-}@C8oEfc2%074hGNQf|-5-#)u`Ew{*@sMf#g845qPvm9K9j7$Ws z2r*>V{LDMBXL?3yMqiU5kyg%Ytp!&$f!PNvv~I=u%?X^ZZiR?54*b zpKx4^IU;y`FW;iCrS|WRmhR2?_v=$#M(Ecy4uK+**RI`KE4tTdsl2Og8vBRpwEkre z3x1@zO7}|j&U5qr_$hObNNz`l+6JaeLBZax@_Vjtp8ov%!Mk_=ZiuZ_5a9UZZ^zi9 X*!P6lYatIX))+ip{an^LB{Ts5VUE<6 literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-selectionmode-checked-active.png b/themes/Darkine/assets/check-selectionmode-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..132d2c85f8c3dcfa425691c398d67d8178435dae GIT binary patch literal 392 zcmV;30eAk1P)C=JSMN~8< zBta2{*Yd0>ETkyaPApNNdF5)p_U&(W07X$0Mful6lHsbVuB{!OZDJS3P%O!^_v~D^ z?z?DN*Y$U3&PXmX$?yaW_f7KwW|l-jL{#M216jWUumCWG&(tf;|LLgmKU^!zBen2QDf z3Kg7+3Qk1@r=o&WxmeIS7d+bvX3r7*#q2#35iv8GW-Gpo41t-wBqM6jxo%zL8Hh+` zhEcA_Gqi2{0-z7gi5l#?Xi3(u%G=r8kZfV?nSI;3*SF34BYzy7A#h<;6h%>#Y5V}}CT2Mt$zhcM0000u1V{R#(v_WC_ZmXG~E@eiX5GEmW;z<1;3&8(+8>#}<) zmu{^S(71VGHMD9zmL5qKkK4u8Cy ze7)_YQv%ur>FKLOcYQe|F?Y(fMc3sO&L1y0=jqDCFeRvCF~?g!?qd=nt`q(57Ce6O zB1K`6`o>^}6?(T-IQwetP$9?ew^St@GcX;{J1egM+`$1!3+lN0@9k62-iHid*M&P~QD( zU2m%=P8F}Hy)3M`af{e>^R0Co|0pNjZ=E~aZz>nl(kpxO4_8im{AZ80XtlqNYs-K=+-hbYL1DMzuJYD@<);T3K0RSr;h;6=hBg;J>xDIs z8k;Vz{<>!W{*4M8O$r?UOdm4>Q>4%}zHBOvirp>d95*v_d>(>7P?f7LoKwDyf& z`Q5Jza}ACAyE@KX+Of-VE8Dt;Mf@wWyKg=TW; zl9uLn`OV$aE(+4?<&NK6u;$VZrz53q-(7YY!_Pv z9EHMfzBejx?ND=h@l%R(ZvKm)pEum!Eh%?&K?X^YB?n5ZY|Z3u`}>weC-^B7JXfd-#-b zhjp&kmCcs#`YfNX7Tn&brKG>c;rKenGqc+mtA4)~JTsfEVU^B0hIEb{j}LK~JeG0r z($sq7vC_9YS#w#5{`%nB^p==w3~a&=rr+MC;pOHnn)Wx2=iRxSdlQ0w*GktF=&}#N4+ery9lw8)(3P#U?fG?1cF%#1Pydqc@16ht0qei~kOVc+8J?_ZL5(ws zV`hF}QWn479uaD+kyv{4PH?!M}X*?DNsfW>4z+ u$L3pdevj+};}8DFY+RAj&p-D23=i8bc>EPuv=5kg89ZJ6T-G@yGywoZX;usX literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-selectionmode-checked-backdrop.png b/themes/Darkine/assets/check-selectionmode-checked-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..132d2c85f8c3dcfa425691c398d67d8178435dae GIT binary patch literal 392 zcmV;30eAk1P)C=JSMN~8< zBta2{*Yd0>ETkyaPApNNdF5)p_U&(W07X$0Mful6lHsbVuB{!OZDJS3P%O!^_v~D^ z?z?DN*Y$U3&PXmX$?yaW_f7KwW|l-jL{#M216jWUumCWG&(tf;|LLgmKU^!zBen2QDf z3Kg7+3Qk1@r=o&WxmeIS7d+bvX3r7*#q2#35iv8GW-Gpo41t-wBqM6jxo%zL8Hh+` zhEcA_Gqi2{0-z7gi5l#?Xi3(u%G=r8kZfV?nSI;3*SF34BYzy7A#h<;6h%>#Y5V}}CT2Mt$zhcM0000u1V{R#(v_WC_ZmXG~E@eiX5GEmW;z<1;3&8(+8>#}<) zmu{^S(71VGHMD9zmL5qKkK4u8Cy ze7)_YQv%ur>FKLOcYQe|F?Y(fMc3sO&L1y0=jqDCFeRvCF~?g!?qd=nt`q(57Ce6O zB1K`6`o>^}6?(T-IQwetP$9?ew^St@GcX;{J1egM+`$1!3+lN0@9k62-iHid*M&P~QD( zU2m%=P8F}Hy)3M`af{e>^R0Co|0pNjZ=E~aZz>nl(kpxO4_8im{AZ80XtlqNYs-K=+-hbYL1DMzuJYD@<);T3K0RSUO*58K@k2m70&T!ba7l1bXU{qkd&%&vOa`h zO)=5wdYomCd2CK`9)Ke#01N?aV{)t(QeC@TEI-(C z0N|a&V)>3nBOL%}#^zWJl2TRg8~~ty)`PC=sGPADv*{epc_fLd0yqKi8Ixr-xKFGc z0Mzxb+vs8r7W^wjuq+~277;9q2$tnwL1S(Ft%<+=3F}|%LkNl}@y=m3owFY!QV79s zI2l%h))bR&y9GtWGs8}<(>X<++j{`fbBNWTPS;~&DeIs229)pys|$W(a{KW7^l}4W z6`Nx%>b*=8yUE1*Kr?;_{PWUwCibjkU1| zZfDY6q~(|#{oz5x5|vlNFZnicsjOZ2@bS|N^X_|aeh*+*QFRb^K?X;{j$0*|NbzQg z=~sKcpRMsK%~4>+v#X`O#jp3o=+(a}`8IF<+_`t7p3M~d@#AB7{PLR*Ogtaio}SY_ zi$s zD0tfHr+ZfPojZU2{_H1_Jgh4s_uQFgF6TevY}&J@j8{U>=1lv1{E6;4%SkHluIlV# z-z8R=#`$b^VSA4fR=mogpRj7taroX6tin4rp}!VmP{IL)VR!C%WJ6 zT;jlFlVx@I$tE_ArUlG@9&bClsps)y#k+Z%FJ?clD7XB(+oWODy6w+5*_trq%{sI7 zukT0wzJ5Mwef|Z~t}^nx<$HDWthRq;+8vl;W_`Zt>$5u}474}IOtWX=;pgW#d_n7( zW1_@|lOGrwZ1nx!^PBHmk{p(>eDn7`I^o?GotBnAdk!YdzfiGLNP&lmt+{re#m_l; zB7wlL|MB(7(Z8oxFZ+BeV#6Ox&qwo8&pDqe+FD~=`TK54(Z|z&7i#jpKQ?3i54*}w zPyf|O{+qD$h3%Nt**garPp*E7z1_GD!=Tkl3-!e{Vw^>bP0 Hl+XkK)2E6j literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-selectionmode-checked-insensitive.png b/themes/Darkine/assets/check-selectionmode-checked-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..703e854c486c1557f2c353bebdc7978da8b1a2ac GIT binary patch literal 367 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEY)RhkE)4%caKYZ?lNlHoRXklB zLn2z=PBRQT?7-tXUnJdERP7{dk^GEC<^YG;(FL3q?tBw=FKJ>r;h;6=hBg;J>xDIs z8k;Vz{<>!W{*4M8O$r?UOdm4>Q>4%}zHBOvirp>d95*v_d>(>7P?f7LoKwDyf& z`Q5Jza}ACAyE@KX+Of-VE8Dt;Mf@wWyKg=TW; zl9uLn`OV$aE(+4?<&NK6u;$VZrz53q-(7YY!_Pv z9EHMfzBejx?ND=h@l%R(ZvKm)pEum!Eh%?&K?X^YB?n5ZY|Z3u`}>weC-^B7JXfd-#-b zhjp&kmCcs#`YfNX7Tn&brKG>c;rKenGqc+mtA4)~JTsfEVU^B0hIEb{j}LK~JeG0r z($sq7vC_9YS#w#5{`%nB^p==w3~a&=rr+MC;pOHnn)Wx2=iRxSdlQ0w*GktF=&}#N4+ery9lw8)(3P#U?fG?1cF%#1Pydqc@16ht0qei~kOVc+8J?_ZL5(ws zV`hF}QWn479uaD+kyv{4PH?!M}X*?DNsfW>4z+ u$L3pdevj+};}8DFY+RAj&p-D23=i8bc>EPuv=5kg89ZJ6T-G@yGywoZX;usX literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-selectionmode-unchecked-active.png b/themes/Darkine/assets/check-selectionmode-unchecked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..90038f48b1371771a5d14f180421fc22a8fb8603 GIT binary patch literal 354 zcmV-o0iFJdP)sO6o5nZy6vx!A zu1nJvdb%cAKmRe~;K`G_;yJr&vBaHcsrbd3w6N z-_o=WR+-*!zowpF*K;xRsZ8E-V-Z)*_j|8+Ff;^ldCDXkyg4kvoShr^`{%irFMs-^ z%sb-AxZvk4vyW=w<`FtYA1fFh>^-h@zOeSM^weU5V=6y4eHLt(HbY%3p!}>g!;ZP< z%!J;>->bgkH~V_LlzKZuoYMnob@2_0jTtn$g0hY@ckRho=lWW%LE^xIw~|SWQ@fNH zqAP!0t9g6<`X;+8`PFR^2mXg_e=BUatzqr`_sQHhtk`&tG&D*W2r#oH9dO{0=wM_v zOi&;oD8&7uHkSG9x>MU+CPu|}uLpYj?%dUPm>4EmOq2S!z{Go2cHvd0thNY;?CJ9v z6Aa$uKh+HJdU$ig%_k>L*X*&n^J`Yijk!w;OHANjJzoR?Y`OeL3RKD literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-selectionmode-unchecked-backdrop-insensitive.png b/themes/Darkine/assets/check-selectionmode-unchecked-backdrop-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..54dbffcafcff43ce3e1ad1b18cf6f1bbb00e8ff7 GIT binary patch literal 336 zcmV-W0k8gvP)4!K~z|U?bb0)!$1&);eR&vn#w3}f!qfqH~YxKYfCo60c4ja*$%_- zRhnxoLqelZIi>q?now0s6cM?IZSz0~9dHK}y&#yTsNOCqH%FE4aU_Ub1DB;aQ^6pt zmz4XZ3PI?BzIf*1X?2Q!t^X=m%nR1?g0;M0EiYK>vq1Z5Z7 zh9xCMAhwZ|(;k>gbEbVTPqHP1F2?RE2{$alKT?oeXhs&fy^g& i1l}oJSe1m z^PHc4xOQiL_|*09-@KW#Y|eC(2L(H}aD5Ys@U(m$b4=}BxtZCv`%9!Jo=7m5@%sDb z>j%1a8?VfE;@DBWY9hl7$(fR_ffG_C^K$0atP5 zZR8quUv6VR8#P;K3!~$*8QEpu*a-q+z0n!6X8Ls&{-ISZ~>_CBA&_+k5xCxn43^ zy=U0O%`@Zq+w;YT@>WT5nhXDtbO;nVlfe7&`cJm-uCnV0H@VMyeuKwJ%5C2BDSL&C4}W~yFTc-b-aNT-d;NtE3o@^sjhnf7PSLqanfrD> zs=g%TzyI*}%LVlZ3rm^6Huap7-7*|Ce2K1NW8K_=;)y literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-selectionmode-unchecked-backdrop.png b/themes/Darkine/assets/check-selectionmode-unchecked-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..90038f48b1371771a5d14f180421fc22a8fb8603 GIT binary patch literal 354 zcmV-o0iFJdP)sO6o5nZy6vx!A zu1nJvdb%cAKmRe~;K`G_;yJr&vBaHcsrbd3w6N z-_o=WR+-*!zowpF*K;xRsZ8E-V-Z)*_j|8+Ff;^ldCDXkyg4kvoShr^`{%irFMs-^ z%sb-AxZvk4vyW=w<`FtYA1fFh>^-h@zOeSM^weU5V=6y4eHLt(HbY%3p!}>g!;ZP< z%!J;>->bgkH~V_LlzKZuoYMnob@2_0jTtn$g0hY@ckRho=lWW%LE^xIw~|SWQ@fNH zqAP!0t9g6<`X;+8`PFR^2mXg_e=BUatzqr`_sQHhtk`&tG&D*W2r#oH9dO{0=wM_v zOi&;oD8&7uHkSG9x>MU+CPu|}uLpYj?%dUPm>4EmOq2S!z{Go2cHvd0thNY;?CJ9v z6Aa$uKh+HJdU$ig%_k>L*X*&n^J`Yijk!w;OHANjJzoR?Y`OeL3RKD literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-selectionmode-unchecked-hover.png b/themes/Darkine/assets/check-selectionmode-unchecked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..11012e757f00d6de915b5b64865e3a4c382d786b GIT binary patch literal 367 zcmV-#0g(QQP)@IOb~vp?uGL4|y(RcmY8W1VK1zGS0{2@%5>-^w28xh?L4Xt`8xY z#?DH;nN-zd9qTF1A;z9evutdI+Es>#+h!soXoqj{CtmkD^dHfU{VK75IllKdt`?j79=ek-$_WFck?* z<+uWU2tg4Yd>D~J2!6|PSb?Uovq7(mLn4V3`u%g%wV4Bmob6*3Np}=(k*WdQZR9vX6Eg zuX4|Sp7U;Ms^`4(lX8rHMy)pG_w)11i+yLw`{UW!*V_ZF?ab72cHN0oJ-zI)$b5%aVp^A{QnxMFlx{ zb7gok>Jk#%y;wH2lKt~$t^Zxme=>+1{S!GSXUDF>dC!#_R$MJI{kWj4dY|p=v-6L# zrZaB#{KlG)Ud?^~d+gaYPkzh!mu+M4nDnKhaObCFp>s^vvd%W^%EA9r$kZsG@oLZv7SPjFDz@znuHk-aUPJ==-&g8=jgcA8I>2H*`~umF4^Rnm6C; z>*Hf~v8-Etr=adgdH(yW$1)z(=eb|36JWVm)%W9B=Ai=Z&*(?bc_mW8Azdf6uyx(`$X7xu0>m^Pf$3X8rTKOy(hfrmHI4!K~z|U?bb0)!$1&);eR&vn#w3}f!qfqH~YxKYfCo60c4ja*$%_- zRhnxoLqelZIi>q?now0s6cM?IZSz0~9dHK}y&#yTsNOCqH%FE4aU_Ub1DB;aQ^6pt zmz4XZ3PI?BzIf*1X?2Q!t^X=m%nR1?g0;M0EiYK>vq1Z5Z7 zh9xCMAhwZ|(;k>gbEbVTPqHP1F2?RE2{$alKT?oeXhs&fy^g& i1l}oJSe1m z^PHc4xOQiL_|*09-@KW#Y|eC(2L(H}aD5Ys@U(m$b4=}BxtZCv`%9!Jo=7m5@%sDb z>j%1a8?VfE;@DBWY9hl7$(fR_ffG_C^K$0atP5 zZR8quUv6VR8#P;K3!~$*8QEpu*a-q+z0n!6X8Ls&{-ISZ~>_CBA&_+k5xCxn43^ zy=U0O%`@Zq+w;YT@>WT5nhXDtbO;nVlfe7&`cJm-uCnV0H@VMyeuKwJ%5C2BDSL&C4}W~yFTc-b-aNT-d;NtE3o@^sjhnf7PSLqanfrD> zs=g%TzyI*}%LVlZ3rm^6Huap7-7*|Ce2K1NW8K_=;)y literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-selectionmode-unchecked.png b/themes/Darkine/assets/check-selectionmode-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..90038f48b1371771a5d14f180421fc22a8fb8603 GIT binary patch literal 354 zcmV-o0iFJdP)sO6o5nZy6vx!A zu1nJvdb%cAKmRe~;K`G_;yJr&vBaHcsrbd3w6N z-_o=WR+-*!zowpF*K;xRsZ8E-V-Z)*_j|8+Ff;^ldCDXkyg4kvoShr^`{%irFMs-^ z%sb-AxZvk4vyW=w<`FtYA1fFh>^-h@zOeSM^weU5V=6y4eHLt(HbY%3p!}>g!;ZP< z%!J;>->bgkH~V_LlzKZuoYMnob@2_0jTtn$g0hY@ckRho=lWW%LE^xIw~|SWQ@fNH zqAP!0t9g6<`X;+8`PFR^2mXg_e=BUatzqr`_sQHhtk`&tG&D*W2r#oH9dO{0=wM_v zOi&;oD8&7uHkSG9x>MU+CPu|}uLpYj?%dUPm>4EmOq2S!z{Go2cHvd0thNY;?CJ9v z6Aa$uKh+HJdU$ig%_k>L*X*&n^J`Yijk!w;OHANjJzoR?Y`OeL3RKD literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-unchecked-active.png b/themes/Darkine/assets/check-unchecked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2b9a22897bc68a00f04b9ed8b0e738d9dc14f78d GIT binary patch literal 281 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT417PZ!4! zi{7`BefgRkcv|HzpW9K$taHV91KU@IIZ^osW;tg(I)A9u`Ne}nE}YFm&UZdet9?6t zTV|tYvSAr&5S*hYex~Q#u6gV!YF~N3HCEwz~Q2m1mG zbr+Ke51)c_mCqkAu3g(@!S#{X%coFVdQ&MBb@0A$c{ng9R* literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-unchecked-active@2.png b/themes/Darkine/assets/check-unchecked-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9c5631da9c139abd396202f00617ac4cfd891fc6 GIT binary patch literal 520 zcmV+j0{8uiP)1^Ae5;nwt*JJYmg_RN8%l5 zpr=Yfl{83DP$gN4-JrxX-nqV$!dVFOx>~nK8>qpHc)?7S z0AOt$Ew{xQ+jc883T1Ep;Kc(Wq!uFl*!&S@?}_Nr)b_2b#gmhhPhY#tClZOoZRHvznYHFL$(yYJ0000< KMNUMnLSTZYA?Y#z literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-unchecked-backdrop-insensitive.png b/themes/Darkine/assets/check-unchecked-backdrop-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..b19666d40e389797b3bbd6e41db519b9aa75b0be GIT binary patch literal 259 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT40nPZ!4! zi{7`B9r>CZcwFP#6H7GbG)ONr513vdZ_94}h-s4l`{`#Vpzt@rBc_q&oWZ(H%|hnUjJ?zbl+xC{Qx z;=i=&x8_ajMK-h9Lii6lIXZeQOOe-Zd`GT{q(4X%Nf&n|ub2)m6M=x8V z^dPBy(bEm$FmdKI;Vst E064s3+5i9m literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-unchecked-backdrop-insensitive@2.png b/themes/Darkine/assets/check-unchecked-backdrop-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..013e0818dc6c95b3af7d80955787daf05d46d418 GIT binary patch literal 478 zcmV<40U`d0P)$=f$0A@y)63y+p?>FXqQEzg6 zSwTam0PD783$Hs9*KOMm7pJ-Etf0hmfRxf?wGFA;Wa&6pn-_!`u+?Y155xY-eu%8# z|E35|r3g-?2u`I4PNfJ=WxzJW4fOlm?&!13$ZpknLE|fc+o7QMf5ytb8+Sy$}FM#(AzjE7&x)MAXhXW^o_yJ=#K42=6^{KlZ4-cQdGbNLF26`e0W1RZSW*?LBHnskBU4Q#AroT`q6do(T0i4H> UEnr?X*Z=?k07*qoM6N<$f+i2zJpcdz literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-unchecked-backdrop.png b/themes/Darkine/assets/check-unchecked-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..2b9a22897bc68a00f04b9ed8b0e738d9dc14f78d GIT binary patch literal 281 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT417PZ!4! zi{7`BefgRkcv|HzpW9K$taHV91KU@IIZ^osW;tg(I)A9u`Ne}nE}YFm&UZdet9?6t zTV|tYvSAr&5S*hYex~Q#u6gV!YF~N3HCEwz~Q2m1mG zbr+Ke51)c_mCqkAu3g(@!S#{X%coFVdQ&MBb@0A$c{ng9R* literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-unchecked-backdrop@2.png b/themes/Darkine/assets/check-unchecked-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9c5631da9c139abd396202f00617ac4cfd891fc6 GIT binary patch literal 520 zcmV+j0{8uiP)1^Ae5;nwt*JJYmg_RN8%l5 zpr=Yfl{83DP$gN4-JrxX-nqV$!dVFOx>~nK8>qpHc)?7S z0AOt$Ew{xQ+jc883T1Ep;Kc(Wq!uFl*!&S@?}_Nr)b_2b#gmhhPhY#tClZOoZRHvznYHFL$(yYJ0000< KMNUMnLSTZYA?Y#z literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-unchecked-hover.png b/themes/Darkine/assets/check-unchecked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..2507fd5bf1bc5939da186f94b8f0446fdbe197a7 GIT binary patch literal 288 zcmV+*0pI?KP)nxyhpNzTR$kw_--+&)WE@ z=RM|!{SnT&+AfG$jfee(Hhv0VS3l)A8_ddCMaV=QXYE_r z3u_&es;;DVN59Yt{~&ZCLd=bY%mfjUMxoA4HXiozNyigP)6*B1GW=C=yu1M&gs z-pNBeXG?=Fb>KyjXo;fv+`;vb012(oMThXrPxl^>5by|iJRZ;6CfIebD2j~GTnxqV za~KXrjImxtL0f6~@0rLv6rx;^!f4|sd592du!7vOH z0FX=REVo70@^AJawar=u8Djx}S6%CK7@|knFZS=P^&jB{UGajhctKaZpetU`75lnH zv<5c&+}=tV2LKqe$$oLxHlVd$0zjH1&SG0eqfORowX&{ARzcOOD*(t3$Kaeh%W=-| zE*}E`+P1lJ77T*;T&b>!M1;xY7+H1z-t)l(0Gu&o*#X{9PA~{VDAhG-LSL=@yM+JG zN7GJ6F`M07b0+h$EH9Pn>g|uy2O?T4)m3F#UUDY$UF19-kH-W20j6TPig*P_kpKVy M07*qoM6N<$f_DzCZcwFP#6H7GbG)ONr513vdZ_94}h-s4l`{`#Vpzt@rBc_q&oWZ(H%|hnUjJ?zbl+xC{Qx z;=i=&x8_ajMK-h9Lii6lIXZeQOOe-Zd`GT{q(4X%Nf&n|ub2)m6M=x8V z^dPBy(bEm$FmdKI;Vst E064s3+5i9m literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-unchecked-insensitive@2.png b/themes/Darkine/assets/check-unchecked-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..013e0818dc6c95b3af7d80955787daf05d46d418 GIT binary patch literal 478 zcmV<40U`d0P)$=f$0A@y)63y+p?>FXqQEzg6 zSwTam0PD783$Hs9*KOMm7pJ-Etf0hmfRxf?wGFA;Wa&6pn-_!`u+?Y155xY-eu%8# z|E35|r3g-?2u`I4PNfJ=WxzJW4fOlm?&!13$ZpknLE|fc+o7QMf5ytb8+Sy$}FM#(AzjE7&x)MAXhXW^o_yJ=#K42=6^{KlZ4-cQdGbNLF26`e0W1RZSW*?LBHnskBU4Q#AroT`q6do(T0i4H> UEnr?X*Z=?k07*qoM6N<$f+i2zJpcdz literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-unchecked.png b/themes/Darkine/assets/check-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..2b9a22897bc68a00f04b9ed8b0e738d9dc14f78d GIT binary patch literal 281 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT417PZ!4! zi{7`BefgRkcv|HzpW9K$taHV91KU@IIZ^osW;tg(I)A9u`Ne}nE}YFm&UZdet9?6t zTV|tYvSAr&5S*hYex~Q#u6gV!YF~N3HCEwz~Q2m1mG zbr+Ke51)c_mCqkAu3g(@!S#{X%coFVdQ&MBb@0A$c{ng9R* literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/check-unchecked@2.png b/themes/Darkine/assets/check-unchecked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9c5631da9c139abd396202f00617ac4cfd891fc6 GIT binary patch literal 520 zcmV+j0{8uiP)1^Ae5;nwt*JJYmg_RN8%l5 zpr=Yfl{83DP$gN4-JrxX-nqV$!dVFOx>~nK8>qpHc)?7S z0AOt$Ew{xQ+jc883T1Ep;Kc(Wq!uFl*!&S@?}_Nr)b_2b#gmhhPhY#tClZOoZRHvznYHFL$(yYJ0000< KMNUMnLSTZYA?Y#z literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/combo-entry-active.png b/themes/Darkine/assets/combo-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..ebaa1666c41afe33464e57a4c424744e521ab659 GIT binary patch literal 185 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v}}jPZ!4! zi{7_aHu5FVdQ&MBb@0EmP}#sB~S literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/combo-entry-button-active.png b/themes/Darkine/assets/combo-entry-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..5c2b14d4bf1c7a40748857a918e5750096ee50fd GIT binary patch literal 202 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v}~MPZ!4! zi{7_aHu5z&2(&!hdDq*7MZ=^@amD-pX>Es&9d+i|9yH;?`%tkzf2Y4ZwspI9(dUJh zvl~{`J=PFn-0@p^hQY?wuZrfSP4rOXbhx~}zP|4$V}m5Khi9jTaQ@qhA(JQjp_X#t@;TarY=CIFnGH9xvXzopr0C(9)>Hq)$ literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/combo-entry-button.png b/themes/Darkine/assets/combo-entry-button.png new file mode 100644 index 0000000000000000000000000000000000000000..9de02f43ca62a90eb121b5872c0c667e9c72be04 GIT binary patch literal 188 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v}}pPZ!4! zi{7_aHuAM92)JCl$;+s7;hpKP|NobZ=uOZO(>L50qs5(HZ*=#^Y@U?n}crO#5$c1E?w~CjnS&QuU-?cBr6rBvKlvc799|O zT+NfWDywh;$KK1CVuu+T!e`8M+sHp-D{o#w^L_`xm6;39cLx1A<&bGx_Ua&0!|ua} bWj-*hivliBndkBdxXHt{gjG@iOOYJXBU=idt{GBYCN zR1ONP5_rnvnLk0LXU?;qb<7jWs-E5JRaiGk;Mc;F7kN&9>JYur7PqH%*^~qQiMnhI zD`mRvuWJ=GsaG^rJN`a=^Pf<}?=yR)wF8Uu)t_!%?wt9?nOlrO#WD0wd0g^dy*;SYdc$Jsx8E^JW=^-Z&65a&^dD z|K{ES?zWcgW(As|ll-cL482y0{+)MrQ&!cR-=~aU?E60b6RWDXWyliuH+z82V(@hJ Kb6Mw<&;$U_zE!0F literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/frame-gap-end.png b/themes/Darkine/assets/frame-gap-end.png new file mode 100644 index 0000000000000000000000000000000000000000..4bc5b1d9dad6da630796c8dd65ef5924246326c4 GIT binary patch literal 92 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-Y!3HG1DAjiXDYhhUcNd2LAh=-f^2tCEK~ERQ m5RRG26Q&6LJ%8Z90R{$k21XBW6+auGB!j1`pUXO@geCy8(ifBf literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/frame-gap-start.png b/themes/Darkine/assets/frame-gap-start.png new file mode 100644 index 0000000000000000000000000000000000000000..b10d803e968713ef94d77669b7a1144af487d895 GIT binary patch literal 92 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-Y!3HG1DAjiXDYhhUcNd2LAh=-f^2tCEK~ERQ l5RRG22|zGmiqKzv2F53h9-GAS=L01fJYD@<);T3K0RX4*7ta6y literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/frame.png b/themes/Darkine/assets/frame.png new file mode 100644 index 0000000000000000000000000000000000000000..1e6676735892446db68170b314974587dfd28c05 GIT binary patch literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v_cfPZ!4! zi{7_qH}WzVa2#=Hj!<;n^nVV&b&cf1e@}M2e-P%7CK2>%%k~40j&}b)$m;R-A!8sL UTmG(&!yxSpp00i_>zopr0Q6BT7XSbN literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/handle-h.png b/themes/Darkine/assets/handle-h.png new file mode 100644 index 0000000000000000000000000000000000000000..a814730a44abf2c3311ca275b858a2ce92929efa GIT binary patch literal 90 zcmeAS@N?(olHy`uVBq!ia0vp^B0$W@!2~1&KS&kF-|Du^>M2#PUyu~&LU0i_r`UHx3vIVCg!05X*nEdT%j literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/handle-v.png b/themes/Darkine/assets/handle-v.png new file mode 100644 index 0000000000000000000000000000000000000000..4d31bfb2101a0f7044e79760e8fdaf21685be003 GIT binary patch literal 93 zcmeAS@N?(olHy`uVBq!ia0vp^j6f{H!2~1^=N$M3q}Y|gW!U_%O?Xxggjjw nLpWw8PnaTF-|Du^>M2#PUyu~&LU0i_r`UHx3vIVCg!05X*nEdT%j literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/line-v.png b/themes/Darkine/assets/line-v.png new file mode 100644 index 0000000000000000000000000000000000000000..4d31bfb2101a0f7044e79760e8fdaf21685be003 GIT binary patch literal 93 zcmeAS@N?(olHy`uVBq!ia0vp^j6f{H!2~1^=N$M3q}Y|gW!U_%O?Xxggjjw nLpWw8PnaT)-vmcFF2rZ7=N?_wHKt=l5*$ z_w`3tHv+-Kb6c(NPbmqxzsbNTGWl}L!o~?|YoropZ84d0?{9k2#*3Fis;VC!ySrXu zo*LVOEeDOS1Wy5)!h87s{o`hNcRq8eo$K&6ynX+_+5i84?6zfIzBm0uk%ZI-&9sCA sLWOJU|J^qF`@dXdcG8-LfJ+Pv>MbEbXI@_M1iG8S)78&qol`;+09@2>{r~^~ literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/menu-arrow-selected.png b/themes/Darkine/assets/menu-arrow-selected.png new file mode 100644 index 0000000000000000000000000000000000000000..fed5e6a1db7802b937c6e55812bea94a8ba78acd GIT binary patch literal 244 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}~no-U3d z8WWQf9GC?K8M$60ooL{U{aD{tzg$U)Nv0q(!R=Yh&Z5W7)7D)pWNZ7s`fJJ6bFn*% zUfad-@&Lj0b$2S3EL~mt=zo1%=na#^4230}tJ!9##mb&F{x2yJ_Ucu}ynRJak1?~c znfMDc7u*sMe3<{czcJC&`0@V}qS|I}+dGXP1@38^`7!>C>OE1piwIIvv8nOWzN ngyf7vVQX#_G;rt(`bjaoHVj;Rvt^qy(9sN@u6{1-oD!MC>OE1piwIIvv8nOWzN ngyf7vVQX#_G;rt(`bjaoHVj;Rvt^qy(9sN@u6{1-oD!M8AvyYoX{=fFB1`+#3; VnLA1!_yDytc)I$ztaD0e0su-3C(Qr= literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/notebook-frame-right.png b/themes/Darkine/assets/notebook-frame-right.png new file mode 100644 index 0000000000000000000000000000000000000000..3b47a5b16a204fb5f1b1be8c63992ee9fdbeb96a GIT binary patch literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v_cfPZ!4! zi{7_qH}Wzl2po1`j%;N5CU302(b?8AvyYoX{=fFB1`+#3; VnLA1!_yDytc)I$ztaD0e0su-3C(Qr= literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/notebook-frame-top.png b/themes/Darkine/assets/notebook-frame-top.png new file mode 100644 index 0000000000000000000000000000000000000000..3b47a5b16a204fb5f1b1be8c63992ee9fdbeb96a GIT binary patch literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v_cfPZ!4! zi{7_qH}Wzl2po1`j%;N5CU302(b?8AvyYoX{=fFB1`+#3; VnLA1!_yDytc)I$ztaD0e0su-3C(Qr= literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/notebook-gap-horizontal.png b/themes/Darkine/assets/notebook-gap-horizontal.png new file mode 100644 index 0000000000000000000000000000000000000000..fd82768c432abc5d0cd58832d3f3d70f9989e4f3 GIT binary patch literal 104 zcmeAS@N?(olHy`uVBq!ia0vp^EI`b}!3HGjSJWm0DYhhUcNd2LAh=-f^2tCESx*Hsa5I)8vo!Y(SvKX2QVGD8Z`uzPWTRP$7e-tDnm{r-UW|>yjIb literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/notebook-gap-vertical.png b/themes/Darkine/assets/notebook-gap-vertical.png new file mode 100644 index 0000000000000000000000000000000000000000..92236bd8c6d26019dfc9f37af5e20c6291fe1960 GIT binary patch literal 99 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-S!3HFkynkm2q}Y|gW!U_%O?XxBs^Ul uLpWw8Cp0h}yVi5`zodkO#0-fGj0|>mOp_PxUA7#khQZU-&t;ucLK6V06C4@< literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/null.png b/themes/Darkine/assets/null.png new file mode 100644 index 0000000000000000000000000000000000000000..bdf4c817003b053d4101161eadc861a81eabc297 GIT binary patch literal 96 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT1$sr;B5V pMQ?I~1nc4ik)EbN1FjX!3~V6`jGtnZ;(-bnJYD@<);T3K0RXgm7I^>w literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/progressbar-bar.png b/themes/Darkine/assets/progressbar-bar.png new file mode 100644 index 0000000000000000000000000000000000000000..722867610e103ae937ec5f7a1878c12a8e4ee141 GIT binary patch literal 202 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4u_bxCyDzAd%8G= zNKD;&VI%J$0}%u*IAjXlzs;(Eom?HiFc8g__=GRKL^k$44$rjF6*2UngCEIOF;kt literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/progressbar-trough.png b/themes/Darkine/assets/progressbar-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..9c650f0c1c07f7b8c37ed7c7fd6c05cb0f26374a GIT binary patch literal 198 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4u_bxCyDxqd%8G= zNKD;&VI%J$0}Hz&u?m)kozrMoPRd^RPI9#w;6gK>1Z5V$viFe+^w0fMN3(k9@uYKQ;_d^ u!aj29o3h(Kgwh!;oIa;IR@^#%e_u(aMBcBn@ymhEVDNPHb6Mw<&;$T@flbl? literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-checked-active.png b/themes/Darkine/assets/radio-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..93989223757c366960deea62def19f134ea13ea9 GIT binary patch literal 324 zcmV-K0lWT*P)YMv_d%L?%VVR{+)fuS#tz`)MLt zWZC}E8Jx{tmV<|}3DLTO4=krOuOGG9OVE_PH zDP55H@akRxdv77krH?obgGvXdb5Y7I>jHRfJdlOC>tzwCgJ4}%yRM*ZIO~BXq6Lct zr(_YPg6Ban%l3zoj;l+kd)RrN|D5+)zg`^2qv%m@`iN7vO%bSVWp`BYya~JKHu(c; WOKb|cn3enh0000o0W_ zKv<2=jOL6PYg-&K^Lh?_Yg^xg{|mDq0sXD!L}aXO6x2Yn8l4%n$z0ngSeE6a8l4%n zmD)9BjDnJMzY?1nXgM|3wwlnD74Z#uu;^`c2&L86w{J%0O*yM6mh#6vsCZUL6;|Jc zXcOAs|ML0LkBZrU!cmofhmRv(B zLt?NO`DZe~F^7h23wfTWS(XkV>zrAkG%C2VaJ_;ceAuQJz0Js@KSRyP# z;qXzO=V=tovUF(Xh5dszV`i}6#YL9hM?sLc=Aji^qaGlFeiRfUclRjh?jU#-Z@6~| z09z+-f##^m*5CBUk#Kkw1>ycAj29OYW_XE$vsp6`l}e-?6%mL^^*vwQMZvnR8-hJe zv{Fq#%IdiYkOI{NnrKC^SC-|^=DhA|Fr9u*J11ukozvt}mAQ(ZtEf@<;f}}o*P=g} gyqB$4IOd@I0tB3a1DFB;8vph;aEi=JFg5XX{v4%pwg%q)r zZf$X+pTeR@zCo8I%LoNQq)M?En`D|~?>NRk&_!n6^K@}%691IkJGs+tdVj0CIPW>X zd+vMgdoNH?QBm>#hGiDFTCD|ga2d2ONSq{e8~_Bql<-W7JCJT~Y-~UJPX$k({^ZjL z-7w?l(!n`MD1_ho(&f#y&4=UG@^Kf;%{8w8{E6hp02m5HB!mJf28c+I1Sy7sB!N>- zTs%4R!C%k1JNN!I!FKzjTkd`pphpA-X#hn)5+LmdN_&!_06~!E27cLS)Mt9Vo#lxO z&doKixcgNJOerBE6~3|kZW_&a_QZ7kbyWU08+~KD!{3f;%1RGxq_`$Yr);l0YEAtHzHD&!^}Qwx0~~& z1Ipor3PBSu35>Ox*@eh1;x01y-C-iZB7Hk}t+ z;1TQCyJ^d^_u3gAjR#S1iYJWr-fp>fohvBuRd!YCyW%ZqSuR1Z@?!G^k-7k2oS@+T z<_A|1Q~0OaI$!zfouT*-^guPWUpAu|G#=pqR-1Bo!kQfa}BjqOJ%#a)1K8~f|* zJ>0V#5&C6)ef#&)f>~1gHap;Lc-S8fbBECYXt!3g?+Vo}64dQJ?=~9s9e4YRG?Lko zH4g3$HwOvz`}$#RZS&`e2?9W`_u|(^qdsHCv!s#6Vv;1hR)Y=YQi_|M&epY}b;o*M zz2469iRt=l3g=04Hv?(e?2rHi5TF^1gqfq}KAc+Z_WSz2)7iQ{PR&D& fQBhG*@z4AXj=w7_l*m|<00000NkvXXu0mjf*`9YMv_d%L?%VVR{+)fuS#tz`)MLt zWZC}E8Jx{tmV<|}3DLTO4=krOuOGG9OVE_PH zDP55H@akRxdv77krH?obgGvXdb5Y7I>jHRfJdlOC>tzwCgJ4}%yRM*ZIO~BXq6Lct zr(_YPg6Ban%l3zoj;l+kd)RrN|D5+)zg`^2qv%m@`iN7vO%bSVWp`BYya~JKHu(c; WOKb|cn3enh0000o0W_ zKv<2=jOL6PYg-&K^Lh?_Yg^xg{|mDq0sXD!L}aXO6x2Yn8l4%n$z0ngSeE6a8l4%n zmD)9BjDnJMzY?1nXgM|3wwlnD74Z#uu;^`c2&L86w{J%0O*yM6mh#6vsCZUL6;|Jc zXcOAs|ML0LBeS^uU#ap1J?_da& z5E2sEwf+tzrNnN}G;6-`bobq_Bf4@a{M&m{}WZo{f!lo@cXB37vDPv9V_6!DS}^#3rcw^Q65YsIZh| zL`2N2h!4eiy*Fr+B$H$(jIocRkd+eCefKhJQFtl+8^##N4g=^!VcUMZjukdd==Js! z!cGB*DFMX0+rx_}^xm)cyY2ihDS)`&ZRbVt_AUyEh|02BBzlvEa9sVo6M!y+<0{dc hv@ENI^ouM1;}bsnZo8ZfxGw+z002ovPDHLkV1f)&mf`>a literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-checked-hover@2.png b/themes/Darkine/assets/radio-checked-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..eba7fdba142dbdc3099ee5a41ee8d507ca0d8e77 GIT binary patch literal 619 zcmV-x0+juUP)m&H-kSS7^k5?Z-}l?T`x_o*Byh4U=q*)m->&gc}U>Cbzp z;G-f0Gx}XvF$oC{jBx`jE$2Y=*fKn$(KH>*EJN@gX zd8>;$+3wd^nr_VcxrdBBwvj_<#y?H1RxP5w{~Q1oO!7j?AA+;nNwWXOc9zpS8@B5m zALBIux`;6bjK^=Q8k2D$KJi>W=)c{2kBZrU!cmofhmRv(B zLt?NO`DZe~F^7h23wfTWS(XkV>zrAkG%C2VaJ_;ceAuQJz0Js@KSRyP# z;qXzO=V=tovUF(Xh5dszV`i}6#YL9hM?sLc=Aji^qaGlFeiRfUclRjh?jU#-Z@6~| z09z+-f##^m*5CBUk#Kkw1>ycAj29OYW_XE$vsp6`l}e-?6%mL^^*vwQMZvnR8-hJe zv{Fq#%IdiYkOI{NnrKC^SC-|^=DhA|Fr9u*J11ukozvt}mAQ(ZtEf@<;f}}o*P=g} gyqB$4IOd@I0tB3a1DFB;8vph;aEi=JFg5XX{v4%pwg%q)r zZf$X+pTeR@zCo8I%LoNQq)M?En`D|~?>NRk&_!n6^K@}%691IkJGs+tdVj0CIPW>X zd+vMgdoNH?QBm>#hGiDFTCD|ga2d2ONSq{e8~_Bql<-W7JCJT~Y-~UJPX$k({^ZjL z-7w?l(!n`MD1_ho(&f#y&4=UG@^Kf;%{8w8{E6hp02m5HB!mJf28c+I1Sy7sB!N>- zTs%4R!C%k1JNN!I!FKzjTkd`pphpA-X#hn)5+LmdN_&!_06~!E27cLS)Mt9Vo#lxO z&doKixcgNJOerBE6~3|kZW_&a_QZ7kbyWU08+~KD!{3f;%1RGxq_`$Yr);l0YEAtHzHD&!^}Qwx0~~& z1Ipor3PBSu35>Ox*@eh1;x01y-C-iZB7Hk}t+ z;1TQCyJ^d^_u3gAjR#S1iYJWr-fp>fohvBuRd!YCyW%ZqSuR1Z@?!G^k-7k2oS@+T z<_A|1Q~0OaI$!zfouT*-^guPWUpAu|G#=pqR-1Bo!kQfa}BjqOJ%#a)1K8~f|* zJ>0V#5&C6)ef#&)f>~1gHap;Lc-S8fbBECYXt!3g?+Vo}64dQJ?=~9s9e4YRG?Lko zH4g3$HwOvz`}$#RZS&`e2?9W`_u|(^qdsHCv!s#6Vv;1hR)Y=YQi_|M&epY}b;o*M zz2469iRt=l3g=04Hv?(e?2rHi5TF^1gqfq}KAc+Z_WSz2)7iQ{PR&D& fQBhG*@z4AXj=w7_l*m|<00000NkvXXu0mjf*`9xI!uR<^u>8 zFQpGqC{z=vM6;Xe!EO=Pbz8jppO&4OkAVzu&Z!Z3g(zw_ozo*J8JgAW{_m*E)O%tVzDro&kX>eEM>PC6m)PqV=RoZ0D$#+4FC`#eXJv3 z5w?W@WFbnUg{=iQ{SdZS69H5fLsM4FG`O>CFYTa)ZDe06=R6 z^|K9;fUaq@TGx=Wguoo!D)jf~^AB6qha`5-hkx7ub=YY-oz9i2(Q{eKZu*+cNPO(4 kZWa2o+3YiK_MFr54ewr$w>;I)o&W#<07*qoM6N<$f;LR7XaE2J literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-mixed-active@2.png b/themes/Darkine/assets/radio-mixed-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a8d289af2283db0bc3a8481fa948f766b945f25a GIT binary patch literal 740 zcmV9FEdNDqLaY0(3YN8Lor9epw?M`Pu4~B#-ft_WE7xsVr@}K|r%k1tqJ3yvP znKE5%u{4Y8_2~sLTI5{ZXN*Y(#sGjoL_}(&bz4!mxVhH;@LvIEXYW1|`QozR{JM!h z48x;fsGe_ZwBIG|l^C#AtE?8R{F9{X0K!nImGA!c(g5lA__4Qw$j`e!?6kj=LMr(j0LRMrx!TSUAqt&fNu8yoz5=y_Vy!nF8GA!P0gnUWDGCUz;(L^ z0DxYv52Z$9kk(Raz?=~G(!v1%5uw-XjREpXYCs0av~b573DMz<+!y*U$Ih$&oK6_IF5}{$;Ek-f-wfSY!x0e}Go%pa<1 zF)Yh+@n>MKcX8?NV>8dp4Q^InW(E_3g$e@oCzI!=?JPGnbN8{TW~!?-3;^5=sw?P9 zGl!33j7cjnO_PzCXSM;_l$k+QVd~jwn%uMkL3CxVjWBnInZwLru3*NX7086>?u{^2 z`?V&}d3(b>%{F1R2mp3o-T|7UB>EYC6O4#JL~wY~-q8J?sot&!u-(kT%wQsz;jtB1 zRf{1D7tH+K1Zy)BLI^cbxcHbauUmm-SuP0Fmmoz59fZ(<1gR~dc94QV{XEY}`GZBiyaw057Ot0>^o4+py)9Fjzl>OJ?`U1>krUMuxRCWLW002ov JPDHLkV1he{up9sY literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-mixed-backdrop-insensitive@2.png b/themes/Darkine/assets/radio-mixed-backdrop-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a1be70d6f1883185d9afb6ecd8a467980afd240d GIT binary patch literal 861 zcmV-j1ETziP)ZJTBgwj~VLZCbzorK5*eCoR8mo z&iip+pjNF~wf^5?73WT;bDA7o1nnIXCked>00JLNcqGLwNY}QvckleCfTvEq{zinp zG~?US(J@FUgrA4f#htC4pBByKi#lvh)9qGDGET6z$;FC zaB}UXzaI7XZvSh5-R`Sb-Tg8^j|hy?2#SCtK$;p#6Ub12AV_lq-)ps+YlFewjpq)y zvC+Qd?w2JnrG$u7dSKIP8qIj-#A@?t*-Dn0gWYa>)69MZcx+L)S-CsR9Dw%C_~yNP zzyCVV$I6A~R{)Pi#8Pk(x&0~Sxe9P4rMObYcP?P3(>d*KX8|BB0VfH0V7bkaatt$j ztJ`gFRt6+TA4z$&9#{w^;ZlmpJD>@$1d?{4G9ajP0HC4*%fRK|(^iic4XAf30}{Rp z0I@*z4#Um<4*=6hwptyKdI5*RE(3Sarr36hqwy$}T*c*71}+;;cDK2so(m}PNq#$e z%Pb8CfRYJVP33oSY2g6lVO)&N**1UWF@T3D n@uo4Zmszc~YSpS$>)HAnwWfayBjAva00000NkvXXu0mjfFqxH! literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-mixed-backdrop.png b/themes/Darkine/assets/radio-mixed-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..a4cf4d62f0532eb222b6069963b90ac2bd6a0efa GIT binary patch literal 390 zcmV;10eSw3P)xI!uR<^u>8 zFQpGqC{z=vM6;Xe!EO=Pbz8jppO&4OkAVzu&Z!Z3g(zw_ozo*J8JgAW{_m*E)O%tVzDro&kX>eEM>PC6m)PqV=RoZ0D$#+4FC`#eXJv3 z5w?W@WFbnUg{=iQ{SdZS69H5fLsM4FG`O>CFYTa)ZDe06=R6 z^|K9;fUaq@TGx=Wguoo!D)jf~^AB6qha`5-hkx7ub=YY-oz9i2(Q{eKZu*+cNPO(4 kZWa2o+3YiK_MFr54ewr$w>;I)o&W#<07*qoM6N<$f;LR7XaE2J literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-mixed-backdrop@2.png b/themes/Darkine/assets/radio-mixed-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a8d289af2283db0bc3a8481fa948f766b945f25a GIT binary patch literal 740 zcmV9FEdNDqLaY0(3YN8Lor9epw?M`Pu4~B#-ft_WE7xsVr@}K|r%k1tqJ3yvP znKE5%u{4Y8_2~sLTI5{ZXN*Y(#sGjoL_}(&bz4!mxVhH;@LvIEXYW1|`QozR{JM!h z48x;fsGe_ZwBIG|l^C#AtE?8R{F9{X0K!nImGA!c(g5lA__4Qw$j`e!?6kj=LMr(j0LRMrx!TSUAqt&fNu8yoz5=y_Vy!nF8GA!P0gnUWDGCUz;(L^ z0DxYv52Z$9kk(Raz?=~G(!v1%5uw-XjREpXYCs0av~b573DMz<+!y*U$Ih$&oK6_IF5}{$;Ek-f-wfSuT3#4xgSBY}Sc zXiJDu;99xo(BRM(YN8|Gbh&rm?|pf92b}d+(Xm1lMLr8XQjT*+1PcI|u`lvs#;l&l z<8jjD6HS|87!0H`^9v~-h{!7Y5{Sr>NbwNZBLZI9A(C^>EacnTN>0EA~s{Y2G5{ALR^{!qI&!@Zq{yEOf z=JVtIC5~sq)`S2M$Frert$nR`6K38MmA#pHuk~(XTWh}wcGmys8`rv&UT7N!4*&oF M07*qoM6N<$f`#_CQ~&?~ literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-mixed-hover@2.png b/themes/Darkine/assets/radio-mixed-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..5828734a3ed82404134b1f8bac327036441d4d4c GIT binary patch literal 765 zcmVn@7?hAE8BPx3eGP0f}r$*;$r&VV~plo!|Rpy7Oii zh=_=YxZIF1n~TNVq^c@YDvRABLZL)C$`dYxAg*O`Yu$C6simcrcmGvzWaRdPc)WW? zr8F&5Z`)3jx7?@Y^4B*(dj%FOlyY;4uK1&%`yc?*Y|a|S^5Y=e0tt?d<=2?T?gTUQ zVsgG_EL4VN>lN9;LMb;FRt^B-j184a+1Il5QYV-n%}(g?uJ`BHYC`~x#_#*(^4dqg zQmGT{qI4#VPrbemAxPm zP@&56Fml^Fy8wW_S{=N_J-=&&OotX^RJ|Ei4giD@*sIk%HI%Z!(1HXC4J&ud!C|8< zoA_q?3zA^7vXdMD*p}_hR)}x5^cYvxR@Qub{>G`bEeQLXggQUw*h{e-AC_I?hyBIRHqf)6f|6tZ~sf`xvRmc6@xK z7E{&K$+dcYAJyunlw2awje&vdIC*Dn%h{Ws|I+KXSLzlwn}<)(_BiXhj^0cfTTEy`_})$<*79b6|7xp<%3i3fe2wXJ>viJE0LWO(`2Bgi!ML v#)u;pZJ`Uj7iKPeepS#AW6WK}ihz;BXhJ00000NkvXXu0mjffhuml literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-mixed-insensitive.png b/themes/Darkine/assets/radio-mixed-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..f40f9c83b6ba6edce9328ecb4d190be6ea4136ad GIT binary patch literal 415 zcmV;Q0bu@#P)Y!x0e}Go%pa<1 zF)Yh+@n>MKcX8?NV>8dp4Q^InW(E_3g$e@oCzI!=?JPGnbN8{TW~!?-3;^5=sw?P9 zGl!33j7cjnO_PzCXSM;_l$k+QVd~jwn%uMkL3CxVjWBnInZwLru3*NX7086>?u{^2 z`?V&}d3(b>%{F1R2mp3o-T|7UB>EYC6O4#JL~wY~-q8J?sot&!u-(kT%wQsz;jtB1 zRf{1D7tH+K1Zy)BLI^cbxcHbauUmm-SuP0Fmmoz59fZ(<1gR~dc94QV{XEY}`GZBiyaw057Ot0>^o4+py)9Fjzl>OJ?`U1>krUMuxRCWLW002ov JPDHLkV1he{up9sY literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-mixed-insensitive@2.png b/themes/Darkine/assets/radio-mixed-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a1be70d6f1883185d9afb6ecd8a467980afd240d GIT binary patch literal 861 zcmV-j1ETziP)ZJTBgwj~VLZCbzorK5*eCoR8mo z&iip+pjNF~wf^5?73WT;bDA7o1nnIXCked>00JLNcqGLwNY}QvckleCfTvEq{zinp zG~?US(J@FUgrA4f#htC4pBByKi#lvh)9qGDGET6z$;FC zaB}UXzaI7XZvSh5-R`Sb-Tg8^j|hy?2#SCtK$;p#6Ub12AV_lq-)ps+YlFewjpq)y zvC+Qd?w2JnrG$u7dSKIP8qIj-#A@?t*-Dn0gWYa>)69MZcx+L)S-CsR9Dw%C_~yNP zzyCVV$I6A~R{)Pi#8Pk(x&0~Sxe9P4rMObYcP?P3(>d*KX8|BB0VfH0V7bkaatt$j ztJ`gFRt6+TA4z$&9#{w^;ZlmpJD>@$1d?{4G9ajP0HC4*%fRK|(^iic4XAf30}{Rp z0I@*z4#Um<4*=6hwptyKdI5*RE(3Sarr36hqwy$}T*c*71}+;;cDK2so(m}PNq#$e z%Pb8CfRYJVP33oSY2g6lVO)&N**1UWF@T3D n@uo4Zmszc~YSpS$>)HAnwWfayBjAva00000NkvXXu0mjfFqxH! literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-unchecked-active.png b/themes/Darkine/assets/radio-unchecked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..15bb18616c82e3b2f44a58f17c38ac2b846f51e7 GIT binary patch literal 384 zcmV-`0e}99P)SYUlH5no1`2bAFhk2z-tIiJxBCJ&uBFpdNYi1zENL!;cqXC*0KE5^^>!J_YPMQ^ z?k*ON#}AM4PQ6=eqAb&})&T&R1(HO8Sr(?$PwVy9N2@SRhyCghfA6;2Naw}B)2lc_ ze=sO|-Tb~jX}8{7mNd7qT*yaqyF`J9Ak)d@lHz6y2|2%WQwBnf^Jpb`b^?V?o}$!aE9 z7D~mn5ZQH literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-unchecked-active@2.png b/themes/Darkine/assets/radio-unchecked-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f218baedc6ab49a210efb3bd3bd7518551381a14 GIT binary patch literal 892 zcmV-?1B3jDP)B{>s6@@mEh>aJ;#3uh&)YaDHW`b%I1|WO;$2C;$LL2)I%} zDFwgl0|1D~T)ZZb5z#!^F`3eA_FZKQD^t(HC zdpdOk$D14XdOiPjV+`i;0_SlIBC_TY5wuQV$iPz`q$@|!Ae3jPKR>9`x7G@d$Lrg@ zpufjCWAXVMi;IgoX@4RN14L0DL}Zr9lUvj2_utrZc%8!1^*-jDF|Csu%K^Y*aRHqq z;G8q&$WQ9zSOq7O(QVJ`JPQDEJioDAMSLCu0KAU({CK>+-B^$@^EP7)S|`>6QHP=^ zp|u8M3|z>&jRhSkUIc(d>&9{wI#~h$q>wwdSi2y1`T&q-d1JAP{JNIo@V+h9D#$q( z061M2X%_h-}NT91X=v*YaamoL}WqKS0n z$n!i%S0c-D>zhyrf#KQ^LD0LFyZrpo^yrPceODT8r>8%C77aovg?PbrT^0mgNGSpK z``~4aK?n&?dFb~;42KbqfUT*$jpxI2!+`qkY^ROV$#^P%(U{ykS@A~H`b~cv5kOibL4rOoa}s1Ws1>s$SXDX|5&s{$`9<*>d71>vvRp!S z8u_q!DSj@8$-PM6_ hynp{}J>i&x@(Xkic^COd1|t9f002ovPDHLkV1ji6qKyCm literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-unchecked-backdrop-insensitive@2.png b/themes/Darkine/assets/radio-unchecked-backdrop-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a970323d141c77784f5cc76071d03d93f26c65cd GIT binary patch literal 814 zcmV+}1JV46P)kNfl_QfGUCl zs1Sc4O+cZcrwQ~(6mb*fCm@g_#UX3h*rI@VrEN^uJ98-RIye$y?tVbSKFt>Uo;mNi zbI#1biWMtX{J+s6!To;!qFMcpqbm}x054Df`qiCZ9KR#aw+Dlx{r}Y9?(Wu(JD*B= z1F(YJ9o?JY9}RyT-v8GP_IG>N4f{f{4v=ytr<&~Go|{Ewn7}L$LTFsViOWA6Jbe7+ zEcwDL;+>tX8z#Fcs8UM&F`1B3BD>@6&vfoib|>XbN(o7rStWF>+uf)}qw(FP8|?4) zuAA&8pvk0WQrE2uOF4r>2qsCFHqUJgN5|vu+Qhcn;_dC;1(|&>Sf5O4>eSxcS*jR` zG2(C%jMw(}hl5f~sliWWw*>1crMb-kOzN7HGlCaV@>^|UieIqb?_Ufd-3RRVr%#{j zwRtd!wY4>XoO6D4FgSepkNV<*R=*2a%6VaPKr=ikHMz~+F6J)@T)YmDW*CYRDNm0h z{7Ok%?m^cUG?g!lzji{slD242qB~u7Aya2LJzPRWSxk2GVqZ90|+}Goy-;P8BgV z+nN&Z&0-GbJbin;-ucd&J~Qbp%0+r|-|IyC;K75R4`$7^(7Ca_-Mi2{nf$8YJZO5i s`ftEt%GxvXS8b+s#flXxR{TAG0{8hH*0lCS&;S4c07*qoM6N<$f*6>Lwg3PC literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-unchecked-backdrop.png b/themes/Darkine/assets/radio-unchecked-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..15bb18616c82e3b2f44a58f17c38ac2b846f51e7 GIT binary patch literal 384 zcmV-`0e}99P)SYUlH5no1`2bAFhk2z-tIiJxBCJ&uBFpdNYi1zENL!;cqXC*0KE5^^>!J_YPMQ^ z?k*ON#}AM4PQ6=eqAb&})&T&R1(HO8Sr(?$PwVy9N2@SRhyCghfA6;2Naw}B)2lc_ ze=sO|-Tb~jX}8{7mNd7qT*yaqyF`J9Ak)d@lHz6y2|2%WQwBnf^Jpb`b^?V?o}$!aE9 z7D~mn5ZQH literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-unchecked-backdrop@2.png b/themes/Darkine/assets/radio-unchecked-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f218baedc6ab49a210efb3bd3bd7518551381a14 GIT binary patch literal 892 zcmV-?1B3jDP)B{>s6@@mEh>aJ;#3uh&)YaDHW`b%I1|WO;$2C;$LL2)I%} zDFwgl0|1D~T)ZZb5z#!^F`3eA_FZKQD^t(HC zdpdOk$D14XdOiPjV+`i;0_SlIBC_TY5wuQV$iPz`q$@|!Ae3jPKR>9`x7G@d$Lrg@ zpufjCWAXVMi;IgoX@4RN14L0DL}Zr9lUvj2_utrZc%8!1^*-jDF|Csu%K^Y*aRHqq z;G8q&$WQ9zSOq7O(QVJ`JPQDEJioDAMSLCu0KAU({CK>+-B^$@^EP7)S|`>6QHP=^ zp|u8M3|z>&jRhSkUIc(d>&9{wI#~h$q>wwdSi2y1`T&q-d1JAP{JNIo@V+h9D#$q( z061M2X%_h-}NT91X=v*YaamoL}WqKS0n z$n!i%S0c-D>zhyrf#KQ^LD0LFyZrpo^yrPceODT8r>8%C77aovg?PbrT^0mgNGSpK z``~4aK?n&?dFb~;42KbqfUT*$jpxI2!+`qkY^ROV$#^PPCl5m6%#_jdHE390NwA zP7GzM)FX5#Y7zp^CQ;}>vk)R9vGR|$-zQuCflJPf)3gyqQBZ=%QphLQZFd16&x_1x zJ#`!!&FAyi^bQ66^x=N@Wk$W`Lm=X zT^+r>3a-$*>G9S$w}&@v9Ud;hV`gr|03bnGPWe)sKQ>SmTWh^9w)ro%*cV$$d3v#{3$TT2!y&Z<5{jKT<$|B{ z`{$A6cjg_SrlzLm{|%{<-05uIq!b@G+k)ImTE@#7Tl| zmH_~$LovrWgfHOxJ_rG{(k69kJ+JYqF~DFjy0Bc%(O?K;0MYPX z+v=`&D+}5VJ|u)d%5mX9lp&qXAf*H$1P-z8R2F26y$+mC?PVdy;}^C0PEl;}7qsX+ z08FPzWwD&R7Pam9qS!(~N-YWiS(a56%gGOPo7zrMY^f=}Z1UT|nBv$%!Az?e08mOR zN&Ow_oYqoG6;55DpvqJP0CO&{ESBTC?rCkMPKsg+1=A#X2mrztmBn&=;Q;`WB>lc9 zwop(jwQGz)5C||<_)iz&I1YsG!x)1M>Rx5RUhiNpo=koL2$q-Il?7K;+aLsZ{(N%q zD0~`L76gFlG=5tvZG2y#)m*%=T&vZDF9ej*MrG+cWpYYwGlz$x!{$<;UGDC9o(E$L z;y6CHT)Vvl0FY7iX&62!wJen02M_zhAC}sSo1F7CAsTR9j_Gs?rOw_78FO&ul~pts z7jn68!|?HYW&4&E1c3hUgKt{Rz+sHta$QcE%>{7IL9ElG*BApr2pDtVi3ZwBEv#Ny z24@^fX>$@qpX`T^-#<^!3q6{)w>Pd*hkh+Y<65alQ#|=KOOxAS`1H|vdsTXNZgtnY z4zcbq#&>Mno~JMF)+|#qrPN6>OCMxf?UtF=nwpxLnt$gnSP4s$?GUDs00000NkvXX Hu0mjfBfYk6 literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-unchecked-insensitive.png b/themes/Darkine/assets/radio-unchecked-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..0cb35044658457e91877bc3b1af311f4b701e19d GIT binary patch literal 387 zcmV-}0et?6P)%(U{ykS@A~H`b~cv5kOibL4rOoa}s1Ws1>s$SXDX|5&s{$`9<*>d71>vvRp!S z8u_q!DSj@8$-PM6_ hynp{}J>i&x@(Xkic^COd1|t9f002ovPDHLkV1ji6qKyCm literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-unchecked-insensitive@2.png b/themes/Darkine/assets/radio-unchecked-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a970323d141c77784f5cc76071d03d93f26c65cd GIT binary patch literal 814 zcmV+}1JV46P)kNfl_QfGUCl zs1Sc4O+cZcrwQ~(6mb*fCm@g_#UX3h*rI@VrEN^uJ98-RIye$y?tVbSKFt>Uo;mNi zbI#1biWMtX{J+s6!To;!qFMcpqbm}x054Df`qiCZ9KR#aw+Dlx{r}Y9?(Wu(JD*B= z1F(YJ9o?JY9}RyT-v8GP_IG>N4f{f{4v=ytr<&~Go|{Ewn7}L$LTFsViOWA6Jbe7+ zEcwDL;+>tX8z#Fcs8UM&F`1B3BD>@6&vfoib|>XbN(o7rStWF>+uf)}qw(FP8|?4) zuAA&8pvk0WQrE2uOF4r>2qsCFHqUJgN5|vu+Qhcn;_dC;1(|&>Sf5O4>eSxcS*jR` zG2(C%jMw(}hl5f~sliWWw*>1crMb-kOzN7HGlCaV@>^|UieIqb?_Ufd-3RRVr%#{j zwRtd!wY4>XoO6D4FgSepkNV<*R=*2a%6VaPKr=ikHMz~+F6J)@T)YmDW*CYRDNm0h z{7Ok%?m^cUG?g!lzji{slD242qB~u7Aya2LJzPRWSxk2GVqZ90|+}Goy-;P8BgV z+nN&Z&0-GbJbin;-ucd&J~Qbp%0+r|-|IyC;K75R4`$7^(7Ca_-Mi2{nf$8YJZO5i s`ftEt%GxvXS8b+s#flXxR{TAG0{8hH*0lCS&;S4c07*qoM6N<$f*6>Lwg3PC literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-unchecked.png b/themes/Darkine/assets/radio-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..15bb18616c82e3b2f44a58f17c38ac2b846f51e7 GIT binary patch literal 384 zcmV-`0e}99P)SYUlH5no1`2bAFhk2z-tIiJxBCJ&uBFpdNYi1zENL!;cqXC*0KE5^^>!J_YPMQ^ z?k*ON#}AM4PQ6=eqAb&})&T&R1(HO8Sr(?$PwVy9N2@SRhyCghfA6;2Naw}B)2lc_ ze=sO|-Tb~jX}8{7mNd7qT*yaqyF`J9Ak)d@lHz6y2|2%WQwBnf^Jpb`b^?V?o}$!aE9 z7D~mn5ZQH literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/radio-unchecked@2.png b/themes/Darkine/assets/radio-unchecked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f218baedc6ab49a210efb3bd3bd7518551381a14 GIT binary patch literal 892 zcmV-?1B3jDP)B{>s6@@mEh>aJ;#3uh&)YaDHW`b%I1|WO;$2C;$LL2)I%} zDFwgl0|1D~T)ZZb5z#!^F`3eA_FZKQD^t(HC zdpdOk$D14XdOiPjV+`i;0_SlIBC_TY5wuQV$iPz`q$@|!Ae3jPKR>9`x7G@d$Lrg@ zpufjCWAXVMi;IgoX@4RN14L0DL}Zr9lUvj2_utrZc%8!1^*-jDF|Csu%K^Y*aRHqq z;G8q&$WQ9zSOq7O(QVJ`JPQDEJioDAMSLCu0KAU({CK>+-B^$@^EP7)S|`>6QHP=^ zp|u8M3|z>&jRhSkUIc(d>&9{wI#~h$q>wwdSi2y1`T&q-d1JAP{JNIo@V+h9D#$q( z061M2X%_h-}NT91X=v*YaamoL}WqKS0n z$n!i%S0c-D>zhyrf#KQ^LD0LFyZrpo^yrPceODT8r>8%C77aovg?PbrT^0mgNGSpK z``~4aK?n&?dFb~;42KbqfUT*$jpxI2!+`qkY^ROV$#^P*-kL2h~*|m&|K+62qXRjmT34DbaYUq zG7Ud~zW^zz=!gVCDN`UrLSbSk5;+MmzU<8mMX>XMBb$ULZ8LiF_C4*+5XK-$lG5S9 zV3{O%z|8Y7&H(^Ok5sj5kd!8qCYe zq8I=;N8mUG9F`WUx8IHG!`tyq)fS8~LPWxHREJ2e3e`&E1oCkrM0g;<0_aF2e z0Cp7yDEOC$xDW)uIOK`MY4r$z0Rc$8Dsp^9X;T2Ko>jGLdUb~;1U31_23fHzJobBq zV-f%+uc=h6@F$yP+NcIt8bjb) z?a!ayjJj*pTWeq}xoG-%HUnf3!W8efI_aS{bc!rjhLoNYzMk>mI^s~ycey?Hyc#011~ym*

s5Q|b!TBAeA(%AevQ|1Jg~ObdhLSXxtW$=07XD@z-LfZkN_!} z&-1rwdh}v4VT^K=xAsKbhQZ*(O%gwX_Z}pnUcV(tcMCuc05VL7^46YEHb|LD1^~`E zkOB%fqiFT>C_ZY_xu+Bd{%69?C|V~--m5Q#m6QJ2F5@^}^m^Gh(~@)3l}&DEmR(gPfZK-IoymqU0OGhEP^4L0=Ytept^_243FA032D4g{ zX^FQdEY84y%*@I%r%F`=iA>b{p6UD^swvd#Pf@Qsvkdc15E82Pf$QrlwcmfLr>b)f zHYIaXS$4hNdDdvuL+9K>z-C%K05B^aB+v5p!NK9jQF#=t?o+Ty-hQ9W05cC&d`Xk; z1K`?klO)|OQ|to<^?oW@kz+8$*EH!q8pf}irpL#p@9IloB?yB1X6jUROi}T{0szHj zd6u`+^ynD?okR!#IO(75wp!IU7Z*~auqh%nk}}wY%*?*4xA$Rq^|;gd@oBvNABzvz UB|(x3cK`qY07*qoM6N<$f&thIV*mgE literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/scale-slider-insensitive.png b/themes/Darkine/assets/scale-slider-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..dc31e82551bb82bd7e36bb1d32b1c220882fc3c0 GIT binary patch literal 511 zcmVdE2o^fXRzZ_x7e;_B`E~DJk__Jc1;enpfq0o=b|o>+ z3!Uj~9ZF&VraN%*)B#VXIcA}Uk;=8Jz@yA7 zhbnt5I$*AJc^5I}-Hl-xXby2?WCt$$;5c$JzD#kGuP)H|>?}>YW;Y=UXSS_Yi`wtu z-3YU0N$)^byI(mzW;o~14v-%I&(ZS+LF)9p7wvwi03^w;kM;Vk2f$L^oTkIz&2F^6 z2_xMmNe1uzx)*?!xsGZe2|=e9??21^e;{B*(qZHYyU`F!?|>}uF{wc79O>~K21_7Bm*4opz#`1S#_Y=scO%w@?J3aW4-(4e2vbg%=!13(eg@$Ca5+ETUu!T>;+ zkyn82PG|jnVK2%Qd1waEwI=*sL;#Gy!nYbLarJa`zE4S#EC(HrLh#W|GAonj<$LB@ zQyQzaE*o}ePFS8PK>_yJWsMzVS5@bRO=ihLyN;M!fGrGUA_(&u6T!_ehkuJGn!j<^ zSo!S?$kb3-l$<{~%UDAg!WQqLnL&eoV-32;Ovnc_|6wMm+8f&3T&w^1Sv&JSTkK)G zC=;%(%5Zp*HJgptId@l8L9^^0^4^IPgv@u3jy}IFqC1`SLlCxS+2<=?GkoZ$gFC>) zZd(~Kpt5Fo)HZv&$n;D1*A}$M=@Amu0 zj{s;H5CCvGI^S=%YcIyXxX!{Y5vhv^Gc$-N1Mo$Iy^iC{`@P=Rchm8I0G=7?J5%k@ Q6#xJL07*qoM6N<$f^)J1OaK4? literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/scale-trough-horizontal.png b/themes/Darkine/assets/scale-trough-horizontal.png new file mode 100644 index 0000000000000000000000000000000000000000..ba52c2f192ca484040ce1c6fc2999610bab081c7 GIT binary patch literal 200 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~f`r;B5V zMeo}S8+i{Ih`3(-U9Ymd>(YV+TeieChAJdqXl2^S#9blWc9O^B+G0P?M||@c*Ugg) zxq4pbn8bt60x<`U_0DyjFsCe!&-p*g?#5E$F5SNX1-s6n7}`2sm~1iO>Qzp9iW|oQ&Ha2|hYmw&dp_QNJLs z;vF))Rud$78gD$Gvp#tCO!lx-jv2=HnsS#iyjf;;khyj3JnL)sj=`*!?m|gW!U_%O?XxPI|gH zhIn+oy==?J7%0;A@cZt`K8wRL1njjJOwvfz3XE=PGSvtP&V1vvNFaEHOEd2YpTlAq zvaK2-y9{Slt`5Gd{#-@;)2F&A_nZYv*wl_KFbnXwxl>w3rS)RfcBT&uRgURxChVb% z_NgKV#6ubr7e{`Z{A1VE>|ovchT8WF_f^j|e>}%mX2n!Xp4{*3A_wLi{K)^|q9@np zuvD=s&l*efS*h|b(hlD;x%Ea|&Os=C``4(aEgFojm;RqNPf*_+xaFpPP@T2@`_1YX XtPGbqf8G8V=qUzIS3j3^P6` literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/scrollbar-slider-horizontal-active@2.png b/themes/Darkine/assets/scrollbar-slider-horizontal-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a01cdb56fec6ff8b75654af554f3824c7062725a GIT binary patch literal 533 zcmV+w0_y#VP)+jAgGIKRgsIpS>UAIv_JM0=nDDDQ+S5X+* zaG@A9MCGo#zRXm*pNiuf>BpC_f28-1@e{XQ852`qe(@@nD4HGX?*wmwlIy07eV9De zyI}f*pw7R)S%7oBovErprRKWC7D1~98HTPyEV^V+Ipey*qJnWbh+V!~_I&1)Ct7XS871ev~ zcBeHuJo1Sr48s%Cr^jo8R)LV8Pds@Gk$+|gW!U_%O?XxIz3$+ zLp(a)UR=m~D1gEB;_q8aLUX%RSe%;f*Pp6Qp)rzm>OYll9WgKR%;mq%?T57IH#E__$q`Z6#9PST%pFh{*dyOD*>U+3nJT9IZkk` zIFN8)!8TTx*=71oVTuc_msrl1`Z+(wSV0L4>~|hrd@&>EOwNr%cR2f`Hi&L`tzVO5 z^I)xXVD9ovtG1sH9zV$_&wcg#K;4BSsfL>}mwK#QpBH!cd#d~PHLq^4DtFh^yhu08 z+4w4%QHI^s(CX`h*$bmjCG{<1zs)Thv}hK8Y`~^N&C)IFG%g-^+|_+SG_}y}x_iiN ziO3f-mKtxeICtC5_wvUrK`Pp|RsTM|_$sF^c;NHp)75+B%GDm9HJ7nIV75VS+o$Vx u4c6&%!XN)xQ(rm1oli&*1b*({$8bd?=+}m;r>lVh#^CAd=d#Wzp$Pz_vY1f- literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/scrollbar-slider-horizontal.png b/themes/Darkine/assets/scrollbar-slider-horizontal.png new file mode 100644 index 0000000000000000000000000000000000000000..6c7470482d17514bcd12091e478dbecd559d0f38 GIT binary patch literal 212 zcmeAS@N?(olHy`uVBq!ia0vp^azHG?!3HE}t?oSnq}Y|gW!U_%O?XxIz3$+ zLp(a)UR=m~D1gEB;_q8aLUX%RSe%;f*Pp6Qp)rzm>OYll9WgKR%;mq%?T57IH#E__$q`Z6#9PST%pFh{*dyOD*>U+3nJT9IZkk` zIFN8)!8TTx*=71oVTuc_msrl1`Z+(wSV0L4>~|hrd@&>EOwNr%cR2f`Hi&L`tzVO5 z^I)xXVD9ovtG1sH9zV$_&wcg#K;4BSsfL>}mwK#QpBH!cd#d~PHLq^4DtFh^yhu08 z+4w4%QHI^s(CX`h*$bmjCG{<1zs)Thv}hK8Y`~^N&C)IFG%g-^+|_+SG_}y}x_iiN ziO3f-mKtxeICtC5_wvUrK`Pp|RsTM|_$sF^c;NHp)75+B%GDm9HJ7nIV75VS+o$Vx u4c6&%!XN)xQ(rm1oli&*1b*({$8bd?=+}m;r>lVh#^CAd=d#Wzp$Pz_vY1f- literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/scrollbar-slider-vertical-active.png b/themes/Darkine/assets/scrollbar-slider-vertical-active.png new file mode 100644 index 0000000000000000000000000000000000000000..d0053d3dd07716b4bb89c29cce714c1685e8ad1f GIT binary patch literal 302 zcmV+}0nz@6P) zs_0>m_9jTrpazftiJ$?DTJ3tW+wPa%oQgNo>$&au)-cQRx8LoGmpz?XQWbl2+kRS| zQV_ZqfK&s(+9lwhD}oV>U<4!h-@!w`>{l>o@E!oV85fi^Ez@M?X56pHZu_}uwd)Dc z_c?pY7OR(F@PzJ{cg@=m#0_u_9D!VB<01^;2TF1@x<V!Z literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/scrollbar-slider-vertical-active@2.png b/themes/Darkine/assets/scrollbar-slider-vertical-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..544265f227978e63830f5c8771723bdfb848fee5 GIT binary patch literal 599 zcmeAS@N?(olHy`uVBq!ia0vp^8bEBr!3HEncK&z(q}Y|gW!U_%O^81F!6Z0 zIEG|2zMW;59h@lAc7JlxLV?@2o0?suOe9goMb57GI-pCcw-@9G*n z-E3*AQ>NPb*>8(hC#-G`@yKD@df~B9=2VY!Kl_e8wRv58|Gmwf)8*6OD@%AxTKUk= ze3js5o#u56J1$gjaerW*kk!+-O`4lKzrN+%f(wt%_&hZeKFhqrL}AxtW;tE`{CylV zjhE=Ecp8OhxRo}{W0DXLQIpsatmXgg{oT8<(edo_S0yZzxZ3%$aU1)BP2V?KY?@pf zadk?_{2kvT=fB?bZ_bR>Yjtu>jud7ZcrI(RX1^%b5H#V2;rrv~w&{DD`}yt4S}uJx zVLEd|_uJ-=k(m)X9LusM_{nqBa5a^Pu;2Xhe3i+H%I4?IA-{qrusv;ZuyZ)FXPVoG z{STVLVlH%XM-@71>t!5eUAtp}sQ8vg_yjLL8rXZ@uG5fd8x6ZL8Z*DtMTp3^qt zPwVwd3!bglUcV%9W5TRu?Uo68XI@Gq?OVTd z*`i$`6H|BJUiv9T&cQX8tzqW;H73#LO=Q2;Zz#$w=5vU>t-R=`^!4cetG2lh#m)15 z!wOh7d0rPz||MtyT_A>EB a&wP!=jUD_iOt^t5g~8L+&t;ucLK6T`Z4Kf8 literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/scrollbar-slider-vertical-hover.png b/themes/Darkine/assets/scrollbar-slider-vertical-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..caf12cbf072fc4a3d282a8674e5227e45ba3cef5 GIT binary patch literal 224 zcmeAS@N?(olHy`uVBq!ia0vp^B0wz1!3HFCgzU0`6kC$Fy9>jA5L~c#`DCETR8JSj z5RcBc*EaGVG7w?8VBMmTd-)*GnaM^QSUp8mBvezMC9 UGo5wofDUBvboFyt=akR{0C)*ho&W#< literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/scrollbar-slider-vertical-hover@2.png b/themes/Darkine/assets/scrollbar-slider-vertical-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..d7e8b6286c4735b61999107a3d5a1511e1bedc2d GIT binary patch literal 419 zcmeAS@N?(olHy`uVBq!ia0vp^8bEBr!3HEncK&z(q}Y|gW!U_%O^81Fh+Q~ zIEG|2zP+XI@02Lf_VKl?`?7~SY%VzjSXa$47PPNXpQ;Lkwe_r_M zw`1j=;QMjW66&%Ek8e9JvDOp)y7}^F_t(6}AO4=^)vG&FEB11k=eE?plRBRY9>{)U zKBJA9BS-9L!u_h_JS{2t*HU@T?D<=C^q0V+UowxozIHLB{OsQ*ta+gRWMdXzNb!PM z%vWVrJaaH*Uu79^mIxuu1Jff6<>GkIyUnotCn9a+EyNo%^;n;j3?6%-He8B|$WT(d|HL mhs?Ci_Z*);S+)F51+#f}SOsgFupThf89ZJ6T-G@yGywoo&AAc) literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/scrollbar-slider-vertical.png b/themes/Darkine/assets/scrollbar-slider-vertical.png new file mode 100644 index 0000000000000000000000000000000000000000..caf12cbf072fc4a3d282a8674e5227e45ba3cef5 GIT binary patch literal 224 zcmeAS@N?(olHy`uVBq!ia0vp^B0wz1!3HFCgzU0`6kC$Fy9>jA5L~c#`DCETR8JSj z5RcBc*EaGVG7w?8VBMmTd-)*GnaM^QSUp8mBvezMC9 UGo5wofDUBvboFyt=akR{0C)*ho&W#< literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/scrollbar-slider-vertical@2.png b/themes/Darkine/assets/scrollbar-slider-vertical@2.png new file mode 100644 index 0000000000000000000000000000000000000000..d7e8b6286c4735b61999107a3d5a1511e1bedc2d GIT binary patch literal 419 zcmeAS@N?(olHy`uVBq!ia0vp^8bEBr!3HEncK&z(q}Y|gW!U_%O^81Fh+Q~ zIEG|2zP+XI@02Lf_VKl?`?7~SY%VzjSXa$47PPNXpQ;Lkwe_r_M zw`1j=;QMjW66&%Ek8e9JvDOp)y7}^F_t(6}AO4=^)vG&FEB11k=eE?plRBRY9>{)U zKBJA9BS-9L!u_h_JS{2t*HU@T?D<=C^q0V+UowxozIHLB{OsQ*ta+gRWMdXzNb!PM z%vWVrJaaH*Uu79^mIxuu1Jff6<>GkIyUnotCn9a+EyNo%^;n;j3?6%-He8B|$WT(d|HL mhs?Ci_Z*);S+)F51+#f}SOsgFupThf89ZJ6T-G@yGywoo&AAc) literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/scrollbar-trough-horizontal.png b/themes/Darkine/assets/scrollbar-trough-horizontal.png new file mode 100644 index 0000000000000000000000000000000000000000..9a08b15e8ba396fb71f9a41560327a440f38533c GIT binary patch literal 275 zcmeAS@N?(olHy`uVBq!ia0vp^7C|gW!U_%O?XxPI$UF zhD5Z!y<*GP1a-@>X`wXLlC53ueKc7GuAB`VU3N!F|-CGq$vmOtJ- zU9-+yf9vyEZMKb~L~_r@-368$O}*jM$~0T%GEBJ7@l{7@lhcXCuTSNQ9CfW;eyiUg zhQGThjNur=y1xIR3=AC;4bPtW{=8k~rup;O=k1q7q$c?N7rf6r!EYMxvbT}X9hQoG zm45lziajg#xy!X0?K7)8)?D0m?)K){s==XKHf;O&Z)M7o5ZBN|@#A+VCH5E|le1u) XYhzp9w#rr>=qCnGS3j3^P6j5 zjv*Cu-d;EKKI|ZI?Bn;n+8RgGUWd3GpRlsz#T)mR?mPP@^

z`N6cN;uYNiS}R+) zGS6Lg)YpvJ`r!ZeeeVx4^NSZL0nLVh=Sym*%_&aXTenMiVyB^zkYM$_i2v6%=BDPa zy}RV)mXdQ@W7(~^V|3)!y|$XU`j?8I+n0xX!wx5Yo$>s%bH@3WwsV%wmG#b7)l27| znOl6YuWA0Fj};~PJ$H`vw(Sdfnzg(3uSVDN?eoi;-gcc(DN>uWBKLLz`#~ml=DnTL z?8`TWxh<@`&U>VlTkM9(zrWj?9#kJ+{Kon72l>9Ovv(90XeFQVE|8O2_HxUYxYau* zUYPzpYU#@@Ja0ct*dGum_en{qa-U7g&77rK-0w@%d(1v2J|gW!U_%O?XxPIXp)Q$ZnXeme$PuuEO9L^Cp43 zwwaIb&z!!uE}_slnLBdYkI=36m>guvOXp4RznL&gPI>K5hZI|egl%gL@2%A6dVQg{ zs4?pHUv_2&rKhZn?_ZEaxy literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/scrollbar-trough-vertical@2.png b/themes/Darkine/assets/scrollbar-trough-vertical@2.png new file mode 100644 index 0000000000000000000000000000000000000000..ce399aab71675ff5f2b196068ce2f02e5367fb31 GIT binary patch literal 461 zcmeAS@N?(olHy`uVBq!ia0vp^8bDmY!3HFAl#RXvDYhhUcNd2LAh=-f^2rPgj7^>{ zjv*Cu-rnArbtpjO*vH~`qESoIiYHy_Q=DvJ@jb9+%5RNI5%%Ry+d1YQ)nnawL`dgI zwROqnrEQ-Vwto71ZO-h^{EEpg9UbSqE=sou+$s85qOPR;JVilCXz`mp-(TCvuXp13 zc%CVJbNlOMCzq|#{Qa`ZE9(32ugQ_;zF(6)S7p%hpsrh3Fwi&ha>`|arpo^9ax#4E z-_M3co${eC++?&5@=mF0am zlTT>x<6v7P(UGLk)u=%eh7r5f^0$_0`{!`%?|NcEzaN?#p@4J&W1$+(l+EwZo{d|kB=k`_mw7O0* ebt)_EYVdcoN!hB$m;VtMKMbC(elF{r5}E*V3(L*` literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/spinbutton-down-insensitive.png b/themes/Darkine/assets/spinbutton-down-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..11717cd0e26af70eb610816a840c9addbe4eaf80 GIT binary patch literal 104 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v_cVPZ!4! yi{9iZ(*%vKEkjE1hVTbmz8f>QMJ70&|CE}rFXdYFNMOPKkfaBlxGpe_ba LS3j3^P6MQ|Lq4x~c5vCuiIb8z7y?w7Sk#{wHvzRUc)I$z JtaD0e0sxpaBE|p! literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/tab-left-inactive.png b/themes/Darkine/assets/tab-left-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..c61dce8b2db798519934ec192937a2ca947d34ec GIT binary patch literal 108 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT1$mr;B5V zMQ`$yDI$hx3zQNTElXU?)+c3=^X3pHjv)oPlv*f~NNos1gG0fm+V!3b2=mu2J;OXk;vd$@? F2>|iq9}WNj literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/tab-right-inactive.png b/themes/Darkine/assets/tab-right-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..c61dce8b2db798519934ec192937a2ca947d34ec GIT binary patch literal 108 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT1$mr;B5V zMQ`$yDI$hx3zQNTElXU?)+c3=^~$m} literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/tab-top-inactive.png b/themes/Darkine/assets/tab-top-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..c61dce8b2db798519934ec192937a2ca947d34ec GIT binary patch literal 108 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT1$mr;B5V zMQ`$yDI$hx3zQNTElXU?)+c3=^(O8SO&__YHTq7?og;FXE0f7^b12)9Q_tnuS$et| zCIs!WkuOsIGc}%xiE+u*!!vhIDJo~!pl7t3(MMQtN&jmlV+NMJN8L{}d<(NHo3KB7 z@0^)i#3f2LXGgXtJ^%Y&dRAeylk>$rPixzfCg%TMX`&b%T2^Da?bgA^B1RgeHuJ7r g7Wwqyr~g-`nC+HU*=Jk%fo^5+boFyt=akR{0CTHamH+?% literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/togglebutton-hover.png b/themes/Darkine/assets/togglebutton-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..810e9b0a9634a48b2e89c77ef1c6d8730ae61216 GIT binary patch literal 267 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT40aPZ!4! zi{7_atoaTZ2)JIfPM)OpM#XeKZ_3pT3`?%u|;HA zr^~k7xyUKOx_PPL{DlqYZ>zuN|EI8{%EWR%`^~?c|LdN-KPzxg=FyizUvm+!OGN>v zQZ&ydbiGpC%rf^}$~w=#Jl8@md;UymOi2@2>oDolN}zp(N5V^)FSxk4-o3WV7w8uT MPgg&ebxsLQ05XAWkpKVy literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/togglebutton-insensitive.png b/themes/Darkine/assets/togglebutton-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..fb78381f0942154b2e69ee2297a5b97d84a0e579 GIT binary patch literal 256 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT41aPZ!4! zi{7h~4EdTIL|pE_5lUJ)r$Kt5d4Tuc{&~&Pg^VkCIeS{&xO{n5x9)lMTwLF{Uc9b{ z;nb!Whw^P9oa>iyZ(j;M4me^PHc~D&81D&M zQ;#%cSJce*sC#i&FhDiX$LHF>D>;o|$%q%&V@Mo>~2(h7;%k22WQ%mvv4FO#pCQ BW6b~n literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/togglebutton.png b/themes/Darkine/assets/togglebutton.png new file mode 100644 index 0000000000000000000000000000000000000000..fdfd38592c926ea21fbade54e4e268ef4ea4cd25 GIT binary patch literal 267 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT40aPZ!4! zi{7_atn&^#@U%Rf?|izqSomt$8|EKZPVt7kRtsEwc9Py7hf`}7Gw2yzHT#{|z{sI} zoZ;8LdhOJI6SDO^bsYq@PLtSv_nnRJ<>zb(nx7MnRl7`zoGq2QY<6MHDH{fL#vQL2 z60W5b{!O0n;2k>yqsJuM#diZGC%t4`H?#f&>%p^sC+_6?QO=tUS+3?TzY_h OVeoYIb6Mw<&;$UyIBpgI literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/toolbar-background.png b/themes/Darkine/assets/toolbar-background.png new file mode 100644 index 0000000000000000000000000000000000000000..11717cd0e26af70eb610816a840c9addbe4eaf80 GIT binary patch literal 104 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v_cVPZ!4! yi{9iZ(*%~pX$#x&lF}z?y0lA!uiK-0gp=7i`6F26V}$MGgL;+Vg1H*vm;RQ#IEd%XD`Q! zHn?w7UhwdeYy%UA{pb8{eT#I#o&*+Vhn49Y-q|O_`+l!soxm{V^rLHAGXk`m>K9#k kpr3i}qUCj8d9xSHYt)pD6PbRc0UgZX>FVdQ&MBb@0A^uaP5=M^ literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/toolbutton-hover.png b/themes/Darkine/assets/toolbutton-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..216d78e10ce94381d4d974a3ede6db2b96e1c1d7 GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT418PZ!4! zi{7_a41*2@h_GJx%=~#{!jg>w+a{PU+#R4b=i<^7-HM4j4Y8tUc^#XbO8P?% willMh-q!ifW{u}+pHI&Z?z@@#{-^!@Rf$G|TjJ;L1iGBT)78&qol`;+02*&>M*si- literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/toolbutton-toggled.png b/themes/Darkine/assets/toolbutton-toggled.png new file mode 100644 index 0000000000000000000000000000000000000000..5b2343d56c470298a8d43a85c8d3c0005a5b65af GIT binary patch literal 230 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT41wPZ!4! zi{7_aHu4@a5O8}~&ZZjb(k!r{DLi570f~}@4nC7iBMvK1U~}P}cqp(%VZtQ~zn9l{ z{`?Z3EMdvG;hNe93#}&#+Ww1!Go>LqqH=c1Hafq6&Sda(^>bP0l+XkK$WK`7 literal 0 HcmV?d00001 diff --git a/themes/Darkine/assets/tree-header.png b/themes/Darkine/assets/tree-header.png new file mode 100644 index 0000000000000000000000000000000000000000..a9a660896a31070d18df38a3ec087b83da0b6161 GIT binary patch literal 104 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v_cVPZ!4! yi{9iZQ-o3##0@5{Ee`p-;#uI?#j{o}l4RJmouQy);-if~g$$mqelF{r5}E)*5+Be2 literal 0 HcmV?d00001 diff --git a/themes/Darkine/gtk-2.0/gtkrc b/themes/Darkine/gtk-2.0/gtkrc new file mode 100644 index 0000000..86c79ad --- /dev/null +++ b/themes/Darkine/gtk-2.0/gtkrc @@ -0,0 +1,30 @@ +# Theme: Darkine-gtk +# Description: Darkine theme for GTK+2.0 + +gtk-color-scheme = "text_color:#4f5048" +gtk-color-scheme = "base_color:#1f2018" +gtk-color-scheme = "insensitive_base_color:#1a1b14" +gtk-color-scheme = "fg_color:#57584f" +gtk-color-scheme = "bg_color:#1b1c16" +gtk-color-scheme = "selected_fg_color:#534c58" +gtk-color-scheme = "selected_bg_color:#241c2c" +gtk-color-scheme = "button_fg_color:#57584f" +gtk-color-scheme = "tooltip_fg_color:#57584f" +gtk-color-scheme = "tooltip_bg_color:#1b1c16" +gtk-color-scheme = "insensitive_fg_color:#2d2e27" +gtk-color-scheme = "insensitive_text_color:#2e2f28" +gtk-color-scheme = "button_insensitive_fg_color:#35352e" +gtk-color-scheme = "button_active:#241c2c" +gtk-color-scheme = "border_color:#2a2b24" + +include "widgets/default" +include "widgets/buttons" +include "widgets/menu" +include "widgets/entry" +include "widgets/notebook" +include "widgets/range" +include "widgets/scrollbar" +include "widgets/toolbar" +include "widgets/progressbar" +include "widgets/misc" +include "widgets/styles" diff --git a/themes/Darkine/gtk-2.0/widgets/buttons b/themes/Darkine/gtk-2.0/widgets/buttons new file mode 100644 index 0000000..37eb221 --- /dev/null +++ b/themes/Darkine/gtk-2.0/widgets/buttons @@ -0,0 +1,385 @@ +style "button" +{ + xthickness = 4 + ythickness = 5 + + engine "pixmap" + { + image + { + function = BOX + state = NORMAL + file = "../assets/button.png" + border = {4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = PRELIGHT + file = "../assets/button-hover.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = ACTIVE + file = "../assets/button-active.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = INSENSITIVE + file = "../assets/button-insensitive.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + + + # Arrows + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/arrow-up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/arrow-up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image + { + function = ARROW + state = ACTIVE + overlay_file = "../assets/arrow-up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/arrow-up-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image + { + function = ARROW + state = ACTIVE + overlay_file = "../assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/arrow-down-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/arrow-left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/arrow-left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image + { + function = ARROW + state = ACTIVE + overlay_file = "../assets/arrow-left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/arrow-left-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/arrow-right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/arrow-right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + state = ACTIVE + overlay_file = "../assets/arrow-right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/arrow-right-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + + + + image + { + function = TAB + state = INSENSITIVE + overlay_file = "../assets/arrow-down-insensitive.png" + overlay_stretch = FALSE + } + image + { + function = TAB + state = NORMAL + overlay_file = "../assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + image + { + function = TAB + state = PRELIGHT + overlay_file = "../assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + } +} + +style "togglebutton" +{ + xthickness = 4 + ythickness = 5 + + engine "pixmap" + { + image + { + function = BOX + state = NORMAL + file = "../assets/togglebutton.png" + border = {4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = PRELIGHT + file = "../assets/togglebutton-hover.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = ACTIVE + file = "../assets/togglebutton-active.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = INSENSITIVE + file = "../assets/togglebutton-insensitive.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + +style "spinbutton" = "default" +{ + #bg[NORMAL] = @bg_color + + xthickness = 3 + ythickness = 3 + GtkWidget::interior_focus = 1 + +engine "pixmap" + { + image + { + function = ARROW + } + + #Spin-up + image + { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "../assets/spinbutton-up.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-up.png" + overlay_stretch = FALSE + } + image + { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "../assets/spinbutton-up.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-up-hover.png" + overlay_stretch = FALSE + } + image + { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "../assets/spinbutton-up-insensitive.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-up-insensitive.png" + overlay_stretch = FALSE + } + image + { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "../assets/spinbutton-up.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-up-active.png" + overlay_stretch = FALSE + } + + # Spin-Down + image + { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "../assets/spinbutton-down.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-down.png" + overlay_stretch = FALSE + } + image + { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "../assets/spinbutton-down.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-down-hover.png" + overlay_stretch = FALSE + } + image + { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "../assets/spinbutton-down-insensitive.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-down-insensitive.png" + overlay_stretch = FALSE + } + image + { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "../assets/spinbutton-down.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-down-hover.png" + overlay_stretch = FALSE + } + } +} + +style "button_label" { + fg[NORMAL] = @button_fg_color + fg[ACTIVE] = @button_fg_color + fg[INSENSITIVE] = @button_insensitive_fg_color +} + +style "combobox_separator" +{ + xthickness = 0 + ythickness = 0 + GtkWidget::wide-separators = 1 +} diff --git a/themes/Darkine/gtk-2.0/widgets/default b/themes/Darkine/gtk-2.0/widgets/default new file mode 100644 index 0000000..febb966 --- /dev/null +++ b/themes/Darkine/gtk-2.0/widgets/default @@ -0,0 +1,542 @@ +gtk-auto-mnemonics = 1 + +style "default" +{ + xthickness = 1 + ythickness = 1 + + # Style Properties + + GtkScrollbar::activate-slider = 1 + GtkWidget::focus-line-width = 0 + GtkWidget::new-tooltip-style = 1 + GtkWidget::tooltip-alpha = 230 + GtkWidget::tooltip-radius = 2 + GtkMenuBar::window-dragging = 1 + GtkToolbar::window-dragging = 1 + GtkToolbar::internal-padding = 5 + GtkToolButton::icon-spacing = 4 + + GtkSeparatorMenuItem::horizontal-padding = 3 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 1 + + GtkCheckMenuItem::indicator-size = 18 + GtkRadioMenuItem::indicator-size = 18 + + GtkButton::child-displacement-y = 0 + GtkButton::default-border = { 0, 0, 0, 0 } + GtkButton::default-outside_border = { 0, 0, 0, 0 } + + GtkScrollbar::trough-border = 0 + GtkScrollbar::slider-width = 20 + GtkRange::trough-border = 0 + GtkRange::slider-width = 7 + GtkRange::stepper-size = 0 + + GtkScrollbar::has-backward-stepper = 1 + GtkScrollbar::has-forward-stepper = 1 + GtkScrollbar::stepper-size = 4 + GtkScrollbar::stepper-spacing = 0 + GtkScrolledWindow ::scrollbar-spacing = 0 + GtkScrolledWindow ::scrollbars-within-bevel = 1 + + GtkVScale::slider_length = 20 + GtkVScale::slider_width = 20 + GtkHScale::slider_length = 20 + GtkHScale::slider_width = 20 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkMenuBar::internal-padding = 3 + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 0 + + GtkNotebook::tab-overlap = 1 + GtkNotebook::tab-curvature = 3 + + GtkCheckButton::indicator_spacing = 3 + #GtkOptionMenu::indicator_spacing = { 0, 0, 0, 0 } + + GtkTreeView::row_ending_details = 0 + GtkTreeView::expander-size = 12 + GtkTreeView::vertical-separator = 1 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 1 + + GtkProgressBar::min-horizontal-bar-height = 8 + GtkProgressBar::min-vertical-bar-width = 8 + + GtkEntry::state-hint = 1 + + # Colors + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = @bg_color + bg[ACTIVE] = @bg_color + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = @insensitive_fg_color + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = @insensitive_text_color + text[ACTIVE] = @selected_fg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = @base_color + base[SELECTED] = @selected_bg_color + base[INSENSITIVE] = @bg_color + base[ACTIVE] = @selected_bg_color + + # All pixmap options are consolidated below this point + + engine "pixmap" + { + + # Check Buttons + + image + { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "../assets/check-unchecked.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "../assets/check-unchecked-hover.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "../assets/check-unchecked-active.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = SELECTED + shadow = OUT + overlay_file = "../assets/check-unchecked.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "../assets/check-unchecked-insensitive.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "../assets/check-checked-active.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "../assets/check-checked-hover.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "../assets/check-checked-active.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = SELECTED + shadow = IN + overlay_file = "../assets/check-checked-active.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "../assets/check-checked-insensitive.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-insensitive.png" + overlay_stretch = FALSE + } + image + { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "../assets/radio-checked-active.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-active.png" + overlay_stretch = FALSE + } + image + { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "../assets/radio-checked-insensitive.png" + overlay_stretch = FALSE + } + + # Arrows + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/arrow-up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/arrow-up-hover.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image + { + function = ARROW + state = ACTIVE + overlay_file = "../assets/arrow-up-active.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/arrow-up-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/arrow-down-hover.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image + { + function = ARROW + state = ACTIVE + overlay_file = "../assets/arrow-down-active.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/arrow-down-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/arrow-left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/arrow-left-hover.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image + { + function = ARROW + state = ACTIVE + overlay_file = "../assets/arrow-left-active.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/arrow-left-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/arrow-right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/arrow-right-hover.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + state = ACTIVE + overlay_file = "../assets/arrow-right-active.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/arrow-right-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + + # Option Menu ../assets + + image + { + function = TAB + state = INSENSITIVE + overlay_file = "../assets/arrow-down-insensitive.png" + overlay_stretch = FALSE + } + image + { + function = TAB + state = NORMAL + overlay_file = "../assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + image + { + function = TAB + state = PRELIGHT + overlay_file = "../assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + + #Lines + + image + { + function = VLINE + file = "../assets/handle-v.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + image + { + function = HLINE + file = "../assets/line-h.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + + # Handles + + image + { + function = HANDLE + overlay_file = "../assets/handle-h.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image + { + function = HANDLE + overlay_file = "../assets/handle-v.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + # Expanders + + image + { + function = EXPANDER + expander_style = COLLAPSED + file = "../assets/arrow-right.png" + } + + image + { + function = EXPANDER + expander_style = EXPANDED + file = "../assets/arrow-down.png" + } + + image + { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "../assets/arrow-down.png" + } + + image + { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "../assets/arrow-right.png" + } + + image + { + function = RESIZE_GRIP + state = NORMAL + detail = "statusbar" + overlay_file = "../assets/null.png" + overlay_border = { 0,0,0,0 } + overlay_stretch = FALSE + } + + # Shadows ( this area needs help :P ) + + image + { + function = SHADOW_GAP + file = "../assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} diff --git a/themes/Darkine/gtk-2.0/widgets/entry b/themes/Darkine/gtk-2.0/widgets/entry new file mode 100644 index 0000000..ab81f42 --- /dev/null +++ b/themes/Darkine/gtk-2.0/widgets/entry @@ -0,0 +1,214 @@ +style "entry" +{ + xthickness = 4 + ythickness = 4 + + base[NORMAL] = @base_color + base[ACTIVE] = @base_color + base[INSENSITIVE] = @insensitive_base_color + + engine "pixmap" + { + image + { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "../assets/entry.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "../assets/entry-insensitive.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "../assets/entry-active.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = FLAT_BOX + detail = "entry_bg" + state = ACTIVE + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + } +} + +style "combobox_entry" +{ + xthickness = 3 + ythickness = 4 + + engine "pixmap" { + + # LTR version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "../assets/combo-entry.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "../assets/combo-entry-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "../assets/combo-entry-active.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + # RTL version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "../assets/combo-entry-button.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "../assets/combo-entry-button-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "../assets/combo-entry-button-active.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + } +} + +style "combobox_entry_button" +{ + xthickness = 6 + + fg[ACTIVE] = @text_color + + engine "pixmap" { + + # LTR version + + image { + function = BOX + state = NORMAL + file = "../assets/combo-entry-button.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "../assets/combo-entry-button.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + file = "../assets/combo-entry-button-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "../assets/combo-entry-button-active.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + # RTL version + image { + function = BOX + state = NORMAL + file = "../assets/combo-entry.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "../assets/combo-entry.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + file = "../assets/combo-entry-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "../assets/combo-entry-active.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + } +} + diff --git a/themes/Darkine/gtk-2.0/widgets/menu b/themes/Darkine/gtk-2.0/widgets/menu new file mode 100644 index 0000000..aaff5b1 --- /dev/null +++ b/themes/Darkine/gtk-2.0/widgets/menu @@ -0,0 +1,277 @@ +style "menubar" +{ + #bg[SELECTED] = @selected_fg_color + + fg[NORMAL] = @fg_color + fg[SELECTED] = @selected_fg_color + + text[PRELIGHT] = @fg_color + + xthickness = 0 + ythickness = 0 + + engine "pixmap" + { + image + { + function = BOX + recolorable = TRUE + state = PRELIGHT + file = "../assets/menubar-button.png" + + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + +style "menu" +{ + xthickness = 0 + ythickness = 0 + + #GtkMenuItem::arrow-scaling = 0.4 + + engine "pixmap" { # For menus that use horizontal lines rather than gtkseparator + + image { + function = HLINE + file = "../assets/line-h.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} + +style "menu_item" +{ + xthickness = 2 + ythickness = 4 + + bg[PRELIGHT] = @button_active + fg[PRELIGHT] = @selected_fg_color + text[PRELIGHT] = @selected_fg_color + + GtkMenuItem::toggle-spacing = 10 + GtkMenuItem::arrow-spacing = 10 + + engine "pixmap" + { + + # Check Buttons + + image + { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "../assets/check-unchecked.png" + overlay_stretch = TRUE #needed for LibreOffice + } + image + { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "../assets/check-unchecked.png" + overlay_stretch = TRUE + } + image + { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "../assets/check-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "../assets/check-unchecked-insensitive.png" + overlay_stretch = TRUE + } + image + { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "../assets/check-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "../assets/check-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "../assets/check-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "../assets/check-checked-insensitive.png" + overlay_stretch = TRUE + } + + # Radio Buttons + + image + { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "../assets/radio-unchecked.png" + overlay_stretch = TRUE + } + image + { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "../assets/radio-unchecked.png" + overlay_stretch = TRUE + } + image + { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "../assets/radio-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "../assets/radio-unchecked-insensitive.png" + overlay_stretch = FALSE + } + image + { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "../assets/radio-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "../assets/radio-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "../assets/radio-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "../assets/radio-checked-insensitive.png" + overlay_stretch = TRUE + } + image + { + function = SHADOW # This fixes boxy Qt menu items + file = "../assets/null.png" + border = { 10, 10, 10, 10 } + stretch = TRUE + } + + # Arrow Buttons + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/menu-arrow.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/menu-arrow-selected.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/menu-arrow-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + } +} + +style "menubar_item" +{ + xthickness = 2 + ythickness = 2 + bg[PRELIGHT] = @selected_fg_color + fg[PRELIGHT] = @selected_fg_color +} + +style "menu_framed_box" #this is not needed in Gnome +{ + engine "pixmap" + { + image + { + function = BOX + detail = "menu" + file = "../assets/frame.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + } + } +} + +style "separator_menu_item" +{ + engine "pixmap" + { + image + { + function = BOX + file = "../assets/line-h.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} diff --git a/themes/Darkine/gtk-2.0/widgets/misc b/themes/Darkine/gtk-2.0/widgets/misc new file mode 100644 index 0000000..b8c303a --- /dev/null +++ b/themes/Darkine/gtk-2.0/widgets/misc @@ -0,0 +1,168 @@ +style "treeview" +{ + engine "pixmap" + { + image + { + function = BOX + file = "../assets/tree-header.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} + +style "scrolled_window" +{ + engine "pixmap" + { + image + { + function = SHADOW + file = "../assets/frame.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + } +} + +style "frame" +{ + xthickness = 1 + ythickness = 1 + + engine "pixmap" + { + image + { + function = SHADOW + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = IN + } + image + { + function = SHADOW_GAP + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "../assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "../assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = IN + } + image + { + function = SHADOW + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = OUT + } + image + { + function = SHADOW_GAP + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "../assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "../assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = OUT + } + image + { + function = SHADOW + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_IN + } + image + { + function = SHADOW_GAP + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "../assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "../assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_IN + } + image + { + function = SHADOW + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_OUT + } + image + { + function = SHADOW_GAP + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "../assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "../assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_OUT + } + } +} + +style "tooltips" +{ + xthickness = 8 + ythickness = 4 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color +} + +# Chromium + +style "chrome-gtk-frame" +{ + ChromeGtkFrame::frame-color = @bg_color + ChromeGtkFrame::inactive-frame-color = @bg_color + + ChromeGtkFrame::frame-gradient-size = 100 + ChromeGtkFrame::frame-gradient-color = @bg_color + + ChromeGtkFrame::incognito-frame-color = @bg_color + ChromeGtkFrame::incognito-inactive-frame-color = @bg_color + + ChromeGtkFrame::incognito-frame-gradient-size = 100 + ChromeGtkFrame::incognito-frame-gradient-color = @bg_color + + ChromeGtkFrame::scrollbar-trough-color = shade (0.912, @bg_color) + ChromeGtkFrame::scrollbar-slider-prelight-color = shade (1.04, @bg_color) + ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color +} + +style "null" +{ + engine "pixmap" + { + image + { + function = BOX + file = "../assets/null.png" + stretch = TRUE + } + } +} + +style "toplevel_hack" { + + engine "adwaita" { + } +} + diff --git a/themes/Darkine/gtk-2.0/widgets/notebook b/themes/Darkine/gtk-2.0/widgets/notebook new file mode 100644 index 0000000..15d7ccf --- /dev/null +++ b/themes/Darkine/gtk-2.0/widgets/notebook @@ -0,0 +1,138 @@ +style "notebook_tab_label" +{ + fg[ACTIVE] = @fg_color +} + + +style "notebook" +{ + + xthickness = 5 + ythickness = 2 + + engine "pixmap" + { + image + { + function = EXTENSION + state = ACTIVE + file = "../assets/tab-bottom-inactive.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = TOP + } + image + { + function = EXTENSION + state = ACTIVE + file = "../assets/tab-top-inactive.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = BOTTOM + } + image + { + function = EXTENSION + state = ACTIVE + file = "../assets/tab-left-inactive.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = RIGHT + } + image + { + function = EXTENSION + state = ACTIVE + file = "../assets/tab-right-inactive.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = LEFT + } + image + { + function = EXTENSION + file = "../assets/tab-top-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = BOTTOM + } + image + { + function = EXTENSION + file = "../assets/tab-bottom-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = TOP + } + image + { + function = EXTENSION + file = "../assets/tab-left-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = RIGHT + } + image + { + function = EXTENSION + file = "../assets/tab-right-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = LEFT + } + +# How to draw boxes with a gap on one side (ie the page of a notebook) + + image + { + function = BOX_GAP + file = "../assets/notebook-frame-top.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "../assets/notebook-gap-horizontal.png" + gap_border = { 1, 1, 0, 0 } + gap_side = TOP + } + image + { + function = BOX_GAP + file = "../assets/notebook-frame-bottom.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "../assets/notebook-gap-horizontal.png" + gap_border = { 1, 1, 0, 0 } + gap_side = BOTTOM + } + image + { + function = BOX_GAP + file = "../assets/notebook-frame-top.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "../assets/notebook-gap-vertical.png" + gap_border = { 0, 0, 1, 1 } + gap_side = LEFT + } + image + { + function = BOX_GAP + file = "../assets/notebook-frame-right.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "../assets/notebook-gap-vertical.png" + gap_border = { 0, 0, 1, 1 } + gap_side = RIGHT + } + +# How to draw the box of a notebook when it isnt attached to a tab + + image + { + function = BOX + file = "../assets/frame.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + diff --git a/themes/Darkine/gtk-2.0/widgets/progressbar b/themes/Darkine/gtk-2.0/widgets/progressbar new file mode 100644 index 0000000..f10e9d7 --- /dev/null +++ b/themes/Darkine/gtk-2.0/widgets/progressbar @@ -0,0 +1,47 @@ +style "progressbar" { + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" + { + image + { + function = BOX + detail = "trough" + file = "../assets/progressbar-trough.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = HORIZONTAL + } + image + { + function = BOX + detail = "bar" + file = "../assets/progressbar-bar.png" + stretch = TRUE + border = { 4, 4, 4, 4 } + orientation = HORIZONTAL + } + image + { + function = BOX + detail = "trough" + file = "../assets/progressbar-trough.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = VERTICAL + } + image + { + function = BOX + detail = "bar" + file = "../assets/progressbar-bar.png" + stretch = TRUE + border = { 4, 4, 4, 4 } + orientation = VERTICAL + } + } +} + diff --git a/themes/Darkine/gtk-2.0/widgets/range b/themes/Darkine/gtk-2.0/widgets/range new file mode 100644 index 0000000..d29a85b --- /dev/null +++ b/themes/Darkine/gtk-2.0/widgets/range @@ -0,0 +1,108 @@ +style "range" +{ + engine "pixmap" + { + image + { + function = BOX + detail = "trough" + file = "../assets/scale-trough-horizontal.png" + border = { 4, 4, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image + { + function = BOX + detail = "trough" + file = "../assets/scale-trough-vertical.png" + border = { 0, 0, 4, 4 } + stretch = TRUE + orientation = VERTICAL + } + + # Horizontal + + image + { + function = SLIDER + state = NORMAL + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "../assets/scale-slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image + { + function = SLIDER + state = PRELIGHT + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "../assets/scale-slider-active.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image + { + function = SLIDER + state = INSENSITIVE + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "../assets/scale-slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + # Vertical + + image + { + function = SLIDER + state = NORMAL + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "../assets/scale-slider.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image + { + function = SLIDER + state = PRELIGHT + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "../assets/scale-slider-active.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image + { + function = SLIDER + state = INSENSITIVE + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "../assets/scale-slider.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + # Function below removes ugly boxes + + image + { + function = BOX + file = "../assets/null.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + } + + } +} + diff --git a/themes/Darkine/gtk-2.0/widgets/scrollbar b/themes/Darkine/gtk-2.0/widgets/scrollbar new file mode 100644 index 0000000..96aae92 --- /dev/null +++ b/themes/Darkine/gtk-2.0/widgets/scrollbar @@ -0,0 +1,117 @@ +style "scrollbar" +{ + engine "pixmap" + { + image + { + function = BOX + detail = "trough" + file = "../assets/scrollbar-trough-horizontal.png" + border = { 25,25, 7, 7 } #large borders while LibreOffice won't use GtkScrollbar::stepper-spacing=1 + stretch = TRUE + orientation = HORIZONTAL + } + image + { + function = BOX + detail = "trough" + file = "../assets/scrollbar-trough-vertical.png" + border = { 7, 7, 25, 25 } + stretch = TRUE + orientation = VERTICAL + } + +# Sliders + + image + { + function = SLIDER + state = NORMAL + file = "../assets/scrollbar-slider-horizontal.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + orientation = HORIZONTAL + + } + image + { + function = SLIDER + state = ACTIVE + file = "../assets/scrollbar-slider-horizontal-hover.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + orientation = HORIZONTAL + + } + image + { + function = SLIDER + state = PRELIGHT + file = "../assets/scrollbar-slider-horizontal-hover.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + orientation = HORIZONTAL + + } + image + { + function = SLIDER + state = INSENSITIVE + file = "../assets/scrollbar-slider-horizontal.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + orientation = HORIZONTAL + + } + +# X Verticals + + image + { + function = SLIDER + state = NORMAL + file = "../assets/scrollbar-slider-vertical.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + orientation = VERTICAL + + } + image + { + function = SLIDER + state = ACTIVE + file = "../assets/scrollbar-slider-vertical-hover.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + orientation = VERTICAL + + } + image + { + function = SLIDER + state = PRELIGHT + file = "../assets/scrollbar-slider-vertical-hover.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + orientation = VERTICAL + + } + image + { + function = SLIDER + state = INSENSITIVE + file = "../assets/scrollbar-slider-vertical.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + orientation = VERTICAL + + } + image + { + function = STEPPER + file = "../assets/null.png" + stretch = TRUE + + } + } +} diff --git a/themes/Darkine/gtk-2.0/widgets/styles b/themes/Darkine/gtk-2.0/widgets/styles new file mode 100644 index 0000000..01a0da8 --- /dev/null +++ b/themes/Darkine/gtk-2.0/widgets/styles @@ -0,0 +1,52 @@ +class "GtkWidget" style "default" +class "GtkScrollbar" style "scrollbar" +class "GtkButton" style "button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkSpinButton" style "spinbutton" +class "GtkNotebook" style "notebook" +class "GtkRange" style "range" +class "GtkProgressBar" style "progressbar" +class "GtkSeparatorMenuItem" style "separator_menu_item" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkToolButton" style "toolbuttons" +class "ChromeGtkFrame" style "chrome-gtk-frame" +class "GtkToggleButton" style "togglebutton" + +widget_class "**" style "menubar" +widget_class "**" style "menu" +widget_class "**" style "menu_framed_box" +widget_class "**" style "menu_item" +widget_class "*.*" style "menubar_item" +widget_class "*Nautilus*ToolBar*" style "toolbar" +widget_class "*HandleBox" style "toolbar" +widget_class "*BonoboDockItem" style "toolbar" +widget_class "*HandleBox" style "toolbar" +widget_class "*" style "toolbar" +widget_class "*.*" style "treeview" +widget_class "*Tool*GtkButton" style "toolbuttons" +widget_class "*Tool*GtkToggleButton" style "tooltoggle_buttons" +widget_class "**" style "tooltoggle_buttons" +widget_class "**" style "button_label" +widget_class "*.." style "button_label" +widget_class "**" style "button" +widget_class "**" style "combobox_separator" +widget_class "*.*" style "combobox_separator" +widget_class "**" style "combobox_entry" +widget_class "**" style "combobox_entry_button" +widget_class "**" style "combobox_entry" +widget_class "*." style "combobox_entry_button" +widget_class "**GtkToggleButton*" style "toolbuttons" +widget_class "**GtkComboBox*" style "button" +widget_class "*." style "notebook_tab_label" +widget "gtk-tooltip*" style "tooltips" + +# Xchat special cases +widget "*xchat-inputbox" style "entry" + +# Chrome/Chromium +widget_class "*Chrom*Button*" style "button" +widget "*swt*toolbar*" style "toolbuttons" + +class "GtkWindow" style "toplevel_hack" diff --git a/themes/Darkine/gtk-2.0/widgets/toolbar b/themes/Darkine/gtk-2.0/widgets/toolbar new file mode 100644 index 0000000..ef67c7a --- /dev/null +++ b/themes/Darkine/gtk-2.0/widgets/toolbar @@ -0,0 +1,94 @@ +style "toolbar" +{ + engine "pixmap" + { + image + { + function = BOX + file = "../assets/toolbar-background.png" + stretch = TRUE + } + } +} + +style "toolbuttons" +{ + xthickness = 2 + ythickness = 2 + GtkWidget::focus_padding = 2 + + engine "pixmap" { + +image + { + function = BOX + state = NORMAL + file = "../assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } +image + { + function = BOX + state = PRELIGHT + file = "../assets/toolbutton-hover.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } +image + { + function = BOX + state = ACTIVE + file = "../assets/toolbutton-active.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } +image + { + function = BOX + state = INSENSITIVE + file = "../assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + +style "tooltoggle_buttons" +{ + engine "pixmap" + { + image + { + function = BOX + state = NORMAL + file = "../assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = PRELIGHT + file = "../assets/toolbutton-hover.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = ACTIVE + file = "../assets/toolbutton-toggled.png" + border = { 4, 4, 4, 4} + stretch = TRUE + } + image + { + function = BOX + state = INSENSITIVE + file = "../assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} diff --git a/themes/Darkine/gtk-3.18/gtk-dark.css b/themes/Darkine/gtk-3.18/gtk-dark.css new file mode 100644 index 0000000..e81d584 --- /dev/null +++ b/themes/Darkine/gtk-3.18/gtk-dark.css @@ -0,0 +1,3033 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #57584f; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #57584f; +/* +widget base background color */ +@define-color theme_bg_color #1b1c16; +/* +text widgets and the like base background color */ +@define-color theme_base_color #1d1e17; +/* +base background color of selections */ +@define-color theme_selected_bg_color #241c2c; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #57584f; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #191914; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(79, 80, 72, 0.35); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color rgba(79, 80, 72, 0.35); +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #57584f; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #57584f; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1b1c16; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #1d1e17; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color rgba(36, 28, 44, 0.5); +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #57584f; +/* +widgets main borders color */ +@define-color borders #21221c; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #21221c; +/* +widgets main borders color insensitive */ +@define-color insensitive_borders rgba(30, 31, 25, 0.35); +/* +these are pretty self explicative */ +@define-color warning_color #fc961f; +@define-color error_color #f82570; +@define-color success_color #a6e12d; +@define-color content_view_bg #1d1e17; +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #f82570; + -GtkButton-child-displacement-x: 0; + -GtkButton-child-displacement-y: 0; + -GtkCheckButton-indicator-size: 18; + -GtkCheckMenuItem-indicator-size: 18; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkWidget-link-color: #616258; + -GtkWidget-visited-link-color: #616258; + -GtkWidget-focus-padding: 2; + -GtkWidget-focus-line-width: 1; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + -GtkStatusbar-shadow-type: none; + outline-width: 0px; } + +/*************** + * Base States * + ***************/ +.background { + color: #57584f; + background-color: #1b1c16; } + .background:backdrop { + text-shadow: none; + icon-shadow: none; + color: #57584f; + background-color: #1b1c16; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:insensitive { + -gtk-image-effect: dim; } + +.gtkstyle-fallback { + background-color: #1b1c16; + color: #57584f; } + .gtkstyle-fallback:prelight { + background-color: #37392c; + color: #57584f; } + .gtkstyle-fallback:active { + background-color: black; + color: #57584f; } + .gtkstyle-fallback:insensitive { + background-color: #191914; + color: rgba(79, 80, 72, 0.35); } + .gtkstyle-fallback:selected { + background-color: #241c2c; + color: #57584f; } + +.view { + color: #43443d; + background-color: #1d1e17; } + .view:backdrop { + color: #43443d; + background-color: #1d1e17; } + .view:selected { + border-radius: 3px; } + .view:insensitive { + color: rgba(79, 80, 72, 0.35); } + +.rubberband { + border: 1px solid #241c2c; + background-color: rgba(36, 28, 44, 0.2); } + .rubberband:backdrop { + border-color: #241c2c; + background-color: rgba(36, 28, 44, 0.2); } + +.label.separator, GtkPlacesSidebar.sidebar .view .label.separator { + color: #57584f; } + .label.separator:backdrop, + GtkPlacesSidebar.sidebar .view .label.separator:backdrop { + color: #57584f; } + +.label:insensitive { + color: rgba(79, 80, 72, 0.35); } + .label:insensitive:backdrop { + color: rgba(79, 80, 72, 0.35); } + +.dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, +.header-bar .subtitle { + opacity: 0.5; + text-shadow: none; } + +GtkAssistant .sidebar { + background-color: #57584f; + border-top: 1px solid #21221c; } + GtkAssistant .sidebar:dir(ltr) { + border-right: 1px solid #21221c; } + GtkAssistant .sidebar:dir(rtl) { + border-left: 1px solid #21221c; } + GtkAssistant .sidebar:backdrop { + background-color: #57584f; + border-color: #21221c; } + +GtkAssistant.csd .sidebar { + border-top-style: none; } + +GtkAssistant .sidebar .label { + padding: 6px 12px; } + +GtkAssistant .sidebar .label.highlight { + background-color: #292a22; } + +GtkTextView { + background-color: #1c1d17; } + GtkTextView:backdrop { + background-color: #1c1d17; } + GtkTextView:insensitive { + color: rgba(79, 80, 72, 0.35); } + +.grid-child { + padding: 3px; + border-radius: 3px; } + +.app-notification, +.app-notification.frame, .popover.osd, .osd { + color: #57584f; + border: 1px solid #1b1c16; + background-color: rgba(27, 28, 22, 0.8); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .app-notification:backdrop, .popover.osd:backdrop, .osd:backdrop { + color: #57584f; + background-color: rgba(27, 28, 22, 0.8); } + +.view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .list-row:selected, .sidebar:selected, +.sidebar .view:selected, GtkPlacesSidebar.sidebar .view:selected { + background-color: #241c2c; + color: #57584f; } + .view:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected { + background-color: rgba(36, 28, 44, 0.5); + color: #1d1e17; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#241c2c), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#241c2c), to(transparent)); } } + +.button, .button.osd, .osd .button { + border: 1px solid; + border-radius: 3px; + padding: 6px; + background-clip: border-box; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .flat.button { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + transition: none; } + .flat.button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + .flat.button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .flat.button:checked { + background-color: #21221c; } + .button:hover { + color: #57584f; + border-color: #241c2c; + -gtk-image-effect: highlight; } + .button:active, .button:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); + transition-duration: 50ms; } + .button:active:hover, .button:checked:hover { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .button:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); + -gtk-image-effect: none; } + .button:backdrop:active, .button:backdrop:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .button:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .button:backdrop:insensitive > .label, .osd .button:backdrop:insensitive > .label { + color: inherit; } + .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .button:backdrop:insensitive:active > .label, .osd .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .osd .button:backdrop:insensitive:checked > .label { + color: inherit; } + .flat.button:backdrop { + -gtk-image-effect: none; + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: #57584f; } + .flat.button:insensitive { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: rgba(79, 80, 72, 0.35); } + .flat.button:backdrop:insensitive { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: rgba(79, 80, 72, 0.35); } + .button:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .button:insensitive > .label, .osd .button:insensitive > .label { + color: inherit; } + .button:insensitive:active, .button:insensitive:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label { + color: inherit; } + +.button.suggested-action, +.button.suggested-action.osd .button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #241c2c, #231b2b); } + .button.suggested-action.flat, + .button.suggested-action.osd .button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: #241c2c; } + .button.suggested-action:hover, + .button.suggested-action.osd .button:hover { + color: white; + border-color: #241c2c; } + .button.suggested-action:active, .button.suggested-action:checked, + .button.suggested-action.osd .button:active, + .button.suggested-action.osd .button:checked { + color: white; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, + .button.suggested-action.osd .button:backdrop, + .button.suggested-action.osd .button.flat:backdrop { + color: white; + border-color: #21221c; + background-image: linear-gradient(to bottom, #241c2c, #231b2b); } + .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked, + .button.suggested-action.osd .button:backdrop:active, + .button.suggested-action.osd .button:backdrop:checked, + .button.suggested-action.osd .button.flat:backdrop:active, + .button.suggested-action.osd .button.flat:backdrop:checked { + color: white; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.osd .button:backdrop:insensitive, + .button.suggested-action.osd .button.flat:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, + .button.suggested-action.osd .button:backdrop:insensitive > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { + color: inherit; } + .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, + .button.suggested-action.osd .button:backdrop:insensitive:active, + .button.suggested-action.osd .button:backdrop:insensitive:checked, + .button.suggested-action.osd .button.flat:backdrop:insensitive:active, + .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, + .button.suggested-action.osd .button:backdrop:insensitive:active > .label, + .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { + color: inherit; } + .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.osd .button.flat:backdrop, + .button.suggested-action.osd .button.flat:insensitive, + .button.suggested-action.osd .button.flat:backdrop:insensitive { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: rgba(36, 28, 44, 0.8); } + .button.suggested-action:insensitive, + .button.suggested-action.osd .button:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .button.suggested-action:insensitive > .label, + .button.suggested-action.osd .button:insensitive > .label { + color: inherit; } + .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, + .button.suggested-action.osd .button:insensitive:active, + .button.suggested-action.osd .button:insensitive:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, + .button.suggested-action.osd .button:insensitive:active > .label, + .button.suggested-action.osd .button:insensitive:checked > .label { + color: inherit; } + +.button.destructive-action, +.button.destructive-action.osd .button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #f82570; + background-image: linear-gradient(to bottom, #f82872, #f81d6b); } + .button.destructive-action.flat, + .button.destructive-action.osd .button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: #f82570; } + .button.destructive-action:hover, + .button.destructive-action.osd .button:hover { + color: white; + border-color: #f82570; } + .button.destructive-action:active, .button.destructive-action:checked, + .button.destructive-action.osd .button:active, + .button.destructive-action.osd .button:checked { + color: white; + border-color: #f82570; + background-image: linear-gradient(to bottom, #f82d75, #f70c60); } + .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, + .button.destructive-action.osd .button:backdrop, + .button.destructive-action.osd .button.flat:backdrop { + color: white; + border-color: #21221c; + background-image: linear-gradient(to bottom, #f82872, #f81d6b); } + .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, + .button.destructive-action.osd .button:backdrop:active, + .button.destructive-action.osd .button:backdrop:checked, + .button.destructive-action.osd .button.flat:backdrop:active, + .button.destructive-action.osd .button.flat:backdrop:checked { + color: white; + border-color: #f82570; + background-image: linear-gradient(to bottom, #f82d75, #f70c60); } + .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.osd .button:backdrop:insensitive, + .button.destructive-action.osd .button.flat:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, + .button.destructive-action.osd .button:backdrop:insensitive > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { + color: inherit; } + .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, + .button.destructive-action.osd .button:backdrop:insensitive:active, + .button.destructive-action.osd .button:backdrop:insensitive:checked, + .button.destructive-action.osd .button.flat:backdrop:insensitive:active, + .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(247, 12, 96, 0.35); + background-image: linear-gradient(to bottom, rgba(247, 19, 100, 0.35), rgba(228, 7, 86, 0.35)); } + .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, + .button.destructive-action.osd .button:backdrop:insensitive:active > .label, + .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { + color: inherit; } + .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.osd .button.flat:backdrop, + .button.destructive-action.osd .button.flat:insensitive, + .button.destructive-action.osd .button.flat:backdrop:insensitive { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: rgba(248, 37, 112, 0.8); } + .button.destructive-action:insensitive, + .button.destructive-action.osd .button:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .button.destructive-action:insensitive > .label, + .button.destructive-action.osd .button:insensitive > .label { + color: inherit; } + .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, + .button.destructive-action.osd .button:insensitive:active, + .button.destructive-action.osd .button:insensitive:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(247, 19, 100, 0.35), rgba(228, 7, 86, 0.35)); } + .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, + .button.destructive-action.osd .button:insensitive:active > .label, + .button.destructive-action.osd .button:insensitive:checked > .label { + color: inherit; } + +.button.image-button { + padding: 6px; } + +.button.text-button { + padding: 6px; } + +.button.text-button.image-button { + padding: 6px; } + .button.text-button.image-button .label:first-child { + padding-left: 8px; } + .button.text-button.image-button .label:last-child { + padding-right: 8px; } + +.stack-switcher > .button > .label { + padding-left: 6px; + padding-right: 6px; } + +.stack-switcher > .button > GtkImage { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + +.stack-switcher > .button.text-button { + padding: 6px; } + +.stack-switcher > .button.image-button { + padding: 3px 0px; } + +.stack-switcher > .button.needs-attention:active > .label, +.stack-switcher > .button.needs-attention:active > GtkImage, +.stack-switcher > .button.needs-attention:checked > .label, +.stack-switcher > .button.needs-attention:checked > GtkImage { + animation: none; + background-image: none; } + +.inline-toolbar .button, .inline-toolbar .button:backdrop { + border-radius: 3px; + border-width: 1px; } + +.primary-toolbar .button { + icon-shadow: none; } + +/************** + * ComboBoxes * + **************/ +GtkComboBox { + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; } + GtkComboBox > .button { + padding: 5px 4px; } + GtkComboBox:insensitive { + color: rgba(79, 80, 72, 0.35); + text-shadow: none; + icon-shadow: none; } + GtkComboBox:backdrop { + color: #57584f; + text-shadow: none; + icon-shadow: none; } + GtkComboBox:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); } + GtkComboBox .menuitem { + text-shadow: none; } + GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator { + -GtkWidget-wide-separators: true; } + +.stack-switcher > .button.needs-attention > .label, +.stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#241c2c), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#57584f), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > .button.needs-attention > .label:backdrop, + .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > .button.needs-attention > .label:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { + background-position: left 3px, left 4px; } + +.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, +.linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { + border-radius: 3px; } + .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), + .linked > .button:dir(rtl):hover, + .linked > .button:dir(rtl):active, + .linked > .button:dir(rtl):checked, + .linked > .button:dir(rtl):backdrop, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl):backdrop { + border-radius: 3px; } + +.inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child { + border-radius: 3px; + border-style: solid; } + +.inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child { + border-radius: 3px; } + +.inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, +.linked.vertical > .button:backdrop { + border-style: solid; + border-radius: 3px; } + +.linked.vertical > .button:first-child { + border-radius: 3px; } + +.linked.vertical > .button:last-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > .button:only-child { + border-radius: 3px; + border-style: solid; } + +.app-notification .button.flat, +.app-notification.frame .button.flat, .app-notification .button.flat:hover, +.app-notification.frame .button.flat:hover, .app-notification .button.flat:active, +.app-notification.frame .button.flat:active, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive, +.app-notification.frame .button.flat:backdrop, +.app-notification.frame .button.flat:insensitive, +.app-notification.frame .button.flat:backdrop:insensitive, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:active, GtkCalendar.button:backdrop, .titlebar .button.flat:insensitive, +.header-bar .button.flat:insensitive, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .button:link:backdrop, .button:visited:backdrop, .list-row.button, +.list-row.button:backdrop, +.list-row.button:backdrop:active, +.list-row.button:backdrop:checked, +.list-row.button:backdrop:insensitive, +.list-row.button:backdrop:insensitive:active, +.list-row.button:backdrop:insensitive:checked, +.list-row.button:insensitive:active, +.list-row.button:insensitive:checked, .menuitem.button.flat, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .scale-popup .button, +.scale-popup .button.flat, .scale-popup .button:hover, +.scale-popup .button.flat:hover, .scrollbar .button, .scrollbar .button:hover, .scrollbar .button:backdrop, .header-bar .button.titlebutton, +.titlebar .button.titlebutton, .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, +.titlebar .button.titlebutton:hover, +.titlebar .button.titlebutton:active, +.titlebar .button.titlebutton:checked, +.titlebar .button.titlebutton:backdrop, +.titlebar .button.titlebutton:active:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + +/**************** + * Text Entries * + ****************/ +.entry { + border: 1px solid; + padding: 5px 8px 5px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; + box-shadow: none; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } + .entry.flat, .entry.flat:focus { + padding: 2px; + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; + box-shadow: none; + border: none; + border-radius: 0; } + .entry:focus { + border-color: #323529; } + .entry:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-color: rgba(26, 27, 21, 0.35); } + .entry:backdrop { + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; } + .entry:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-color: rgba(26, 27, 21, 0.35); } + .entry.progressbar { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #241c2c; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + .entry.progressbar:backdrop { + background-color: transparent; + border-color: rgba(36, 28, 44, 0.5); } + .entry.error { + color: #f82570; + border-color: #f82570; + background-color: rgba(248, 37, 112, 0.5); } + .entry.error:focus { + border-color: #f82570; + background-color: rgba(248, 37, 112, 0.5); } + .entry.error:selected, .entry.error:selected:focus { + background-color: #f82570; } + .entry.error:backdrop { + color: #f82570; + border-color: #f82570; + background-color: rgba(248, 37, 112, 0.5); } + .entry.warning { + color: #fc961f; + border-color: #fc961f; + background-color: rgba(252, 150, 31, 0.5); } + .entry.warning:focus { + border-color: #fc961f; + background-color: rgba(252, 150, 31, 0.5); } + .entry.warning:selected, .entry.warning:selected:focus { + background-color: #fc961f; } + .entry.warning:backdrop { + color: #fc961f; + border-color: #fc961f; + background-color: rgba(252, 150, 31, 0.5); } + .entry.image { + color: #57584f; } + .entry.image:hover { + color: #241c2c; } + .entry.image:active { + color: #241c2c; } + .entry.image:backdrop { + color: #57584f; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-top-width: 0px; + border-radius: 0px 0px 3px 3px; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; } + .app-notification .button, + .app-notification.frame .button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .app-notification .button.flat, + .app-notification.frame .button.flat { + icon-shadow: none; + text-shadow: none; } + .app-notification .button.flat:hover, + .app-notification.frame .button.flat:hover { + color: #241c2c; } + .app-notification .button.flat:active, + .app-notification.frame .button.flat:active { + color: #241c2c; } + .app-notification .button:hover, + .app-notification.frame .button:hover { + color: #57584f; + border-color: #241c2c; } + .app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked, + .app-notification.frame .button:active, + .app-notification.frame .button:checked, + .app-notification.frame .button:backdrop:active, + .app-notification.frame .button:backdrop:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive, + .app-notification.frame .button:insensitive, + .app-notification.frame .button:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .app-notification .button:insensitive > .label, .app-notification .button:backdrop:insensitive > .label, + .app-notification.frame .button:insensitive > .label, + .app-notification.frame .button:backdrop:insensitive > .label { + color: inherit; } + .app-notification .button:backdrop, + .app-notification.frame .button:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + +/************ + * Calendar * + ***********/ +GtkCalendar { + color: #57584f; + border: 1px solid #21221c; + background-color: #1d1e17; } + GtkCalendar:selected { + background-color: #21221c; } + GtkCalendar:insensitive { + color: rgba(79, 80, 72, 0.35); } + GtkCalendar.header { + border: 1px solid #21221c; + border-radius: 0; + color: #57584f; } + GtkCalendar.header:backdrop { + color: #57584f; + border-color: #21221c; } + GtkCalendar.header:insensitive { + color: rgba(79, 80, 72, 0.35); } + GtkCalendar.button { + color: #57584f; } + GtkCalendar.button:hover { + color: #241c2c; } + GtkCalendar.button:active { + color: #241c2c; } + GtkCalendar.button:backdrop { + color: #57584f; } + GtkCalendar:inconsistent, GtkCalendar.highlight { + color: rgba(87, 88, 79, 0.5); } + GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight:backdrop { + color: rgba(87, 88, 79, 0.5); } + GtkCalendar:backdrop { + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; } + +/************************* + * Check and Radio items * + *************************/ +.check { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); + icon-shadow: none; } + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); + icon-shadow: none; } + +.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); + icon-shadow: none; } + +.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.check:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); + icon-shadow: none; } + +.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); + icon-shadow: none; } + +.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); + icon-shadow: none; } + +.check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); + icon-shadow: none; } + +.check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); + icon-shadow: none; } + +.check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); + icon-shadow: none; } + +.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); + icon-shadow: none; } + +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); + icon-shadow: none; } + +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); + icon-shadow: none; } + +.check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); + icon-shadow: none; } + +.check:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); + icon-shadow: none; } + +.menu .menuitem.check:hover, +.popover .button.flat.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + +.menu .menuitem.check:active:hover, +.popover .button.flat.check:active:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + +.menu .menuitem.check:checked:hover, +.popover .button.flat.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + +.menu .menuitem.check:inconsistent:hover, +.popover .button.flat.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + +.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + icon-shadow: none; } + +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + icon-shadow: none; } + +.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + icon-shadow: none; } + +.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.radio:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + icon-shadow: none; } + +.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + icon-shadow: none; } + +.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + icon-shadow: none; } + +.radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + icon-shadow: none; } + +.radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); + icon-shadow: none; } + +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + icon-shadow: none; } + +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + icon-shadow: none; } + +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + icon-shadow: none; } + +.radio:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + icon-shadow: none; } + +.radio:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); + icon-shadow: none; } + +.menu .menuitem.radio:hover, +.popover .button.flat.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + +.menu .menuitem.radio:active:hover, +.popover .button.flat.radio:active:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + +.menu .menuitem.radio:checked:hover, +.popover .button.flat.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + +.menu .menuitem.radio:inconsistent:hover, +.popover .button.flat.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + +.view.check, .view.radio, +.list-row .check, list-row .radio { + icon-shadow: none; } + .view.check:selected, .view.check:hover, .view.radio:selected, .view.radio:hover, + .list-row .check:selected, + .list-row .check:hover, list-row .radio:selected, list-row .radio:hover { + icon-shadow: none; } + +.view.content-view.check { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); + background-color: transparent; } + +.view.content-view.check:hover { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); + background-color: transparent; } + +.view.content-view.check:active { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:backdrop { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); + background-color: transparent; } + +.view.content-view.check:checked { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:hover { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:active { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:backdrop:checked { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); + background-color: transparent; } + +GtkCheckButton.text-button, GtkRadioButton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + color: rgba(79, 80, 72, 0.35); } + GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop { + color: rgba(79, 80, 72, 0.35); } + +/***************** + * Color Chooser * + *****************/ +:selected GtkColorSwatch { + box-shadow: none; } + :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { + border-color: #57584f; } + +GtkColorSwatch:selected { + box-shadow: none; } + +GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), +GtkColorSwatch.top > .overlay, +GtkColorSwatch.bottom > .overlay, +GtkColorSwatch:first-child:not(.top) > .overlay, +GtkColorSwatch:last-child:not(.bottom) > .overlay, +GtkColorSwatch:only-child > .overlay { + border-radius: 3px; } + +GtkColorSwatch:hover, GtkColorSwatch:hover:selected { + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } + +GtkColorSwatch:backdrop, +GtkColorSwatch:backdrop:selected GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { + background-image: none; + box-shadow: none; } + +GtkColorEditor GtkColorSwatch { + border-radius: 3px; } + GtkColorEditor GtkColorSwatch:hover { + background-image: none; + box-shadow: none; } + GtkColorEditor GtkColorSwatch:backdrop { + box-shadow: none; } + +GtkColorSwatch.color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.color-dark:backdrop { + color: rgba(255, 255, 255, 0.3); } + +GtkColorSwatch.color-light { + color: black; + outline-color: rgba(255, 255, 255, 0.5); } + GtkColorSwatch.color-light:backdrop { + color: rgba(0, 0, 0, 0.3); } + +GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { + border: 1px solid #21221c; } + GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { + border-color: #241c2c; } + +GtkColorSwatch#add-color-button { + border-style: solid; + border-width: 1px; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + GtkColorSwatch#add-color-button:hover { + color: #57584f; + border-color: #241c2c; } + GtkColorSwatch#add-color-button:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + GtkColorSwatch#add-color-button .overlay { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; } + +GtkColorButton.button { + padding: 5px; } + GtkColorButton.button GtkColorSwatch:first-child:last-child { + border-radius: 0; + box-shadow: none; } + GtkColorButton.button GtkColorSwatch:first-child:last-child:insensitive, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +.message-dialog { + -GtkDialog-button-spacing: 8; + -GtkDialog-action-area-border: 8; } + .message-dialog.background { + background-color: #1b1c16; } + .message-dialog:backdrop { + background-color: #1b1c16; } + .message-dialog .titlebar { + box-shadow: none; } + +GtkFileChooserDialog .search-bar { + background-color: #1b1c16; + border-color: #1b1c16; + box-shadow: none; } + GtkFileChooserDialog .search-bar:backdrop { + background-color: #1b1c16; + border-color: #1b1c16; + color: #57584f; } + +GtkFileChooserDialog .dialog-action-box { + border-top: 1px solid #21221c; } + GtkFileChooserDialog .dialog-action-box:backdrop { + border-top-color: #21221c; } + +/*************** + * Header bars * + ***************/ +.titlebar, +.header-bar { + transition: none; + padding: 4px 6px; + border-width: 0px 0px 1px 0px; + border-radius: 3px 3px 0px 0px; + border-style: solid; + border-color: #21221c; + color: #43443d; + background-image: linear-gradient(to bottom, #1b1c16, #161613); } + .titlebar:backdrop, + .header-bar:backdrop { + border-color: transparent; + background-image: none; + background-color: #161613; + color: #3b3c36; + box-shadow: none; } + .titlebar .path-bar .button, + .header-bar .path-bar .button { + color: #43443d; } + .titlebar .button, + .header-bar .button { + transition: none; + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #43443d; + text-shadow: none; + icon-shadow: none; } + .titlebar .button.flat, + .header-bar .button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #43443d; + text-shadow: none; + icon-shadow: none; } + .titlebar .button:hover, + .header-bar .button:hover { + color: #43443d; + border-color: #241c2c; } + .titlebar .button:hover:backdrop, + .header-bar .button:hover:backdrop { + border-color: #161613; } + .titlebar .button:active, .titlebar .button:checked, + .header-bar .button:active, + .header-bar .button:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .titlebar .button:active:hover, .titlebar .button:checked:hover, + .header-bar .button:active:hover, + .header-bar .button:checked:hover { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .titlebar .button:active:backdrop, .titlebar .button:checked:backdrop, + .header-bar .button:active:backdrop, + .header-bar .button:checked:backdrop { + background-image: none; + background-color: #161613; + border-color: #161613; + color: #3b3c36; } + .titlebar .button:backdrop, + .header-bar .button:backdrop { + background-color: #161613; + color: #3b3c36; } + .titlebar .button.flat:backdrop, .titlebar .button.flat:backdrop:insensitive, .titlebar .button:insensitive:backdrop, + .header-bar .button.flat:backdrop, + .header-bar .button.flat:backdrop:insensitive, + .header-bar .button:insensitive:backdrop { + background-image: none; + background-color: #161613; + color: #3b3c36; + border-color: transparent; } + .titlebar .button.flat:insensitive, + .header-bar .button.flat:insensitive { + color: rgba(61, 62, 55, 0.35); } + .titlebar .button:insensitive, + .header-bar .button:insensitive { + background-color: transparent; + background-image: none; + color: rgba(61, 62, 55, 0.35); } + .titlebar .button:insensitive:active, .titlebar .button:insensitive:checked, + .header-bar .button:insensitive:active, + .header-bar .button:insensitive:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .titlebar .button:insensitive:active > .label, .titlebar .button:insensitive:checked > .label, + .header-bar .button:insensitive:active > .label, + .header-bar .button:insensitive:checked > .label { + color: inherit; } + .titlebar .title, + .header-bar .title { + font-weight: normal; + padding: 0px 12px; } + .titlebar .subtitle, + .header-bar .subtitle { + font-size: smaller; + padding: 0 12px; } + .titlebar .header-bar-separator, + .titlebar > GtkBox > .separator.vertical, + GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator, + .header-bar .header-bar-separator, + .header-bar > GtkBox > .separator.vertical, + GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator { + -GtkWidget-wide-separators: true; + -GtkWidget-separator-width: 1px; + border-width: 0px; + background-color: #161613; + border-color: #161613; } + .titlebar .header-bar-separator:backdrop, + .titlebar > GtkBox > .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, + .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { + background-color: #161613; + border-color: #161613; } + .titlebar.selection-mode .selection-menu, + .header-bar.selection-mode .selection-menu { + padding-left: 10px; + padding-right: 10px; } + .titlebar.selection-mode .selection-menu GtkArrow, + .header-bar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .titlebar.selection-mode .selection-menu .arrow, + .header-bar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("arrow-down"); + icon-shadow: none; } + .tiled .titlebar, .maximized .titlebar, .tiled + .header-bar, .maximized + .header-bar { + border-radius: 0; } + .titlebar.default-decoration, + .header-bar.default-decoration { + padding: 4px; } + .titlebar.default-decoration .button, + .header-bar.default-decoration .button { + padding: 5px; } + +.titlebar .button.suggested-action, +.header-bar .button.suggested-action, .titlebar.selection-mode.suggested-action, +.header-bar.selection-mode.suggested-action { + background-image: none; + background-color: #241c2c; } + .titlebar .button.suggested-action:hover, + .header-bar .button.suggested-action:hover, .titlebar.selection-mode.suggested-action:hover, + .header-bar.selection-mode.suggested-action:hover { + background-color: #241c2c; + color: #57584f; } + .titlebar .button.suggested-action:insensitive, + .header-bar .button.suggested-action:insensitive, .titlebar.selection-mode.suggested-action:insensitive, + .header-bar.selection-mode.suggested-action:insensitive { + background-color: transparent; + background-image: none; + color: rgba(61, 62, 55, 0.35); } + .titlebar .button.suggested-action:insensitive:active, + .header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active, + .header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked, + .header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked, + .header-bar.selection-mode.suggested-action:insensitive:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .titlebar .button.suggested-action:insensitive:active > .label, .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, .header-bar.selection-mode.suggested-action:insensitive:checked > .label { + color: inherit; } + .titlebar .button.suggested-action:backdrop, + .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop, + .header-bar.selection-mode.suggested-action:backdrop { + background-color: #161613; + border-color: transparent; + color: #3b3c36; } + .titlebar .button.suggested-action:backdrop:insensitive, + .header-bar .button.suggested-action:backdrop:insensitive, .titlebar.selection-mode.suggested-action:backdrop:insensitive, + .header-bar.selection-mode.suggested-action:backdrop:insensitive { + color: rgba(54, 55, 49, 0.35); } + +/************** + * GtkInfoBar * + **************/ +GtkInfoBar { + border-style: none; + border-bottom: 1px solid #21221c; + background-color: #1b1c16; + background-image: none; } + GtkInfoBar:backdrop { + border-bottom: 1px solid #21221c; } + +.info, .titlebar.selection-mode, +.header-bar.selection-mode, +.question, +.warning, +.error { + background-color: #1b1c16; + background-image: none; + color: #fc961f; + text-shadow: none; } + .info:backdrop, .titlebar.selection-mode:backdrop, + .header-bar.selection-mode:backdrop, + .question:backdrop, + .warning:backdrop, + .error:backdrop { + background-color: #1b1c16; + color: #fc961f; } + .info .button, .titlebar.selection-mode .button, .header-bar.selection-mode .button, + .question .button, + .warning .button, + .error .button { + box-shadow: none; + background-image: none; + background-color: rgba(252, 150, 31, 0.5); + border-color: rgba(252, 150, 31, 0.5); + color: #57584f; } + .info .button:hover, .titlebar.selection-mode .button:hover, .header-bar.selection-mode .button:hover, + .question .button:hover, + .warning .button:hover, + .error .button:hover { + background-color: rgba(252, 150, 31, 0.25); + border-color: #fc961f; } + .info .button:active, .titlebar.selection-mode .button:active, .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked, + .question .button:active, + .question .button:checked, + .warning .button:active, + .warning .button:checked, + .error .button:active, + .error .button:checked { + background-image: linear-gradient(to bottom, #fc9722, #fc9217); + color: #1b1c16; + border-color: #fc961f; } + .info .button:insensitive, .titlebar.selection-mode .button:insensitive, .header-bar.selection-mode .button:insensitive, + .question .button:insensitive, + .warning .button:insensitive, + .error .button:insensitive { + background-color: rgba(252, 138, 6, 0); + border-color: rgba(252, 138, 6, 0); + color: rgba(79, 80, 72, 0.35); } + .info .button:backdrop, .titlebar.selection-mode .button:backdrop, .header-bar.selection-mode .button:backdrop, + .question .button:backdrop, + .warning .button:backdrop, + .error .button:backdrop { + background-color: rgba(252, 150, 31, 0.5); + border-color: rgba(252, 150, 31, 0.5); + color: #57584f; } + .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, .header-bar.selection-mode .button:backdrop:checked, + .question .button:backdrop:active, + .question .button:backdrop:checked, + .warning .button:backdrop:active, + .warning .button:backdrop:checked, + .error .button:backdrop:active, + .error .button:backdrop:checked { + background-image: linear-gradient(to bottom, #fc9722, #fc9217); + color: #1b1c16; + border-color: #fc961f; } + .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, .header-bar.selection-mode .button:backdrop:insensitive, + .question .button:backdrop:insensitive, + .warning .button:backdrop:insensitive, + .error .button:backdrop:insensitive { + background-color: rgba(252, 138, 6, 0); + border-color: rgba(252, 138, 6, 0); + color: rgba(79, 80, 72, 0.35); } + .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, .header-bar.selection-mode .button:backdrop:insensitive:checked, + .question .button:backdrop:insensitive:active, + .question .button:backdrop:insensitive:checked, + .warning .button:backdrop:insensitive:active, + .warning .button:backdrop:insensitive:checked, + .error .button:backdrop:insensitive:active, + .error .button:backdrop:insensitive:checked { + background-image: linear-gradient(to bottom, rgba(252, 139, 8, 0.35), rgba(246, 134, 3, 0.35)); + color: #191914; + border-color: rgba(252, 138, 6, 0.35); } + +/********* + * Links * + *********/ +*:link, .button:link, .button:visited { + color: #616258; } + *:link:visited, .button:visited { + color: #616258; } + *:selected *:link:visited, *:selected .button:visited { + color: #434041; } + *:link:hover, .button:hover:link, .button:hover:visited { + color: #7c7d70; } + *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { + color: #52524c; } + *:link:active, .button:active:link, .button:active:visited { + color: #616258; } + *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { + color: #4d4c48; } + *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .titlebar.selection-mode .subtitle:backdrop:hover:link, + .header-bar.selection-mode .subtitle:backdrop:hover:link, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited { + color: rgba(36, 28, 44, 0.5); } + *:link:selected, .titlebar.selection-mode .subtitle:link, + .header-bar.selection-mode .subtitle:link, .button:selected:link, .button:selected:visited, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #4d4c48; } + +.button:link, .button:visited { + text-shadow: none; } + .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked { + text-shadow: none; } + +/********* + * Lists * + *********/ +.list, .list-row { + background-color: #1b1c16; + color: #57584f; + border-width: 0px; } + .list:backdrop, .list-row:backdrop { + background-color: #1b1c16; + color: #57584f; } + +.list-row, +.grid-child { + padding: 0px 2px; + border-style: solid; + border-width: 0px; + border-color: #1b1c16; } + +.list-row.button, +.list-row.button:backdrop, +.list-row.button:backdrop:active, +.list-row.button:backdrop:checked, +.list-row.button:backdrop:insensitive, +.list-row.button:backdrop:insensitive:active, +.list-row.button:backdrop:insensitive:checked, +.list-row.button:insensitive:active, +.list-row.button:insensitive:checked { + background-color: rgba(29, 30, 23, 0); + border-style: none; + border-radius: 0; + box-shadow: none; } + +.list-row.button { + background-color: #1b1c16; } + .list-row.button:hover { + background-color: rgba(36, 28, 44, 0.25); } + .list-row.button:active { + background-color: #241c2c; + box-shadow: none; } + .list-row.button:selected { + background-color: #241c2c; } + .list-row.button:selected:active { + box-shadow: none; } + .list-row.button:selected:hover { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .list-row.button:selected:backdrop { + background-color: rgba(36, 28, 44, 0.5); } + .list-row.button:backdrop { + background-color: #1b1c16; } + +.list-row:selected .button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .list-row:selected .button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; } + .list-row:selected .button:hover { + color: #57584f; + border-color: #241c2c; } + .list-row:selected .button:active, .list-row:selected .button:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .button.flat:backdrop:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label { + color: inherit; } + .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label { + color: inherit; } + .list-row:selected .button.flat:backdrop { + background-color: #1b1c16; + color: #57584f; + border-color: transparent; } + .list-row:selected .button:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .list-row:selected .button:insensitive > .label { + color: inherit; } + .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { + color: inherit; } + +.list-row, list-row.button { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .list-row:hover, list-row.button:hover { + transition: none; } + +/********* + * Menus * + *********/ +/* menu buttons */ +.menuitem.button.flat { + color: #57584f; } + .menuitem.button.flat:hover { + background-color: #241c2c; } + .menuitem.button.flat:selected { + background-color: #241c2c; + color: #57584f; } + .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover { + color: #57584f; } + +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: none; + background-color: #1b1c16; } + .menubar:backdrop { + background-color: #1b1c16; } + .menubar > .menuitem { + padding: 6px 8px; } + .menubar > .menuitem:hover { + background-color: #241c2c; + color: #57584f; } + .menubar > .menuitem:insensitive { + color: rgba(79, 80, 72, 0.35); + box-shadow: none; } + .menubar > .menuitem:insensitive:backdrop { + background-color: #1b1c16; + color: rgba(79, 80, 72, 0.35); } + .menubar > .menuitem:backdrop { + background-color: #1b1c16; + color: #57584f; } + +.menu { + padding: 0px; + background-color: #1b1c16; + border: 1px solid #21221c; + border-radius: 3px; } + .csd .menu { + border: 1px solid #21221c; } + .menu .separator, .menu GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .menu .separator { + color: #21221c; } + .menu .menuitem { + text-shadow: none; + padding: 4px 4px; } + .menu .menuitem:hover { + color: #57584f; + background-color: #241c2c; } + .menu .menuitem:insensitive { + color: rgba(79, 80, 72, 0.35); } + .menu .menuitem:insensitive:backdrop { + color: rgba(79, 80, 72, 0.35); } + .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { + color: #57584f; + background-color: #1b1c16; } + .menu .menuitem.arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + .menu .menuitem.arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +.menuitem .accelerator { + color: alpha(currentColor,0.5); } + +/*************** + * Popovers * + ***************/ +.popover { + margin: 10px; + padding: 0px; + border: 1px solid #21221c; + border-radius: 3px; + background-color: #1b1c16; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); } + .popover:backdrop { + box-shadow: none; } + .popover > .list, + .popover > .view, + .popover > .toolbar, + .popover > .inline-toolbar, + .popover > .search-bar, + .popover > .location-bar, + .popover.osd > .toolbar, + .popover.osd > .inline-toolbar, + .popover.osd > .search-bar, + .popover.osd > .location-bar { + border-style: none; + background-color: transparent; } + .popover .button.flat { + border-radius: 0px; + color: #57584f; } + .popover .button.flat .label { + padding: 4px 0px; } + .popover .button.flat:hover, .popover .button.flat:checked:hover { + background-image: none; + background-color: #241c2c; + color: #57584f; + transition: none; } + .popover .button.flat:backdrop { + background-color: transparent; + color: #57584f; } + +.entry.cursor-handle, +.cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + .entry.cursor-handle.top, + .cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + .entry.cursor-handle.bottom, + .cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +.scale-popup .button, +.scale-popup .button.flat { + background-color: transparent; + padding: 5px; + color: #57584f; } + .scale-popup .button:hover, + .scale-popup .button.flat:hover { + color: #241c2c; } + .scale-popup .button:active, + .scale-popup .button.flat:active { + color: #241c2c; } + .scale-popup .button:insensitive, + .scale-popup .button.flat:insensitive { + color: rgba(79, 80, 72, 0.35); } + .scale-popup .button:backdrop, + .scale-popup .button.flat:backdrop { + color: #57584f; } + .scale-popup .button:backdrop:insensitive, + .scale-popup .button.flat:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); } + +GtkVolumeButton.button { + padding: 5px; } + +/******** + * Misc * + ********/ +/********** +* Frames * +**********/ +.frame { + border: 1px solid #21221c; + padding: 0; } + .frame.flat { + border-style: none; } + .frame.action-bar { + padding: 6px; + border-width: 1px 0 0; } + .frame.action-bar:backdrop { + border-color: #21221c; } + .frame:backdrop { + border-color: #21221c; } + +GtkScrolledWindow GtkViewport.frame { + border-style: none; } + +.separator, GtkPlacesSidebar.sidebar .view .separator, +GtkPlacesSidebar.sidebar .view .separator:backdrop { + color: transparent; } + .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator { + color: #21221c; } + .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { + color: #21221c; } + GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, + GtkFontButton .separator.vertical, + GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, + GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { + -GtkWidget-wide-separators: true; } + +/************* +* Expanders * +*************/ +.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + .expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + .expander:hover { + color: #a4a59b; } + .expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/********* +* Paned * +*********/ +GtkPaned { + -GtkPaned-handle-size: 1; + -gtk-icon-source: none; + margin: 0 8px 8px 0; } + GtkPaned:dir(rtl) { + margin-right: 0; + margin-left: 8px; } + GtkPaned .pane-separator { + background-color: #21221c; } + GtkPaned .pane-separator:backdrop { + background-color: #21221c; } + +GtkPaned.wide { + -GtkPaned-handle-size: 5; + margin: 0; } + GtkPaned.wide .pane-separator { + background-color: transparent; + border-style: none; } + GtkPaned.wide.vertical .pane-separator { + border-style: none; } + GtkPaned.wide .pane-separator:backdrop { + border-color: transparent; } + +/********************* +* Spinner Animation * +*********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +.spinner { + background-image: none; + background-color: blue; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active { + opacity: 1; + animation: spin 1s linear infinite; } + .spinner:active:insensitive { + opacity: 0.5; } + +/***************** + * Notebooks and * + * Tabs * + *****************/ +.notebook { + -GtkNotebook-initial-gap: 0; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #1b1c16; } + .notebook:backdrop { + background-color: #1b1c16; } + .notebook.frame { + border: 1px solid #21221c; } + .notebook.frame.top { + border-top-width: 0; } + .notebook.frame.bottom { + border-bottom-width: 0; } + .notebook.frame.right { + border-right-width: 0; } + .notebook.frame.left { + border-left-width: 0; } + .notebook.frame:backdrop { + border-color: #21221c; } + .notebook.header { + background-color: #1b1c16; + padding-top: 4px; } + .notebook.header.frame { + border-style: none; } + .notebook.header.top { + box-shadow: inset 0 -1px #21221c; } + .notebook.header.top:backdrop { + box-shadow: inset 0 -1px #21221c; } + .notebook.header.bottom { + box-shadow: inset 0 1px #21221c; } + .notebook.header.bottom:backdrop { + box-shadow: inset 0 1px #21221c; } + .notebook.header.right { + box-shadow: inset 1px 0 #21221c; } + .notebook.header.right:backdrop { + box-shadow: inset 1px 0 #21221c; } + .notebook.header.left { + box-shadow: inset -1px 0 #21221c; } + .notebook.header.left:backdrop { + box-shadow: inset -1px 0 #21221c; } + .notebook.header:backdrop { + background-color: #1b1c16; } + .notebook tab { + border: 1px solid rgba(87, 88, 79, 0.2); + background-color: rgba(87, 88, 79, 0.2); + background-clip: padding-box; + padding: 8px; } + .notebook tab:backdrop { + background-color: rgba(87, 88, 79, 0.2); } + .notebook tab.reorderable-page { + background-color: #1b1c16; } + .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { + padding-left: 12px; + padding-right: 6px; + padding-bottom: 8px; } + .notebook tab.top { + border-radius: 0px 0px 0px 0px; + border-bottom-color: transparent; } + .notebook tab.top:active, .notebook tab.top.active-page { + border-color: #21221c; + border-bottom-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.top:active:backdrop, .notebook tab.top.active-page:backdrop { + border-color: #21221c; + border-bottom-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.bottom { + border-radius: 0px 0px 0px 0px; + border-top-color: transparent; } + .notebook tab.bottom:active, .notebook tab.bottom.active-page { + border-color: #21221c; + border-top-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.bottom:active:backdrop, .notebook tab.bottom.active-page:backdrop { + border-color: #21221c; + border-top-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.left { + border-radius: 0px 0px 0px 0px; + border-right-color: transparent; } + .notebook tab.left:active, .notebook tab.left.active-page { + border-color: #21221c; + border-right-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.left:active:backdrop, .notebook tab.left.active-page:backdrop { + border-color: #21221c; + border-right-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.right { + border-radius: 0px 0px 0px 0px; + border-left-color: transparent; } + .notebook tab.right:active, .notebook tab.right.active-page { + border-color: #21221c; + border-left-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.right:active:backdrop, .notebook tab.right.active-page:backdrop { + border-color: #21221c; + border-left-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab:hover, .notebook tab.prelight-page { + background-color: rgba(36, 28, 44, 0.2); + border-color: rgba(36, 28, 44, 0.2); } + .notebook tab.reorderable-page.top { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-right-width: 1px; + border-right-color: #21221c; + box-shadow: inset -3px 0px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset -3px 0px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset -3px 0px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-right-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.top:backdrop { + background-color: #1b1c16; + border-right-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.bottom { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-right-width: 1px; + border-right-color: #21221c; + box-shadow: inset -3px 0px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset -3px 0px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset -3px 0px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-right-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.bottom:backdrop { + background-color: #1b1c16; + border-right-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.left { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-bottom-width: 1px; + border-bottom-color: #21221c; + box-shadow: inset 0px -3px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset 0px -3px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset 0px -3px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-bottom-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.left:backdrop { + background-color: #1b1c16; + border-bottom-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.right { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-bottom-width: 1px; + border-bottom-color: #21221c; + box-shadow: inset 0px -3px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset 0px -3px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset 0px -3px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-bottom-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.right:backdrop { + background-color: #1b1c16; + border-bottom-color: #21221c; + box-shadow: none; } + .notebook tab .label { + padding: 0 2px; + color: #57584f; } + .notebook tab .label:backdrop { + color: #57584f; } + .notebook tab .label:insensitive { + color: rgba(79, 80, 72, 0.35); } + .notebook tab .button { + padding: 0px; + border: 1px solid transparent; + border-radius: 50%; + background-image: none; + background-color: #21221c; + box-shadow: none; + icon-shadow: none; + transition: none; + color: #1b1c16; } + .notebook tab .button:hover { + background-color: #f82570; + border-color: transparent; + background-image: none; + box-shadow: none; } + .notebook tab .button:active { + color: #1b1c16; + border-color: transparent; + background-image: none; + box-shadow: none; } + .notebook tab .button:backdrop { + color: #1b1c16; + background-color: #21221c; } + .notebook tab .button > GtkImage { + padding: 0px; } + .notebook tab .button .active-page, .notebook tab .button.active-page { + background-color: #f82570; } + .notebook.arrow { + color: #57584f; } + .notebook.arrow:hover { + color: #241c2c; } + .notebook.arrow:active { + color: #241c2c; } + .notebook.arrow:insensitive { + color: rgba(79, 80, 72, 0.35); } + .notebook.arrow:backdrop { + color: #57584f; } + .notebook.arrow:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); } + +/* Decouple the font of context menus from their entry/textview */ +.touch-selection, +.context-menu { + font: initial; } + +.monospace { + font: Monospace; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + .overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 100% 5%; + 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(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + .overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 100% 5%; + 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(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + .overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 5% 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(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + .overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +/************ + * Pathbars * + ************/ +.path-bar .button { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + padding: 4px 8px; + color: #57584f; } + .path-bar .button:hover { + border-color: #241c2c; } + .path-bar .button:active, .path-bar .button:checked { + background-color: #21221c; } + .path-bar .button:first-child { + padding-left: 8px; } + .path-bar .button:last-child { + padding-right: 8px; } + .path-bar .button:only-child { + padding-left: 12px; + padding-right: 12px; } + .path-bar .button .label:last-child { + padding-left: 2px; } + .path-bar .button .label:first-child { + padding-right: 2px; } + .path-bar .button .label:only-child { + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 1px; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar { + padding: 0; + font-size: smaller; + color: rgba(87, 88, 79, 0.3); + box-shadow: none; } + GtkProgressBar:backdrop { + color: rgba(87, 88, 79, 0.3); } + GtkProgressBar.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; } + GtkProgressBar.trough { + border: 1px solid transparent; + border-radius: 3px; + background-color: rgba(87, 88, 79, 0.3); } + GtkProgressBar.trough.osd { + border: 1px solid transparent; + border-radius: 3px; + background-color: rgba(87, 88, 79, 0.3); } + GtkProgressBar.trough.osd:backdrop { + background-color: rgba(87, 88, 79, 0.3); } + GtkProgressBar.trough:backdrop { + background-color: rgba(87, 88, 79, 0.3); } + +.progressbar { + background-color: #241c2c; + border: 1px solid #241c2c; + border-radius: 0px; + box-shadow: none; } + .progressbar.left { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + .progressbar.right { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + .progressbar.left.right { + box-shadow: none; } + .progressbar.vertical.bottom { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + box-shadow: none; } + .progressbar.vertical.top { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + .progressbar.osd { + background-image: none; + background-color: #241c2c; + border: 1px solid #241c2c; + border-radius: 3px; } + .progressbar.osd:backdrop { + background-color: rgba(36, 28, 44, 0.5); + border-color: rgba(36, 28, 44, 0.5); } + .progressbar:backdrop { + background-color: rgba(36, 28, 44, 0.5); + border-color: rgba(36, 28, 44, 0.5); } + +/************* + * Level Bar * + *************/ +.level-bar.vertical { + -GtkLevelBar-min-block-width: 6; + -GtkLevelBar-min-block-height: 34; } + +.level-bar { + box-shadow: none; + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 6; } + .level-bar.vertical { + -GtkLevelBar-min-block-width: 6; + -GtkLevelBar-min-block-height: 34; } + .level-bar.trough { + border: 1px solid transparent; + padding: 3px; + border-radius: 3px; + background-color: transparent; } + .level-bar.fill-block { + border: 1px solid #241c2c; + background-color: #241c2c; + box-shadow: none; + border-radius: 3px; } + .level-bar.fill-block.indicator-discrete.horizontal { + margin: 0 1px; } + .level-bar.fill-block.indicator-discrete.vertical { + margin: 1px 0; } + .level-bar.fill-block.level-high { + border-color: #393241; + background-color: #393241; } + .level-bar.fill-block.level-high:backdrop { + background-color: #393241; + border-color: #393241; } + .level-bar.fill-block.level-low { + border-color: #fc961f; + background-color: #fc961f; } + .level-bar.fill-block.level-low:backdrop { + background-color: #fc961f; + border-color: #fc961f; } + .level-bar.fill-block.empty-fill-block { + background-color: rgba(87, 88, 79, 0.3); + border-color: transparent; + box-shadow: none; } + .level-bar.fill-block:backdrop { + border-color: rgba(36, 28, 44, 0.5); + background-color: rgba(36, 28, 44, 0.5); } + +/************ + * GtkScale * + ************/ +.scale, +.scale.scale-has-marks-above.scale-has-marks-below, +.scale.vertical.scale-has-marks-above.scale-has-marks-below { + -GtkScale-slider-length: 18; + -GtkRange-slider-width: 18; + -GtkRange-trough-border: 2; } + .scale.fine-tune.trough, + .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { + margin: 8px; + border-radius: 3px; } + .scale.slider, + .scale.scale-has-marks-above.scale-has-marks-below.slider, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { + background-color: #272821; + border: 1px solid #21221c; + border-radius: 50%; + box-shadow: none; } + .scale.slider:hover, + .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { + border-style: solid; + border-width: 2px; + border-color: #241c2c; + border-radius: 50%; } + .scale.slider:hover:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop { + background-color: #272821; + border-color: #241c2c; } + .scale.slider:insensitive, + .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { + border-style: solid; + border-radius: 50%; + background-color: rgba(35, 36, 30, 0.35); + border-color: rgba(30, 31, 25, 0.35); } + .scale.slider:insensitive:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop { + background-color: rgba(35, 36, 30, 0.35); + border-color: rgba(30, 31, 25, 0.35); } + .scale.slider:active, + .scale.scale-has-marks-above.scale-has-marks-below.slider:active, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { + border: 2px solid #241c2c; } + .scale.slider:active:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop { + background-color: #272821; + border-color: #241c2c; } + .scale.slider:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { + background-color: #272821; + border-color: #21221c; } + .scale.trough, + .scale.scale-has-marks-above.scale-has-marks-below.trough, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { + margin: 9px; + border: 1px solid rgba(87, 88, 79, 0.3); + border-radius: 3px; + background-color: rgba(87, 88, 79, 0.3); + box-shadow: none; } + .scale.trough.highlight, + .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { + background-color: #241c2c; + border-color: #241c2c; } + .scale.trough.highlight.vertical, + .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { + background-color: #241c2c; + border-color: #241c2c; } + .scale.trough.highlight:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { + background-color: rgba(36, 28, 44, 0.5); + border-color: rgba(36, 28, 44, 0.5); } + .scale.trough:insensitive, .scale.trough.vertical:insensitive, + .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, + .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { + border-color: rgba(44, 45, 38, 0.545); + background-color: rgba(44, 45, 38, 0.545); + box-shadow: none; } + .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop { + background-color: rgba(44, 45, 38, 0.545); + border-color: rgba(44, 45, 38, 0.545); } + .scale.trough:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { + background-color: rgba(87, 88, 79, 0.3); + border-color: rgba(87, 88, 79, 0.3); } + +/************** + * Scrollbars * + **************/ +.scrollbar { + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 10px; + -GtkScrollbar-min-slider-length: 64; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + .scrollbar .button { + color: #57584f; } + .scrollbar .button:hover { + color: #241c2c; } + .scrollbar .button:insensitive { + color: rgba(79, 80, 72, 0.35); } + .scrollbar .button:backdrop { + color: #57584f; } + .scrollbar .button:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); } + .scrollbar.dragging, .scrollbar.hovering { + opacity: 0.9910; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.999; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + -GtkRange-slider-width: 10px; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(87, 88, 79, 0.5); } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop { + background-color: rgba(87, 88, 79, 0.5); } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { + border: none; + background: none; } + .scrollbar.trough { + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(87, 88, 79, 0.3); } + .scrollbar.trough:backdrop { + background-color: rgba(87, 88, 79, 0.3); } + .scrollbar.slider { + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(87, 88, 79, 0.5); } + .scrollbar.slider:hover { + background-color: #241c2c; } + .scrollbar.slider:active { + background-color: #241c2c; } + .scrollbar.slider:insensitive { + background-color: rgba(79, 80, 72, 0); } + .scrollbar.slider:backdrop { + background-color: rgba(87, 88, 79, 0.3); } + .scrollbar.slider:backdrop:insensitive { + background-color: rgba(79, 80, 72, 0); } + +.scrollbars-junction, +.scrollbars-junction.frame { + border-color: transparent; + background-color: transparent; + border-image: none; } + +/*********** + * Sidebar * + ***********/ +.sidebar, +.sidebar .view { + border: none; + background-color: #1b1c16; } + .sidebar:backdrop, + .sidebar .view:backdrop { + background-color: #1b1c16; } + +GtkSidebarRow.list-row { + padding: 0px; } + +GtkSidebarRow .sidebar-revealer { + padding: 4px 14px 4px 12px; } + +GtkSidebarRow .sidebar-icon:dir(ltr) { + padding-right: 8px; } + +GtkSidebarRow .sidebar-icon:dir(rtl) { + padding-left: 8px; } + +GtkSidebarRow .sidebar-label:dir(ltr) { + padding-right: 2px; } + +GtkSidebarRow .sidebar-label:dir(rtl) { + padding-left: 2px; } + +GtkPlacesSidebar.sidebar .view:insensitive { + color: rgba(79, 80, 72, 0.35); } + +GtkPlacesSidebar.sidebar .view:backdrop { + color: #57584f; } + GtkPlacesSidebar.sidebar .view:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); } + +GtkPlacesSidebar.sidebar .view .image { + color: #57584f; } + GtkPlacesSidebar.sidebar .view .image:selected { + color: #57584f; } + GtkPlacesSidebar.sidebar .view .image:selected:backdrop { + color: #57584f; } + GtkPlacesSidebar.sidebar .view .image:insensitive { + color: rgba(79, 80, 72, 0.35); } + GtkPlacesSidebar.sidebar .view .image:backdrop { + color: #57584f; } + GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); } + +.sidebar-item { + padding: 10px 4px; } + .sidebar-item > .label { + padding-left: 6px; + padding-right: 6px; } + .sidebar-item.needs-attention > .label { + background-size: 6px 6px, 0 0; } + +/***************** + * GtkSpinButton * + *****************/ +.osd .spinbutton .button:last-child { + border-radius: 0 3px 3px 0; } + +.osd .spinbutton .button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + +.spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { + padding-top: 5px; + padding-bottom: 5px; } + .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { + color: #57584f; + border-color: #241c2c; } + .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { + color: inherit; } + .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { + color: #57584f; + border-color: #241c2c; } + .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { + color: inherit; } + .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { + color: inherit; } + +.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { + border-radius: 0px; + padding-left: 0px; + padding-right: 0px; } + .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive { + background-color: rgba(26, 27, 21, 0.35); } + +GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { + padding: 1px; + border-width: 1px 0; + border-color: #323529; + border-radius: 0; + box-shadow: none; } + +.spinbutton .button, .osd .spinbutton .button { + background-image: none; + background-color: transparent; + border-style: none none none solid; + border-color: rgba(33, 34, 28, 0.3); + color: #57584f; + border-radius: 0; + box-shadow: none; } + .spinbutton .button:dir(rtl), .osd .spinbutton .button:dir(rtl) { + border-style: none solid none none; } + .spinbutton .button:hover { + color: #241c2c; } + .spinbutton .button:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0); } + .spinbutton .button:active { + color: #241c2c; } + .spinbutton .button:backdrop { + color: #57584f; + border-color: rgba(33, 34, 28, 0.3); + background-color: transparent; } + .spinbutton .button:backdrop:insensitive { + background-image: none; + color: rgba(79, 80, 72, 0.35); + border-style: none none none solid; + border-color: rgba(30, 31, 25, 0); } + .spinbutton .button:backdrop:insensitive:dir(rtl) { + border-style: none solid none none; } + +.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } + +.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } + +/********** + * Switch * + **********/ +GtkSwitch { + -GtkSwitch-slider-width: 24px; + -GtkSwitch-slider-height: 24px; + font-weight: bold; + font-size: smaller; + outline-offset: 0px; + color: transparent; + box-shadow: none; } + GtkSwitch.trough { + border: 0px solid; + border-radius: 12px; + background-image: none; + background-color: rgba(87, 88, 79, 0.3); + text-shadow: none; } + GtkSwitch.trough:active { + background-color: #241c2c; + box-shadow: none; + text-shadow: none; } + GtkSwitch.trough:backdrop { + background-color: rgba(87, 88, 79, 0.3); } + GtkSwitch.slider { + border: 1px solid; + border-radius: 11px; + background-color: #1b1c16; + border-color: #21221c; } + GtkSwitch.slider:hover { + box-shadow: none; + border-color: #241c2c; + background-color: #1b1c16; } + GtkSwitch.slider:active { + border-color: #241c2c; } + GtkSwitch.slider:active:hover { + border-color: #241c2c; } + GtkSwitch.slider:insensitive { + background-color: #191914; } + GtkSwitch.slider:backdrop { + background-color: #1b1c16; } + GtkSwitch.slider:backdrop:insensitive { + background-color: #191914; } + .header-bar GtkSwitch.trough:backdrop { + background-color: transparent; } + .header-bar GtkSwitch.slider:backdrop { + background-color: #3b3c36; } + +/************ + * Toolbars * + ************/ +.toolbar, .inline-toolbar, .search-bar, .location-bar, +.primary-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #1b1c16; } + .toolbar:backdrop, .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop, + .primary-toolbar:backdrop { + background-color: #1b1c16; + box-shadow: none; } + .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar, .osd + .primary-toolbar, + .primary-toolbar.osd { + padding: 13px; + border: none; + border-radius: 3px; + background-color: #1b1c16; } + .osd .toolbar:backdrop, .osd .inline-toolbar:backdrop, .osd .search-bar:backdrop, .osd .location-bar:backdrop, .toolbar.osd:backdrop, .osd.inline-toolbar:backdrop, .osd.search-bar:backdrop, .osd.location-bar:backdrop, .osd + .primary-toolbar:backdrop, + .primary-toolbar.osd:backdrop { + border-color: #21221c; + background-color: #1b1c16; + box-shadow: none; } + +.inline-toolbar { + border-width: 0px 0px 1px 0px; + padding: 3px; + border-radius: 0; } + +.search-bar, .location-bar { + border-width: 0px 0px 1px 0px; + padding: 3px; } + +.inline-toolbar, .search-bar, .location-bar { + border-style: solid; + border-color: #21221c; + text-shadow: none; + background-color: #1b1c16; } + +/************ + * Tooltips * + ************/ +.tooltip { + color: #57584f; + padding: 4px; + /* not working */ + border-radius: 0px; + box-shadow: none; + text-shadow: none; + border: 1px solid #24251f; } + .tooltip.background { + background-color: #1b1c16; + background-clip: padding-box; } + .tooltip.window-frame.csd { + background-color: transparent; } + +.tooltip * { + padding: 4px; + background-color: transparent; + color: inherit; } + +/************** + * Tree Views * + **************/ +GtkTreeView.view { + -GtkTreeView-grid-line-width: 0; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #21221c; + border-top-color: transparent; } + GtkTreeView.view:selected { + border-radius: 0; } + GtkTreeView.view:selected { + background-color: #241c2c; + border-left-color: #57584f; + border-top-color: #57584f; } + GtkTreeView.view:backdrop:selected { + background-color: rgba(36, 28, 44, 0.5); + border-left-color: #57584f; + border-top-color: #57584f; } + GtkTreeView.view:insensitive { + color: rgba(30, 31, 25, 0.35); } + GtkTreeView.view:insensitive:selected { + color: rgba(79, 80, 72, 0.35); } + GtkTreeView.view:insensitive:selected:backdrop { + color: rgba(79, 80, 72, 0.35); } + GtkTreeView.view:insensitive:backdrop { + color: rgba(30, 31, 25, 0.35); } + GtkTreeView.view.separator, GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator { + color: #21221c; } + GtkTreeView.view.separator:backdrop, + GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator:backdrop { + color: #21221c; } + GtkTreeView.view:backdrop { + border-left-color: #21221c; } + GtkTreeView.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #241c2c; } + GtkTreeView.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #57584f; } + GtkTreeView.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + GtkTreeView.view.expander:hover { + color: #241c2c; } + GtkTreeView.view.expander:selected { + color: #57584f; } + GtkTreeView.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + GtkTreeView.view.expander:checked:selected { + color: #57584f; } + GtkTreeView.view.expander:checked:backdrop { + color: #1d1e17; } + GtkTreeView.view.expander:backdrop { + color: #57584f; } + +column-header .button { + color: #57584f; + background-color: #272821; + text-shadow: none; + box-shadow: none; } + column-header .button:hover { + color: #57584f; + background-color: rgba(36, 28, 44, 0.5); + box-shadow: none; + transition: none; } + column-header .button:active { + color: #57584f; + background-color: rgba(36, 28, 44, 0.5); + transition: none; } + +column-header:last-child .button, +column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { + border-right-style: none; } + +column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { + transition: none; + color: #241c2c; + box-shadow: none; } + +column-header .button, column-header .button:hover, column-header .button:active { + padding: 6px; + border-style: none solid solid none; + border-radius: 0; + background-image: none; + border-color: #21221c; + text-shadow: none; } + column-header .button:insensitive { + border-color: rgba(30, 31, 25, 0.35); + color: rgba(79, 80, 72, 0.35); + background-color: rgba(35, 36, 30, 0.35); + background-image: none; } + column-header .button:backdrop { + border-color: #21221c; + border-style: none solid solid none; + color: #57584f; + background-image: none; + background-color: #272821; } + column-header .button:backdrop:insensitive { + border-color: rgba(30, 31, 25, 0.35); + background-image: none; + background-color: rgba(35, 36, 30, 0.35); + color: rgba(79, 80, 72, 0.35); } + +/********************** + * Window Decorations * + *********************/ +.window-frame { + border-radius: 3px; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); + /* this is used for the resize cursor area */ + margin: 10px; } + .window-frame:backdrop { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } + .window-frame.tiled { + border-radius: 0; } + .window-frame.popup { + border-radius: 3px; + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } + .window-frame.ssd { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); } + .window-frame.csd { + border-radius: 3px; } + .window-frame.csd.popup { + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } + .window-frame.csd.tooltip { + box-shadow: none; } + .window-frame.csd.message-dialog { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } + .window-frame.solid-csd { + border-radius: 0; + margin: 0px; + background-color: #1b1c16; + border: none; + box-shadow: none; } + +.header-bar .button.titlebutton, +.titlebar .button.titlebutton { + padding: 0px; } + .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, + .titlebar .button.titlebutton:hover, + .titlebar .button.titlebutton:active, + .titlebar .button.titlebutton:checked, + .titlebar .button.titlebutton:backdrop, + .titlebar .button.titlebutton:active:hover { + transition: none; } + .header-bar .button.titlebutton.close, + .titlebar .button.titlebutton.close { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/close.png"), url("../assets/wm/close@2.png")); } + .header-bar .button.titlebutton.close:hover, + .titlebar .button.titlebutton.close:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/close_prelight.png"), url("../assets/wm/close_prelight@2.png")); } + .header-bar .button.titlebutton.close:active, + .titlebar .button.titlebutton.close:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/close_prelight.png"), url("../assets/wm/close_prelight@2.png")); } + .header-bar .button.titlebutton.close:backdrop, + .titlebar .button.titlebutton.close:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/close_unfocused.png"), url("../assets/wm/close_unfocused@2.png")); } + .header-bar .button.titlebutton.maximize, + .titlebar .button.titlebutton.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/maximize.png"), url("../assets/wm/maximize@2.png")); } + .header-bar .button.titlebutton.maximize:hover, + .titlebar .button.titlebutton.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + .header-bar .button.titlebutton.maximize:active, + .titlebar .button.titlebutton.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + .header-bar .button.titlebutton.maximize:backdrop, + .titlebar .button.titlebutton.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_unfocused.png"), url("../assets/wm/maximize_unfocused@2.png")); } + .header-bar .button.titlebutton.minimize, + .titlebar .button.titlebutton.minimize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/min.png"), url("../assets/wm/min@2.png")); } + .header-bar .button.titlebutton.minimize:hover, + .titlebar .button.titlebutton.minimize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/min_prelight.png"), url("../assets/wm/min_prelight@2.png")); } + .header-bar .button.titlebutton.minimize:active, + .titlebar .button.titlebutton.minimize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/min_prelight.png"), url("../assets/wm/min_prelight@2.png")); } + .header-bar .button.titlebutton.minimize:backdrop, + .titlebar .button.titlebutton.minimize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/min_unfocused.png"), url("../assets/wm/min_unfocused@2.png")); } + +.maximized .header-bar .button.titlebutton.maximize, .maximized +.titlebar .button.titlebutton.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/maximize.png"), url("../assets/wm/maximize@2.png")); } + +.maximized .header-bar .button.titlebutton.maximize:hover, .maximized +.titlebar .button.titlebutton.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + +.maximized .header-bar .button.titlebutton.maximize:active, .maximized +.titlebar .button.titlebutton.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + +.maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized +.titlebar .button.titlebutton.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_unfocused.png"), url("../assets/wm/maximize_unfocused@2.png")); } + +.header-bar.selection-mode .button.titlebutton, +.titlebar.selection-mode .button.titlebutton { + text-shadow: none; } + .header-bar.selection-mode .button.titlebutton:backdrop, + .titlebar.selection-mode .button.titlebutton:backdrop { + icon-shadow: none; } diff --git a/themes/Darkine/gtk-3.18/gtk.css b/themes/Darkine/gtk-3.18/gtk.css new file mode 100644 index 0000000..e81d584 --- /dev/null +++ b/themes/Darkine/gtk-3.18/gtk.css @@ -0,0 +1,3033 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #57584f; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #57584f; +/* +widget base background color */ +@define-color theme_bg_color #1b1c16; +/* +text widgets and the like base background color */ +@define-color theme_base_color #1d1e17; +/* +base background color of selections */ +@define-color theme_selected_bg_color #241c2c; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #57584f; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #191914; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(79, 80, 72, 0.35); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color rgba(79, 80, 72, 0.35); +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #57584f; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #57584f; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1b1c16; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #1d1e17; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color rgba(36, 28, 44, 0.5); +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #57584f; +/* +widgets main borders color */ +@define-color borders #21221c; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #21221c; +/* +widgets main borders color insensitive */ +@define-color insensitive_borders rgba(30, 31, 25, 0.35); +/* +these are pretty self explicative */ +@define-color warning_color #fc961f; +@define-color error_color #f82570; +@define-color success_color #a6e12d; +@define-color content_view_bg #1d1e17; +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #f82570; + -GtkButton-child-displacement-x: 0; + -GtkButton-child-displacement-y: 0; + -GtkCheckButton-indicator-size: 18; + -GtkCheckMenuItem-indicator-size: 18; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkWidget-link-color: #616258; + -GtkWidget-visited-link-color: #616258; + -GtkWidget-focus-padding: 2; + -GtkWidget-focus-line-width: 1; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + -GtkStatusbar-shadow-type: none; + outline-width: 0px; } + +/*************** + * Base States * + ***************/ +.background { + color: #57584f; + background-color: #1b1c16; } + .background:backdrop { + text-shadow: none; + icon-shadow: none; + color: #57584f; + background-color: #1b1c16; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:insensitive { + -gtk-image-effect: dim; } + +.gtkstyle-fallback { + background-color: #1b1c16; + color: #57584f; } + .gtkstyle-fallback:prelight { + background-color: #37392c; + color: #57584f; } + .gtkstyle-fallback:active { + background-color: black; + color: #57584f; } + .gtkstyle-fallback:insensitive { + background-color: #191914; + color: rgba(79, 80, 72, 0.35); } + .gtkstyle-fallback:selected { + background-color: #241c2c; + color: #57584f; } + +.view { + color: #43443d; + background-color: #1d1e17; } + .view:backdrop { + color: #43443d; + background-color: #1d1e17; } + .view:selected { + border-radius: 3px; } + .view:insensitive { + color: rgba(79, 80, 72, 0.35); } + +.rubberband { + border: 1px solid #241c2c; + background-color: rgba(36, 28, 44, 0.2); } + .rubberband:backdrop { + border-color: #241c2c; + background-color: rgba(36, 28, 44, 0.2); } + +.label.separator, GtkPlacesSidebar.sidebar .view .label.separator { + color: #57584f; } + .label.separator:backdrop, + GtkPlacesSidebar.sidebar .view .label.separator:backdrop { + color: #57584f; } + +.label:insensitive { + color: rgba(79, 80, 72, 0.35); } + .label:insensitive:backdrop { + color: rgba(79, 80, 72, 0.35); } + +.dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, +.header-bar .subtitle { + opacity: 0.5; + text-shadow: none; } + +GtkAssistant .sidebar { + background-color: #57584f; + border-top: 1px solid #21221c; } + GtkAssistant .sidebar:dir(ltr) { + border-right: 1px solid #21221c; } + GtkAssistant .sidebar:dir(rtl) { + border-left: 1px solid #21221c; } + GtkAssistant .sidebar:backdrop { + background-color: #57584f; + border-color: #21221c; } + +GtkAssistant.csd .sidebar { + border-top-style: none; } + +GtkAssistant .sidebar .label { + padding: 6px 12px; } + +GtkAssistant .sidebar .label.highlight { + background-color: #292a22; } + +GtkTextView { + background-color: #1c1d17; } + GtkTextView:backdrop { + background-color: #1c1d17; } + GtkTextView:insensitive { + color: rgba(79, 80, 72, 0.35); } + +.grid-child { + padding: 3px; + border-radius: 3px; } + +.app-notification, +.app-notification.frame, .popover.osd, .osd { + color: #57584f; + border: 1px solid #1b1c16; + background-color: rgba(27, 28, 22, 0.8); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .app-notification:backdrop, .popover.osd:backdrop, .osd:backdrop { + color: #57584f; + background-color: rgba(27, 28, 22, 0.8); } + +.view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .list-row:selected, .sidebar:selected, +.sidebar .view:selected, GtkPlacesSidebar.sidebar .view:selected { + background-color: #241c2c; + color: #57584f; } + .view:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected { + background-color: rgba(36, 28, 44, 0.5); + color: #1d1e17; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#241c2c), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#241c2c), to(transparent)); } } + +.button, .button.osd, .osd .button { + border: 1px solid; + border-radius: 3px; + padding: 6px; + background-clip: border-box; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .flat.button { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + transition: none; } + .flat.button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + .flat.button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .flat.button:checked { + background-color: #21221c; } + .button:hover { + color: #57584f; + border-color: #241c2c; + -gtk-image-effect: highlight; } + .button:active, .button:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); + transition-duration: 50ms; } + .button:active:hover, .button:checked:hover { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .button:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); + -gtk-image-effect: none; } + .button:backdrop:active, .button:backdrop:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .button:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .button:backdrop:insensitive > .label, .osd .button:backdrop:insensitive > .label { + color: inherit; } + .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .button:backdrop:insensitive:active > .label, .osd .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .osd .button:backdrop:insensitive:checked > .label { + color: inherit; } + .flat.button:backdrop { + -gtk-image-effect: none; + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: #57584f; } + .flat.button:insensitive { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: rgba(79, 80, 72, 0.35); } + .flat.button:backdrop:insensitive { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: rgba(79, 80, 72, 0.35); } + .button:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .button:insensitive > .label, .osd .button:insensitive > .label { + color: inherit; } + .button:insensitive:active, .button:insensitive:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label { + color: inherit; } + +.button.suggested-action, +.button.suggested-action.osd .button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #241c2c, #231b2b); } + .button.suggested-action.flat, + .button.suggested-action.osd .button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: #241c2c; } + .button.suggested-action:hover, + .button.suggested-action.osd .button:hover { + color: white; + border-color: #241c2c; } + .button.suggested-action:active, .button.suggested-action:checked, + .button.suggested-action.osd .button:active, + .button.suggested-action.osd .button:checked { + color: white; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, + .button.suggested-action.osd .button:backdrop, + .button.suggested-action.osd .button.flat:backdrop { + color: white; + border-color: #21221c; + background-image: linear-gradient(to bottom, #241c2c, #231b2b); } + .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked, + .button.suggested-action.osd .button:backdrop:active, + .button.suggested-action.osd .button:backdrop:checked, + .button.suggested-action.osd .button.flat:backdrop:active, + .button.suggested-action.osd .button.flat:backdrop:checked { + color: white; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.osd .button:backdrop:insensitive, + .button.suggested-action.osd .button.flat:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, + .button.suggested-action.osd .button:backdrop:insensitive > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { + color: inherit; } + .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, + .button.suggested-action.osd .button:backdrop:insensitive:active, + .button.suggested-action.osd .button:backdrop:insensitive:checked, + .button.suggested-action.osd .button.flat:backdrop:insensitive:active, + .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, + .button.suggested-action.osd .button:backdrop:insensitive:active > .label, + .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { + color: inherit; } + .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.osd .button.flat:backdrop, + .button.suggested-action.osd .button.flat:insensitive, + .button.suggested-action.osd .button.flat:backdrop:insensitive { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: rgba(36, 28, 44, 0.8); } + .button.suggested-action:insensitive, + .button.suggested-action.osd .button:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .button.suggested-action:insensitive > .label, + .button.suggested-action.osd .button:insensitive > .label { + color: inherit; } + .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, + .button.suggested-action.osd .button:insensitive:active, + .button.suggested-action.osd .button:insensitive:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, + .button.suggested-action.osd .button:insensitive:active > .label, + .button.suggested-action.osd .button:insensitive:checked > .label { + color: inherit; } + +.button.destructive-action, +.button.destructive-action.osd .button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #f82570; + background-image: linear-gradient(to bottom, #f82872, #f81d6b); } + .button.destructive-action.flat, + .button.destructive-action.osd .button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: #f82570; } + .button.destructive-action:hover, + .button.destructive-action.osd .button:hover { + color: white; + border-color: #f82570; } + .button.destructive-action:active, .button.destructive-action:checked, + .button.destructive-action.osd .button:active, + .button.destructive-action.osd .button:checked { + color: white; + border-color: #f82570; + background-image: linear-gradient(to bottom, #f82d75, #f70c60); } + .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, + .button.destructive-action.osd .button:backdrop, + .button.destructive-action.osd .button.flat:backdrop { + color: white; + border-color: #21221c; + background-image: linear-gradient(to bottom, #f82872, #f81d6b); } + .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, + .button.destructive-action.osd .button:backdrop:active, + .button.destructive-action.osd .button:backdrop:checked, + .button.destructive-action.osd .button.flat:backdrop:active, + .button.destructive-action.osd .button.flat:backdrop:checked { + color: white; + border-color: #f82570; + background-image: linear-gradient(to bottom, #f82d75, #f70c60); } + .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.osd .button:backdrop:insensitive, + .button.destructive-action.osd .button.flat:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, + .button.destructive-action.osd .button:backdrop:insensitive > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { + color: inherit; } + .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, + .button.destructive-action.osd .button:backdrop:insensitive:active, + .button.destructive-action.osd .button:backdrop:insensitive:checked, + .button.destructive-action.osd .button.flat:backdrop:insensitive:active, + .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(247, 12, 96, 0.35); + background-image: linear-gradient(to bottom, rgba(247, 19, 100, 0.35), rgba(228, 7, 86, 0.35)); } + .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, + .button.destructive-action.osd .button:backdrop:insensitive:active > .label, + .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { + color: inherit; } + .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.osd .button.flat:backdrop, + .button.destructive-action.osd .button.flat:insensitive, + .button.destructive-action.osd .button.flat:backdrop:insensitive { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + color: rgba(248, 37, 112, 0.8); } + .button.destructive-action:insensitive, + .button.destructive-action.osd .button:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .button.destructive-action:insensitive > .label, + .button.destructive-action.osd .button:insensitive > .label { + color: inherit; } + .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, + .button.destructive-action.osd .button:insensitive:active, + .button.destructive-action.osd .button:insensitive:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(247, 19, 100, 0.35), rgba(228, 7, 86, 0.35)); } + .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, + .button.destructive-action.osd .button:insensitive:active > .label, + .button.destructive-action.osd .button:insensitive:checked > .label { + color: inherit; } + +.button.image-button { + padding: 6px; } + +.button.text-button { + padding: 6px; } + +.button.text-button.image-button { + padding: 6px; } + .button.text-button.image-button .label:first-child { + padding-left: 8px; } + .button.text-button.image-button .label:last-child { + padding-right: 8px; } + +.stack-switcher > .button > .label { + padding-left: 6px; + padding-right: 6px; } + +.stack-switcher > .button > GtkImage { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + +.stack-switcher > .button.text-button { + padding: 6px; } + +.stack-switcher > .button.image-button { + padding: 3px 0px; } + +.stack-switcher > .button.needs-attention:active > .label, +.stack-switcher > .button.needs-attention:active > GtkImage, +.stack-switcher > .button.needs-attention:checked > .label, +.stack-switcher > .button.needs-attention:checked > GtkImage { + animation: none; + background-image: none; } + +.inline-toolbar .button, .inline-toolbar .button:backdrop { + border-radius: 3px; + border-width: 1px; } + +.primary-toolbar .button { + icon-shadow: none; } + +/************** + * ComboBoxes * + **************/ +GtkComboBox { + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; } + GtkComboBox > .button { + padding: 5px 4px; } + GtkComboBox:insensitive { + color: rgba(79, 80, 72, 0.35); + text-shadow: none; + icon-shadow: none; } + GtkComboBox:backdrop { + color: #57584f; + text-shadow: none; + icon-shadow: none; } + GtkComboBox:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); } + GtkComboBox .menuitem { + text-shadow: none; } + GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator { + -GtkWidget-wide-separators: true; } + +.stack-switcher > .button.needs-attention > .label, +.stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#241c2c), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#57584f), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > .button.needs-attention > .label:backdrop, + .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > .button.needs-attention > .label:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { + background-position: left 3px, left 4px; } + +.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, +.linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { + border-radius: 3px; } + .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), + .linked > .button:dir(rtl):hover, + .linked > .button:dir(rtl):active, + .linked > .button:dir(rtl):checked, + .linked > .button:dir(rtl):backdrop, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl):backdrop { + border-radius: 3px; } + +.inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child { + border-radius: 3px; + border-style: solid; } + +.inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child { + border-radius: 3px; } + +.inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, +.linked.vertical > .button:backdrop { + border-style: solid; + border-radius: 3px; } + +.linked.vertical > .button:first-child { + border-radius: 3px; } + +.linked.vertical > .button:last-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > .button:only-child { + border-radius: 3px; + border-style: solid; } + +.app-notification .button.flat, +.app-notification.frame .button.flat, .app-notification .button.flat:hover, +.app-notification.frame .button.flat:hover, .app-notification .button.flat:active, +.app-notification.frame .button.flat:active, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive, +.app-notification.frame .button.flat:backdrop, +.app-notification.frame .button.flat:insensitive, +.app-notification.frame .button.flat:backdrop:insensitive, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:active, GtkCalendar.button:backdrop, .titlebar .button.flat:insensitive, +.header-bar .button.flat:insensitive, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .button:link:backdrop, .button:visited:backdrop, .list-row.button, +.list-row.button:backdrop, +.list-row.button:backdrop:active, +.list-row.button:backdrop:checked, +.list-row.button:backdrop:insensitive, +.list-row.button:backdrop:insensitive:active, +.list-row.button:backdrop:insensitive:checked, +.list-row.button:insensitive:active, +.list-row.button:insensitive:checked, .menuitem.button.flat, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .scale-popup .button, +.scale-popup .button.flat, .scale-popup .button:hover, +.scale-popup .button.flat:hover, .scrollbar .button, .scrollbar .button:hover, .scrollbar .button:backdrop, .header-bar .button.titlebutton, +.titlebar .button.titlebutton, .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, +.titlebar .button.titlebutton:hover, +.titlebar .button.titlebutton:active, +.titlebar .button.titlebutton:checked, +.titlebar .button.titlebutton:backdrop, +.titlebar .button.titlebutton:active:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + +/**************** + * Text Entries * + ****************/ +.entry { + border: 1px solid; + padding: 5px 8px 5px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; + box-shadow: none; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } + .entry.flat, .entry.flat:focus { + padding: 2px; + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; + box-shadow: none; + border: none; + border-radius: 0; } + .entry:focus { + border-color: #323529; } + .entry:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-color: rgba(26, 27, 21, 0.35); } + .entry:backdrop { + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; } + .entry:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-color: rgba(26, 27, 21, 0.35); } + .entry.progressbar { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #241c2c; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + .entry.progressbar:backdrop { + background-color: transparent; + border-color: rgba(36, 28, 44, 0.5); } + .entry.error { + color: #f82570; + border-color: #f82570; + background-color: rgba(248, 37, 112, 0.5); } + .entry.error:focus { + border-color: #f82570; + background-color: rgba(248, 37, 112, 0.5); } + .entry.error:selected, .entry.error:selected:focus { + background-color: #f82570; } + .entry.error:backdrop { + color: #f82570; + border-color: #f82570; + background-color: rgba(248, 37, 112, 0.5); } + .entry.warning { + color: #fc961f; + border-color: #fc961f; + background-color: rgba(252, 150, 31, 0.5); } + .entry.warning:focus { + border-color: #fc961f; + background-color: rgba(252, 150, 31, 0.5); } + .entry.warning:selected, .entry.warning:selected:focus { + background-color: #fc961f; } + .entry.warning:backdrop { + color: #fc961f; + border-color: #fc961f; + background-color: rgba(252, 150, 31, 0.5); } + .entry.image { + color: #57584f; } + .entry.image:hover { + color: #241c2c; } + .entry.image:active { + color: #241c2c; } + .entry.image:backdrop { + color: #57584f; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-top-width: 0px; + border-radius: 0px 0px 3px 3px; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; } + .app-notification .button, + .app-notification.frame .button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .app-notification .button.flat, + .app-notification.frame .button.flat { + icon-shadow: none; + text-shadow: none; } + .app-notification .button.flat:hover, + .app-notification.frame .button.flat:hover { + color: #241c2c; } + .app-notification .button.flat:active, + .app-notification.frame .button.flat:active { + color: #241c2c; } + .app-notification .button:hover, + .app-notification.frame .button:hover { + color: #57584f; + border-color: #241c2c; } + .app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked, + .app-notification.frame .button:active, + .app-notification.frame .button:checked, + .app-notification.frame .button:backdrop:active, + .app-notification.frame .button:backdrop:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive, + .app-notification.frame .button:insensitive, + .app-notification.frame .button:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .app-notification .button:insensitive > .label, .app-notification .button:backdrop:insensitive > .label, + .app-notification.frame .button:insensitive > .label, + .app-notification.frame .button:backdrop:insensitive > .label { + color: inherit; } + .app-notification .button:backdrop, + .app-notification.frame .button:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + +/************ + * Calendar * + ***********/ +GtkCalendar { + color: #57584f; + border: 1px solid #21221c; + background-color: #1d1e17; } + GtkCalendar:selected { + background-color: #21221c; } + GtkCalendar:insensitive { + color: rgba(79, 80, 72, 0.35); } + GtkCalendar.header { + border: 1px solid #21221c; + border-radius: 0; + color: #57584f; } + GtkCalendar.header:backdrop { + color: #57584f; + border-color: #21221c; } + GtkCalendar.header:insensitive { + color: rgba(79, 80, 72, 0.35); } + GtkCalendar.button { + color: #57584f; } + GtkCalendar.button:hover { + color: #241c2c; } + GtkCalendar.button:active { + color: #241c2c; } + GtkCalendar.button:backdrop { + color: #57584f; } + GtkCalendar:inconsistent, GtkCalendar.highlight { + color: rgba(87, 88, 79, 0.5); } + GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight:backdrop { + color: rgba(87, 88, 79, 0.5); } + GtkCalendar:backdrop { + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; } + +/************************* + * Check and Radio items * + *************************/ +.check { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); + icon-shadow: none; } + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); + icon-shadow: none; } + +.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); + icon-shadow: none; } + +.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.check:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); + icon-shadow: none; } + +.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); + icon-shadow: none; } + +.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); + icon-shadow: none; } + +.check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); + icon-shadow: none; } + +.check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); + icon-shadow: none; } + +.check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); + icon-shadow: none; } + +.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); + icon-shadow: none; } + +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); + icon-shadow: none; } + +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); + icon-shadow: none; } + +.check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); + icon-shadow: none; } + +.check:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); + icon-shadow: none; } + +.menu .menuitem.check:hover, +.popover .button.flat.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + +.menu .menuitem.check:active:hover, +.popover .button.flat.check:active:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + +.menu .menuitem.check:checked:hover, +.popover .button.flat.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + +.menu .menuitem.check:inconsistent:hover, +.popover .button.flat.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + +.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + icon-shadow: none; } + +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + icon-shadow: none; } + +.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + icon-shadow: none; } + +.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.radio:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + icon-shadow: none; } + +.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + icon-shadow: none; } + +.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + icon-shadow: none; } + +.radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + icon-shadow: none; } + +.radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); + icon-shadow: none; } + +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + icon-shadow: none; } + +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + icon-shadow: none; } + +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + icon-shadow: none; } + +.radio:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + icon-shadow: none; } + +.radio:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); + icon-shadow: none; } + +.menu .menuitem.radio:hover, +.popover .button.flat.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + +.menu .menuitem.radio:active:hover, +.popover .button.flat.radio:active:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + +.menu .menuitem.radio:checked:hover, +.popover .button.flat.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + +.menu .menuitem.radio:inconsistent:hover, +.popover .button.flat.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + +.view.check, .view.radio, +.list-row .check, list-row .radio { + icon-shadow: none; } + .view.check:selected, .view.check:hover, .view.radio:selected, .view.radio:hover, + .list-row .check:selected, + .list-row .check:hover, list-row .radio:selected, list-row .radio:hover { + icon-shadow: none; } + +.view.content-view.check { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); + background-color: transparent; } + +.view.content-view.check:hover { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); + background-color: transparent; } + +.view.content-view.check:active { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:backdrop { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); + background-color: transparent; } + +.view.content-view.check:checked { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:hover { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:active { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:backdrop:checked { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); + background-color: transparent; } + +GtkCheckButton.text-button, GtkRadioButton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + color: rgba(79, 80, 72, 0.35); } + GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop { + color: rgba(79, 80, 72, 0.35); } + +/***************** + * Color Chooser * + *****************/ +:selected GtkColorSwatch { + box-shadow: none; } + :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { + border-color: #57584f; } + +GtkColorSwatch:selected { + box-shadow: none; } + +GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), +GtkColorSwatch.top > .overlay, +GtkColorSwatch.bottom > .overlay, +GtkColorSwatch:first-child:not(.top) > .overlay, +GtkColorSwatch:last-child:not(.bottom) > .overlay, +GtkColorSwatch:only-child > .overlay { + border-radius: 3px; } + +GtkColorSwatch:hover, GtkColorSwatch:hover:selected { + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } + +GtkColorSwatch:backdrop, +GtkColorSwatch:backdrop:selected GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { + background-image: none; + box-shadow: none; } + +GtkColorEditor GtkColorSwatch { + border-radius: 3px; } + GtkColorEditor GtkColorSwatch:hover { + background-image: none; + box-shadow: none; } + GtkColorEditor GtkColorSwatch:backdrop { + box-shadow: none; } + +GtkColorSwatch.color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.color-dark:backdrop { + color: rgba(255, 255, 255, 0.3); } + +GtkColorSwatch.color-light { + color: black; + outline-color: rgba(255, 255, 255, 0.5); } + GtkColorSwatch.color-light:backdrop { + color: rgba(0, 0, 0, 0.3); } + +GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { + border: 1px solid #21221c; } + GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { + border-color: #241c2c; } + +GtkColorSwatch#add-color-button { + border-style: solid; + border-width: 1px; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + GtkColorSwatch#add-color-button:hover { + color: #57584f; + border-color: #241c2c; } + GtkColorSwatch#add-color-button:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + GtkColorSwatch#add-color-button .overlay { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; } + +GtkColorButton.button { + padding: 5px; } + GtkColorButton.button GtkColorSwatch:first-child:last-child { + border-radius: 0; + box-shadow: none; } + GtkColorButton.button GtkColorSwatch:first-child:last-child:insensitive, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +.message-dialog { + -GtkDialog-button-spacing: 8; + -GtkDialog-action-area-border: 8; } + .message-dialog.background { + background-color: #1b1c16; } + .message-dialog:backdrop { + background-color: #1b1c16; } + .message-dialog .titlebar { + box-shadow: none; } + +GtkFileChooserDialog .search-bar { + background-color: #1b1c16; + border-color: #1b1c16; + box-shadow: none; } + GtkFileChooserDialog .search-bar:backdrop { + background-color: #1b1c16; + border-color: #1b1c16; + color: #57584f; } + +GtkFileChooserDialog .dialog-action-box { + border-top: 1px solid #21221c; } + GtkFileChooserDialog .dialog-action-box:backdrop { + border-top-color: #21221c; } + +/*************** + * Header bars * + ***************/ +.titlebar, +.header-bar { + transition: none; + padding: 4px 6px; + border-width: 0px 0px 1px 0px; + border-radius: 3px 3px 0px 0px; + border-style: solid; + border-color: #21221c; + color: #43443d; + background-image: linear-gradient(to bottom, #1b1c16, #161613); } + .titlebar:backdrop, + .header-bar:backdrop { + border-color: transparent; + background-image: none; + background-color: #161613; + color: #3b3c36; + box-shadow: none; } + .titlebar .path-bar .button, + .header-bar .path-bar .button { + color: #43443d; } + .titlebar .button, + .header-bar .button { + transition: none; + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #43443d; + text-shadow: none; + icon-shadow: none; } + .titlebar .button.flat, + .header-bar .button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #43443d; + text-shadow: none; + icon-shadow: none; } + .titlebar .button:hover, + .header-bar .button:hover { + color: #43443d; + border-color: #241c2c; } + .titlebar .button:hover:backdrop, + .header-bar .button:hover:backdrop { + border-color: #161613; } + .titlebar .button:active, .titlebar .button:checked, + .header-bar .button:active, + .header-bar .button:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .titlebar .button:active:hover, .titlebar .button:checked:hover, + .header-bar .button:active:hover, + .header-bar .button:checked:hover { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .titlebar .button:active:backdrop, .titlebar .button:checked:backdrop, + .header-bar .button:active:backdrop, + .header-bar .button:checked:backdrop { + background-image: none; + background-color: #161613; + border-color: #161613; + color: #3b3c36; } + .titlebar .button:backdrop, + .header-bar .button:backdrop { + background-color: #161613; + color: #3b3c36; } + .titlebar .button.flat:backdrop, .titlebar .button.flat:backdrop:insensitive, .titlebar .button:insensitive:backdrop, + .header-bar .button.flat:backdrop, + .header-bar .button.flat:backdrop:insensitive, + .header-bar .button:insensitive:backdrop { + background-image: none; + background-color: #161613; + color: #3b3c36; + border-color: transparent; } + .titlebar .button.flat:insensitive, + .header-bar .button.flat:insensitive { + color: rgba(61, 62, 55, 0.35); } + .titlebar .button:insensitive, + .header-bar .button:insensitive { + background-color: transparent; + background-image: none; + color: rgba(61, 62, 55, 0.35); } + .titlebar .button:insensitive:active, .titlebar .button:insensitive:checked, + .header-bar .button:insensitive:active, + .header-bar .button:insensitive:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .titlebar .button:insensitive:active > .label, .titlebar .button:insensitive:checked > .label, + .header-bar .button:insensitive:active > .label, + .header-bar .button:insensitive:checked > .label { + color: inherit; } + .titlebar .title, + .header-bar .title { + font-weight: normal; + padding: 0px 12px; } + .titlebar .subtitle, + .header-bar .subtitle { + font-size: smaller; + padding: 0 12px; } + .titlebar .header-bar-separator, + .titlebar > GtkBox > .separator.vertical, + GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator, + .header-bar .header-bar-separator, + .header-bar > GtkBox > .separator.vertical, + GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator { + -GtkWidget-wide-separators: true; + -GtkWidget-separator-width: 1px; + border-width: 0px; + background-color: #161613; + border-color: #161613; } + .titlebar .header-bar-separator:backdrop, + .titlebar > GtkBox > .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, + .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { + background-color: #161613; + border-color: #161613; } + .titlebar.selection-mode .selection-menu, + .header-bar.selection-mode .selection-menu { + padding-left: 10px; + padding-right: 10px; } + .titlebar.selection-mode .selection-menu GtkArrow, + .header-bar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .titlebar.selection-mode .selection-menu .arrow, + .header-bar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("arrow-down"); + icon-shadow: none; } + .tiled .titlebar, .maximized .titlebar, .tiled + .header-bar, .maximized + .header-bar { + border-radius: 0; } + .titlebar.default-decoration, + .header-bar.default-decoration { + padding: 4px; } + .titlebar.default-decoration .button, + .header-bar.default-decoration .button { + padding: 5px; } + +.titlebar .button.suggested-action, +.header-bar .button.suggested-action, .titlebar.selection-mode.suggested-action, +.header-bar.selection-mode.suggested-action { + background-image: none; + background-color: #241c2c; } + .titlebar .button.suggested-action:hover, + .header-bar .button.suggested-action:hover, .titlebar.selection-mode.suggested-action:hover, + .header-bar.selection-mode.suggested-action:hover { + background-color: #241c2c; + color: #57584f; } + .titlebar .button.suggested-action:insensitive, + .header-bar .button.suggested-action:insensitive, .titlebar.selection-mode.suggested-action:insensitive, + .header-bar.selection-mode.suggested-action:insensitive { + background-color: transparent; + background-image: none; + color: rgba(61, 62, 55, 0.35); } + .titlebar .button.suggested-action:insensitive:active, + .header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active, + .header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked, + .header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked, + .header-bar.selection-mode.suggested-action:insensitive:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .titlebar .button.suggested-action:insensitive:active > .label, .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, .header-bar.selection-mode.suggested-action:insensitive:checked > .label { + color: inherit; } + .titlebar .button.suggested-action:backdrop, + .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop, + .header-bar.selection-mode.suggested-action:backdrop { + background-color: #161613; + border-color: transparent; + color: #3b3c36; } + .titlebar .button.suggested-action:backdrop:insensitive, + .header-bar .button.suggested-action:backdrop:insensitive, .titlebar.selection-mode.suggested-action:backdrop:insensitive, + .header-bar.selection-mode.suggested-action:backdrop:insensitive { + color: rgba(54, 55, 49, 0.35); } + +/************** + * GtkInfoBar * + **************/ +GtkInfoBar { + border-style: none; + border-bottom: 1px solid #21221c; + background-color: #1b1c16; + background-image: none; } + GtkInfoBar:backdrop { + border-bottom: 1px solid #21221c; } + +.info, .titlebar.selection-mode, +.header-bar.selection-mode, +.question, +.warning, +.error { + background-color: #1b1c16; + background-image: none; + color: #fc961f; + text-shadow: none; } + .info:backdrop, .titlebar.selection-mode:backdrop, + .header-bar.selection-mode:backdrop, + .question:backdrop, + .warning:backdrop, + .error:backdrop { + background-color: #1b1c16; + color: #fc961f; } + .info .button, .titlebar.selection-mode .button, .header-bar.selection-mode .button, + .question .button, + .warning .button, + .error .button { + box-shadow: none; + background-image: none; + background-color: rgba(252, 150, 31, 0.5); + border-color: rgba(252, 150, 31, 0.5); + color: #57584f; } + .info .button:hover, .titlebar.selection-mode .button:hover, .header-bar.selection-mode .button:hover, + .question .button:hover, + .warning .button:hover, + .error .button:hover { + background-color: rgba(252, 150, 31, 0.25); + border-color: #fc961f; } + .info .button:active, .titlebar.selection-mode .button:active, .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked, + .question .button:active, + .question .button:checked, + .warning .button:active, + .warning .button:checked, + .error .button:active, + .error .button:checked { + background-image: linear-gradient(to bottom, #fc9722, #fc9217); + color: #1b1c16; + border-color: #fc961f; } + .info .button:insensitive, .titlebar.selection-mode .button:insensitive, .header-bar.selection-mode .button:insensitive, + .question .button:insensitive, + .warning .button:insensitive, + .error .button:insensitive { + background-color: rgba(252, 138, 6, 0); + border-color: rgba(252, 138, 6, 0); + color: rgba(79, 80, 72, 0.35); } + .info .button:backdrop, .titlebar.selection-mode .button:backdrop, .header-bar.selection-mode .button:backdrop, + .question .button:backdrop, + .warning .button:backdrop, + .error .button:backdrop { + background-color: rgba(252, 150, 31, 0.5); + border-color: rgba(252, 150, 31, 0.5); + color: #57584f; } + .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, .header-bar.selection-mode .button:backdrop:checked, + .question .button:backdrop:active, + .question .button:backdrop:checked, + .warning .button:backdrop:active, + .warning .button:backdrop:checked, + .error .button:backdrop:active, + .error .button:backdrop:checked { + background-image: linear-gradient(to bottom, #fc9722, #fc9217); + color: #1b1c16; + border-color: #fc961f; } + .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, .header-bar.selection-mode .button:backdrop:insensitive, + .question .button:backdrop:insensitive, + .warning .button:backdrop:insensitive, + .error .button:backdrop:insensitive { + background-color: rgba(252, 138, 6, 0); + border-color: rgba(252, 138, 6, 0); + color: rgba(79, 80, 72, 0.35); } + .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, .header-bar.selection-mode .button:backdrop:insensitive:checked, + .question .button:backdrop:insensitive:active, + .question .button:backdrop:insensitive:checked, + .warning .button:backdrop:insensitive:active, + .warning .button:backdrop:insensitive:checked, + .error .button:backdrop:insensitive:active, + .error .button:backdrop:insensitive:checked { + background-image: linear-gradient(to bottom, rgba(252, 139, 8, 0.35), rgba(246, 134, 3, 0.35)); + color: #191914; + border-color: rgba(252, 138, 6, 0.35); } + +/********* + * Links * + *********/ +*:link, .button:link, .button:visited { + color: #616258; } + *:link:visited, .button:visited { + color: #616258; } + *:selected *:link:visited, *:selected .button:visited { + color: #434041; } + *:link:hover, .button:hover:link, .button:hover:visited { + color: #7c7d70; } + *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { + color: #52524c; } + *:link:active, .button:active:link, .button:active:visited { + color: #616258; } + *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { + color: #4d4c48; } + *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .titlebar.selection-mode .subtitle:backdrop:hover:link, + .header-bar.selection-mode .subtitle:backdrop:hover:link, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited { + color: rgba(36, 28, 44, 0.5); } + *:link:selected, .titlebar.selection-mode .subtitle:link, + .header-bar.selection-mode .subtitle:link, .button:selected:link, .button:selected:visited, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #4d4c48; } + +.button:link, .button:visited { + text-shadow: none; } + .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked { + text-shadow: none; } + +/********* + * Lists * + *********/ +.list, .list-row { + background-color: #1b1c16; + color: #57584f; + border-width: 0px; } + .list:backdrop, .list-row:backdrop { + background-color: #1b1c16; + color: #57584f; } + +.list-row, +.grid-child { + padding: 0px 2px; + border-style: solid; + border-width: 0px; + border-color: #1b1c16; } + +.list-row.button, +.list-row.button:backdrop, +.list-row.button:backdrop:active, +.list-row.button:backdrop:checked, +.list-row.button:backdrop:insensitive, +.list-row.button:backdrop:insensitive:active, +.list-row.button:backdrop:insensitive:checked, +.list-row.button:insensitive:active, +.list-row.button:insensitive:checked { + background-color: rgba(29, 30, 23, 0); + border-style: none; + border-radius: 0; + box-shadow: none; } + +.list-row.button { + background-color: #1b1c16; } + .list-row.button:hover { + background-color: rgba(36, 28, 44, 0.25); } + .list-row.button:active { + background-color: #241c2c; + box-shadow: none; } + .list-row.button:selected { + background-color: #241c2c; } + .list-row.button:selected:active { + box-shadow: none; } + .list-row.button:selected:hover { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .list-row.button:selected:backdrop { + background-color: rgba(36, 28, 44, 0.5); } + .list-row.button:backdrop { + background-color: #1b1c16; } + +.list-row:selected .button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .list-row:selected .button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; } + .list-row:selected .button:hover { + color: #57584f; + border-color: #241c2c; } + .list-row:selected .button:active, .list-row:selected .button:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .button.flat:backdrop:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label { + color: inherit; } + .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label { + color: inherit; } + .list-row:selected .button.flat:backdrop { + background-color: #1b1c16; + color: #57584f; + border-color: transparent; } + .list-row:selected .button:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .list-row:selected .button:insensitive > .label { + color: inherit; } + .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { + color: inherit; } + +.list-row, list-row.button { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .list-row:hover, list-row.button:hover { + transition: none; } + +/********* + * Menus * + *********/ +/* menu buttons */ +.menuitem.button.flat { + color: #57584f; } + .menuitem.button.flat:hover { + background-color: #241c2c; } + .menuitem.button.flat:selected { + background-color: #241c2c; + color: #57584f; } + .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover { + color: #57584f; } + +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: none; + background-color: #1b1c16; } + .menubar:backdrop { + background-color: #1b1c16; } + .menubar > .menuitem { + padding: 6px 8px; } + .menubar > .menuitem:hover { + background-color: #241c2c; + color: #57584f; } + .menubar > .menuitem:insensitive { + color: rgba(79, 80, 72, 0.35); + box-shadow: none; } + .menubar > .menuitem:insensitive:backdrop { + background-color: #1b1c16; + color: rgba(79, 80, 72, 0.35); } + .menubar > .menuitem:backdrop { + background-color: #1b1c16; + color: #57584f; } + +.menu { + padding: 0px; + background-color: #1b1c16; + border: 1px solid #21221c; + border-radius: 3px; } + .csd .menu { + border: 1px solid #21221c; } + .menu .separator, .menu GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .menu .separator { + color: #21221c; } + .menu .menuitem { + text-shadow: none; + padding: 4px 4px; } + .menu .menuitem:hover { + color: #57584f; + background-color: #241c2c; } + .menu .menuitem:insensitive { + color: rgba(79, 80, 72, 0.35); } + .menu .menuitem:insensitive:backdrop { + color: rgba(79, 80, 72, 0.35); } + .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { + color: #57584f; + background-color: #1b1c16; } + .menu .menuitem.arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + .menu .menuitem.arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +.menuitem .accelerator { + color: alpha(currentColor,0.5); } + +/*************** + * Popovers * + ***************/ +.popover { + margin: 10px; + padding: 0px; + border: 1px solid #21221c; + border-radius: 3px; + background-color: #1b1c16; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); } + .popover:backdrop { + box-shadow: none; } + .popover > .list, + .popover > .view, + .popover > .toolbar, + .popover > .inline-toolbar, + .popover > .search-bar, + .popover > .location-bar, + .popover.osd > .toolbar, + .popover.osd > .inline-toolbar, + .popover.osd > .search-bar, + .popover.osd > .location-bar { + border-style: none; + background-color: transparent; } + .popover .button.flat { + border-radius: 0px; + color: #57584f; } + .popover .button.flat .label { + padding: 4px 0px; } + .popover .button.flat:hover, .popover .button.flat:checked:hover { + background-image: none; + background-color: #241c2c; + color: #57584f; + transition: none; } + .popover .button.flat:backdrop { + background-color: transparent; + color: #57584f; } + +.entry.cursor-handle, +.cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + .entry.cursor-handle.top, + .cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + .entry.cursor-handle.bottom, + .cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +.scale-popup .button, +.scale-popup .button.flat { + background-color: transparent; + padding: 5px; + color: #57584f; } + .scale-popup .button:hover, + .scale-popup .button.flat:hover { + color: #241c2c; } + .scale-popup .button:active, + .scale-popup .button.flat:active { + color: #241c2c; } + .scale-popup .button:insensitive, + .scale-popup .button.flat:insensitive { + color: rgba(79, 80, 72, 0.35); } + .scale-popup .button:backdrop, + .scale-popup .button.flat:backdrop { + color: #57584f; } + .scale-popup .button:backdrop:insensitive, + .scale-popup .button.flat:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); } + +GtkVolumeButton.button { + padding: 5px; } + +/******** + * Misc * + ********/ +/********** +* Frames * +**********/ +.frame { + border: 1px solid #21221c; + padding: 0; } + .frame.flat { + border-style: none; } + .frame.action-bar { + padding: 6px; + border-width: 1px 0 0; } + .frame.action-bar:backdrop { + border-color: #21221c; } + .frame:backdrop { + border-color: #21221c; } + +GtkScrolledWindow GtkViewport.frame { + border-style: none; } + +.separator, GtkPlacesSidebar.sidebar .view .separator, +GtkPlacesSidebar.sidebar .view .separator:backdrop { + color: transparent; } + .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator { + color: #21221c; } + .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { + color: #21221c; } + GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, + GtkFontButton .separator.vertical, + GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, + GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { + -GtkWidget-wide-separators: true; } + +/************* +* Expanders * +*************/ +.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + .expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + .expander:hover { + color: #a4a59b; } + .expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/********* +* Paned * +*********/ +GtkPaned { + -GtkPaned-handle-size: 1; + -gtk-icon-source: none; + margin: 0 8px 8px 0; } + GtkPaned:dir(rtl) { + margin-right: 0; + margin-left: 8px; } + GtkPaned .pane-separator { + background-color: #21221c; } + GtkPaned .pane-separator:backdrop { + background-color: #21221c; } + +GtkPaned.wide { + -GtkPaned-handle-size: 5; + margin: 0; } + GtkPaned.wide .pane-separator { + background-color: transparent; + border-style: none; } + GtkPaned.wide.vertical .pane-separator { + border-style: none; } + GtkPaned.wide .pane-separator:backdrop { + border-color: transparent; } + +/********************* +* Spinner Animation * +*********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +.spinner { + background-image: none; + background-color: blue; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active { + opacity: 1; + animation: spin 1s linear infinite; } + .spinner:active:insensitive { + opacity: 0.5; } + +/***************** + * Notebooks and * + * Tabs * + *****************/ +.notebook { + -GtkNotebook-initial-gap: 0; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #1b1c16; } + .notebook:backdrop { + background-color: #1b1c16; } + .notebook.frame { + border: 1px solid #21221c; } + .notebook.frame.top { + border-top-width: 0; } + .notebook.frame.bottom { + border-bottom-width: 0; } + .notebook.frame.right { + border-right-width: 0; } + .notebook.frame.left { + border-left-width: 0; } + .notebook.frame:backdrop { + border-color: #21221c; } + .notebook.header { + background-color: #1b1c16; + padding-top: 4px; } + .notebook.header.frame { + border-style: none; } + .notebook.header.top { + box-shadow: inset 0 -1px #21221c; } + .notebook.header.top:backdrop { + box-shadow: inset 0 -1px #21221c; } + .notebook.header.bottom { + box-shadow: inset 0 1px #21221c; } + .notebook.header.bottom:backdrop { + box-shadow: inset 0 1px #21221c; } + .notebook.header.right { + box-shadow: inset 1px 0 #21221c; } + .notebook.header.right:backdrop { + box-shadow: inset 1px 0 #21221c; } + .notebook.header.left { + box-shadow: inset -1px 0 #21221c; } + .notebook.header.left:backdrop { + box-shadow: inset -1px 0 #21221c; } + .notebook.header:backdrop { + background-color: #1b1c16; } + .notebook tab { + border: 1px solid rgba(87, 88, 79, 0.2); + background-color: rgba(87, 88, 79, 0.2); + background-clip: padding-box; + padding: 8px; } + .notebook tab:backdrop { + background-color: rgba(87, 88, 79, 0.2); } + .notebook tab.reorderable-page { + background-color: #1b1c16; } + .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { + padding-left: 12px; + padding-right: 6px; + padding-bottom: 8px; } + .notebook tab.top { + border-radius: 0px 0px 0px 0px; + border-bottom-color: transparent; } + .notebook tab.top:active, .notebook tab.top.active-page { + border-color: #21221c; + border-bottom-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.top:active:backdrop, .notebook tab.top.active-page:backdrop { + border-color: #21221c; + border-bottom-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.bottom { + border-radius: 0px 0px 0px 0px; + border-top-color: transparent; } + .notebook tab.bottom:active, .notebook tab.bottom.active-page { + border-color: #21221c; + border-top-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.bottom:active:backdrop, .notebook tab.bottom.active-page:backdrop { + border-color: #21221c; + border-top-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.left { + border-radius: 0px 0px 0px 0px; + border-right-color: transparent; } + .notebook tab.left:active, .notebook tab.left.active-page { + border-color: #21221c; + border-right-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.left:active:backdrop, .notebook tab.left.active-page:backdrop { + border-color: #21221c; + border-right-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.right { + border-radius: 0px 0px 0px 0px; + border-left-color: transparent; } + .notebook tab.right:active, .notebook tab.right.active-page { + border-color: #21221c; + border-left-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab.right:active:backdrop, .notebook tab.right.active-page:backdrop { + border-color: #21221c; + border-left-color: #1b1c16; + background-color: #1b1c16; } + .notebook tab:hover, .notebook tab.prelight-page { + background-color: rgba(36, 28, 44, 0.2); + border-color: rgba(36, 28, 44, 0.2); } + .notebook tab.reorderable-page.top { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-right-width: 1px; + border-right-color: #21221c; + box-shadow: inset -3px 0px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset -3px 0px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset -3px 0px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-right-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.top:backdrop { + background-color: #1b1c16; + border-right-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.bottom { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-right-width: 1px; + border-right-color: #21221c; + box-shadow: inset -3px 0px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset -3px 0px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset -3px 0px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-right-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.bottom:backdrop { + background-color: #1b1c16; + border-right-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.left { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-bottom-width: 1px; + border-bottom-color: #21221c; + box-shadow: inset 0px -3px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset 0px -3px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset 0px -3px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-bottom-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.left:backdrop { + background-color: #1b1c16; + border-bottom-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.right { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-bottom-width: 1px; + border-bottom-color: #21221c; + box-shadow: inset 0px -3px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset 0px -3px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset 0px -3px 0px 0px #1b1c16; } + .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-bottom-color: #21221c; + box-shadow: none; } + .notebook tab.reorderable-page.right:backdrop { + background-color: #1b1c16; + border-bottom-color: #21221c; + box-shadow: none; } + .notebook tab .label { + padding: 0 2px; + color: #57584f; } + .notebook tab .label:backdrop { + color: #57584f; } + .notebook tab .label:insensitive { + color: rgba(79, 80, 72, 0.35); } + .notebook tab .button { + padding: 0px; + border: 1px solid transparent; + border-radius: 50%; + background-image: none; + background-color: #21221c; + box-shadow: none; + icon-shadow: none; + transition: none; + color: #1b1c16; } + .notebook tab .button:hover { + background-color: #f82570; + border-color: transparent; + background-image: none; + box-shadow: none; } + .notebook tab .button:active { + color: #1b1c16; + border-color: transparent; + background-image: none; + box-shadow: none; } + .notebook tab .button:backdrop { + color: #1b1c16; + background-color: #21221c; } + .notebook tab .button > GtkImage { + padding: 0px; } + .notebook tab .button .active-page, .notebook tab .button.active-page { + background-color: #f82570; } + .notebook.arrow { + color: #57584f; } + .notebook.arrow:hover { + color: #241c2c; } + .notebook.arrow:active { + color: #241c2c; } + .notebook.arrow:insensitive { + color: rgba(79, 80, 72, 0.35); } + .notebook.arrow:backdrop { + color: #57584f; } + .notebook.arrow:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); } + +/* Decouple the font of context menus from their entry/textview */ +.touch-selection, +.context-menu { + font: initial; } + +.monospace { + font: Monospace; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + .overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 100% 5%; + 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(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + .overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 100% 5%; + 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(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + .overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 5% 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(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + .overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +/************ + * Pathbars * + ************/ +.path-bar .button { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + icon-shadow: none; + padding: 4px 8px; + color: #57584f; } + .path-bar .button:hover { + border-color: #241c2c; } + .path-bar .button:active, .path-bar .button:checked { + background-color: #21221c; } + .path-bar .button:first-child { + padding-left: 8px; } + .path-bar .button:last-child { + padding-right: 8px; } + .path-bar .button:only-child { + padding-left: 12px; + padding-right: 12px; } + .path-bar .button .label:last-child { + padding-left: 2px; } + .path-bar .button .label:first-child { + padding-right: 2px; } + .path-bar .button .label:only-child { + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 1px; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar { + padding: 0; + font-size: smaller; + color: rgba(87, 88, 79, 0.3); + box-shadow: none; } + GtkProgressBar:backdrop { + color: rgba(87, 88, 79, 0.3); } + GtkProgressBar.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; } + GtkProgressBar.trough { + border: 1px solid transparent; + border-radius: 3px; + background-color: rgba(87, 88, 79, 0.3); } + GtkProgressBar.trough.osd { + border: 1px solid transparent; + border-radius: 3px; + background-color: rgba(87, 88, 79, 0.3); } + GtkProgressBar.trough.osd:backdrop { + background-color: rgba(87, 88, 79, 0.3); } + GtkProgressBar.trough:backdrop { + background-color: rgba(87, 88, 79, 0.3); } + +.progressbar { + background-color: #241c2c; + border: 1px solid #241c2c; + border-radius: 0px; + box-shadow: none; } + .progressbar.left { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + .progressbar.right { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + .progressbar.left.right { + box-shadow: none; } + .progressbar.vertical.bottom { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + box-shadow: none; } + .progressbar.vertical.top { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + .progressbar.osd { + background-image: none; + background-color: #241c2c; + border: 1px solid #241c2c; + border-radius: 3px; } + .progressbar.osd:backdrop { + background-color: rgba(36, 28, 44, 0.5); + border-color: rgba(36, 28, 44, 0.5); } + .progressbar:backdrop { + background-color: rgba(36, 28, 44, 0.5); + border-color: rgba(36, 28, 44, 0.5); } + +/************* + * Level Bar * + *************/ +.level-bar.vertical { + -GtkLevelBar-min-block-width: 6; + -GtkLevelBar-min-block-height: 34; } + +.level-bar { + box-shadow: none; + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 6; } + .level-bar.vertical { + -GtkLevelBar-min-block-width: 6; + -GtkLevelBar-min-block-height: 34; } + .level-bar.trough { + border: 1px solid transparent; + padding: 3px; + border-radius: 3px; + background-color: transparent; } + .level-bar.fill-block { + border: 1px solid #241c2c; + background-color: #241c2c; + box-shadow: none; + border-radius: 3px; } + .level-bar.fill-block.indicator-discrete.horizontal { + margin: 0 1px; } + .level-bar.fill-block.indicator-discrete.vertical { + margin: 1px 0; } + .level-bar.fill-block.level-high { + border-color: #393241; + background-color: #393241; } + .level-bar.fill-block.level-high:backdrop { + background-color: #393241; + border-color: #393241; } + .level-bar.fill-block.level-low { + border-color: #fc961f; + background-color: #fc961f; } + .level-bar.fill-block.level-low:backdrop { + background-color: #fc961f; + border-color: #fc961f; } + .level-bar.fill-block.empty-fill-block { + background-color: rgba(87, 88, 79, 0.3); + border-color: transparent; + box-shadow: none; } + .level-bar.fill-block:backdrop { + border-color: rgba(36, 28, 44, 0.5); + background-color: rgba(36, 28, 44, 0.5); } + +/************ + * GtkScale * + ************/ +.scale, +.scale.scale-has-marks-above.scale-has-marks-below, +.scale.vertical.scale-has-marks-above.scale-has-marks-below { + -GtkScale-slider-length: 18; + -GtkRange-slider-width: 18; + -GtkRange-trough-border: 2; } + .scale.fine-tune.trough, + .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { + margin: 8px; + border-radius: 3px; } + .scale.slider, + .scale.scale-has-marks-above.scale-has-marks-below.slider, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { + background-color: #272821; + border: 1px solid #21221c; + border-radius: 50%; + box-shadow: none; } + .scale.slider:hover, + .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { + border-style: solid; + border-width: 2px; + border-color: #241c2c; + border-radius: 50%; } + .scale.slider:hover:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop { + background-color: #272821; + border-color: #241c2c; } + .scale.slider:insensitive, + .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { + border-style: solid; + border-radius: 50%; + background-color: rgba(35, 36, 30, 0.35); + border-color: rgba(30, 31, 25, 0.35); } + .scale.slider:insensitive:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop { + background-color: rgba(35, 36, 30, 0.35); + border-color: rgba(30, 31, 25, 0.35); } + .scale.slider:active, + .scale.scale-has-marks-above.scale-has-marks-below.slider:active, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { + border: 2px solid #241c2c; } + .scale.slider:active:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop { + background-color: #272821; + border-color: #241c2c; } + .scale.slider:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { + background-color: #272821; + border-color: #21221c; } + .scale.trough, + .scale.scale-has-marks-above.scale-has-marks-below.trough, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { + margin: 9px; + border: 1px solid rgba(87, 88, 79, 0.3); + border-radius: 3px; + background-color: rgba(87, 88, 79, 0.3); + box-shadow: none; } + .scale.trough.highlight, + .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { + background-color: #241c2c; + border-color: #241c2c; } + .scale.trough.highlight.vertical, + .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { + background-color: #241c2c; + border-color: #241c2c; } + .scale.trough.highlight:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { + background-color: rgba(36, 28, 44, 0.5); + border-color: rgba(36, 28, 44, 0.5); } + .scale.trough:insensitive, .scale.trough.vertical:insensitive, + .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, + .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { + border-color: rgba(44, 45, 38, 0.545); + background-color: rgba(44, 45, 38, 0.545); + box-shadow: none; } + .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop { + background-color: rgba(44, 45, 38, 0.545); + border-color: rgba(44, 45, 38, 0.545); } + .scale.trough:backdrop, + .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, + .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { + background-color: rgba(87, 88, 79, 0.3); + border-color: rgba(87, 88, 79, 0.3); } + +/************** + * Scrollbars * + **************/ +.scrollbar { + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 10px; + -GtkScrollbar-min-slider-length: 64; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + .scrollbar .button { + color: #57584f; } + .scrollbar .button:hover { + color: #241c2c; } + .scrollbar .button:insensitive { + color: rgba(79, 80, 72, 0.35); } + .scrollbar .button:backdrop { + color: #57584f; } + .scrollbar .button:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); } + .scrollbar.dragging, .scrollbar.hovering { + opacity: 0.9910; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.999; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + -GtkRange-slider-width: 10px; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(87, 88, 79, 0.5); } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop { + background-color: rgba(87, 88, 79, 0.5); } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { + border: none; + background: none; } + .scrollbar.trough { + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(87, 88, 79, 0.3); } + .scrollbar.trough:backdrop { + background-color: rgba(87, 88, 79, 0.3); } + .scrollbar.slider { + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(87, 88, 79, 0.5); } + .scrollbar.slider:hover { + background-color: #241c2c; } + .scrollbar.slider:active { + background-color: #241c2c; } + .scrollbar.slider:insensitive { + background-color: rgba(79, 80, 72, 0); } + .scrollbar.slider:backdrop { + background-color: rgba(87, 88, 79, 0.3); } + .scrollbar.slider:backdrop:insensitive { + background-color: rgba(79, 80, 72, 0); } + +.scrollbars-junction, +.scrollbars-junction.frame { + border-color: transparent; + background-color: transparent; + border-image: none; } + +/*********** + * Sidebar * + ***********/ +.sidebar, +.sidebar .view { + border: none; + background-color: #1b1c16; } + .sidebar:backdrop, + .sidebar .view:backdrop { + background-color: #1b1c16; } + +GtkSidebarRow.list-row { + padding: 0px; } + +GtkSidebarRow .sidebar-revealer { + padding: 4px 14px 4px 12px; } + +GtkSidebarRow .sidebar-icon:dir(ltr) { + padding-right: 8px; } + +GtkSidebarRow .sidebar-icon:dir(rtl) { + padding-left: 8px; } + +GtkSidebarRow .sidebar-label:dir(ltr) { + padding-right: 2px; } + +GtkSidebarRow .sidebar-label:dir(rtl) { + padding-left: 2px; } + +GtkPlacesSidebar.sidebar .view:insensitive { + color: rgba(79, 80, 72, 0.35); } + +GtkPlacesSidebar.sidebar .view:backdrop { + color: #57584f; } + GtkPlacesSidebar.sidebar .view:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); } + +GtkPlacesSidebar.sidebar .view .image { + color: #57584f; } + GtkPlacesSidebar.sidebar .view .image:selected { + color: #57584f; } + GtkPlacesSidebar.sidebar .view .image:selected:backdrop { + color: #57584f; } + GtkPlacesSidebar.sidebar .view .image:insensitive { + color: rgba(79, 80, 72, 0.35); } + GtkPlacesSidebar.sidebar .view .image:backdrop { + color: #57584f; } + GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); } + +.sidebar-item { + padding: 10px 4px; } + .sidebar-item > .label { + padding-left: 6px; + padding-right: 6px; } + .sidebar-item.needs-attention > .label { + background-size: 6px 6px, 0 0; } + +/***************** + * GtkSpinButton * + *****************/ +.osd .spinbutton .button:last-child { + border-radius: 0 3px 3px 0; } + +.osd .spinbutton .button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + +.spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { + padding-top: 5px; + padding-bottom: 5px; } + .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { + color: #57584f; + border-color: #241c2c; } + .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { + color: inherit; } + .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); + text-shadow: none; + icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { + color: #57584f; + border-color: #241c2c; } + .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { + color: inherit; } + .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { + color: inherit; } + +.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { + border-radius: 0px; + padding-left: 0px; + padding-right: 0px; } + .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive { + background-color: rgba(26, 27, 21, 0.35); } + +GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { + padding: 1px; + border-width: 1px 0; + border-color: #323529; + border-radius: 0; + box-shadow: none; } + +.spinbutton .button, .osd .spinbutton .button { + background-image: none; + background-color: transparent; + border-style: none none none solid; + border-color: rgba(33, 34, 28, 0.3); + color: #57584f; + border-radius: 0; + box-shadow: none; } + .spinbutton .button:dir(rtl), .osd .spinbutton .button:dir(rtl) { + border-style: none solid none none; } + .spinbutton .button:hover { + color: #241c2c; } + .spinbutton .button:insensitive { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0); } + .spinbutton .button:active { + color: #241c2c; } + .spinbutton .button:backdrop { + color: #57584f; + border-color: rgba(33, 34, 28, 0.3); + background-color: transparent; } + .spinbutton .button:backdrop:insensitive { + background-image: none; + color: rgba(79, 80, 72, 0.35); + border-style: none none none solid; + border-color: rgba(30, 31, 25, 0); } + .spinbutton .button:backdrop:insensitive:dir(rtl) { + border-style: none solid none none; } + +.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } + +.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } + +/********** + * Switch * + **********/ +GtkSwitch { + -GtkSwitch-slider-width: 24px; + -GtkSwitch-slider-height: 24px; + font-weight: bold; + font-size: smaller; + outline-offset: 0px; + color: transparent; + box-shadow: none; } + GtkSwitch.trough { + border: 0px solid; + border-radius: 12px; + background-image: none; + background-color: rgba(87, 88, 79, 0.3); + text-shadow: none; } + GtkSwitch.trough:active { + background-color: #241c2c; + box-shadow: none; + text-shadow: none; } + GtkSwitch.trough:backdrop { + background-color: rgba(87, 88, 79, 0.3); } + GtkSwitch.slider { + border: 1px solid; + border-radius: 11px; + background-color: #1b1c16; + border-color: #21221c; } + GtkSwitch.slider:hover { + box-shadow: none; + border-color: #241c2c; + background-color: #1b1c16; } + GtkSwitch.slider:active { + border-color: #241c2c; } + GtkSwitch.slider:active:hover { + border-color: #241c2c; } + GtkSwitch.slider:insensitive { + background-color: #191914; } + GtkSwitch.slider:backdrop { + background-color: #1b1c16; } + GtkSwitch.slider:backdrop:insensitive { + background-color: #191914; } + .header-bar GtkSwitch.trough:backdrop { + background-color: transparent; } + .header-bar GtkSwitch.slider:backdrop { + background-color: #3b3c36; } + +/************ + * Toolbars * + ************/ +.toolbar, .inline-toolbar, .search-bar, .location-bar, +.primary-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #1b1c16; } + .toolbar:backdrop, .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop, + .primary-toolbar:backdrop { + background-color: #1b1c16; + box-shadow: none; } + .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar, .osd + .primary-toolbar, + .primary-toolbar.osd { + padding: 13px; + border: none; + border-radius: 3px; + background-color: #1b1c16; } + .osd .toolbar:backdrop, .osd .inline-toolbar:backdrop, .osd .search-bar:backdrop, .osd .location-bar:backdrop, .toolbar.osd:backdrop, .osd.inline-toolbar:backdrop, .osd.search-bar:backdrop, .osd.location-bar:backdrop, .osd + .primary-toolbar:backdrop, + .primary-toolbar.osd:backdrop { + border-color: #21221c; + background-color: #1b1c16; + box-shadow: none; } + +.inline-toolbar { + border-width: 0px 0px 1px 0px; + padding: 3px; + border-radius: 0; } + +.search-bar, .location-bar { + border-width: 0px 0px 1px 0px; + padding: 3px; } + +.inline-toolbar, .search-bar, .location-bar { + border-style: solid; + border-color: #21221c; + text-shadow: none; + background-color: #1b1c16; } + +/************ + * Tooltips * + ************/ +.tooltip { + color: #57584f; + padding: 4px; + /* not working */ + border-radius: 0px; + box-shadow: none; + text-shadow: none; + border: 1px solid #24251f; } + .tooltip.background { + background-color: #1b1c16; + background-clip: padding-box; } + .tooltip.window-frame.csd { + background-color: transparent; } + +.tooltip * { + padding: 4px; + background-color: transparent; + color: inherit; } + +/************** + * Tree Views * + **************/ +GtkTreeView.view { + -GtkTreeView-grid-line-width: 0; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #21221c; + border-top-color: transparent; } + GtkTreeView.view:selected { + border-radius: 0; } + GtkTreeView.view:selected { + background-color: #241c2c; + border-left-color: #57584f; + border-top-color: #57584f; } + GtkTreeView.view:backdrop:selected { + background-color: rgba(36, 28, 44, 0.5); + border-left-color: #57584f; + border-top-color: #57584f; } + GtkTreeView.view:insensitive { + color: rgba(30, 31, 25, 0.35); } + GtkTreeView.view:insensitive:selected { + color: rgba(79, 80, 72, 0.35); } + GtkTreeView.view:insensitive:selected:backdrop { + color: rgba(79, 80, 72, 0.35); } + GtkTreeView.view:insensitive:backdrop { + color: rgba(30, 31, 25, 0.35); } + GtkTreeView.view.separator, GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator { + color: #21221c; } + GtkTreeView.view.separator:backdrop, + GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator:backdrop { + color: #21221c; } + GtkTreeView.view:backdrop { + border-left-color: #21221c; } + GtkTreeView.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #241c2c; } + GtkTreeView.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #57584f; } + GtkTreeView.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + GtkTreeView.view.expander:hover { + color: #241c2c; } + GtkTreeView.view.expander:selected { + color: #57584f; } + GtkTreeView.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + GtkTreeView.view.expander:checked:selected { + color: #57584f; } + GtkTreeView.view.expander:checked:backdrop { + color: #1d1e17; } + GtkTreeView.view.expander:backdrop { + color: #57584f; } + +column-header .button { + color: #57584f; + background-color: #272821; + text-shadow: none; + box-shadow: none; } + column-header .button:hover { + color: #57584f; + background-color: rgba(36, 28, 44, 0.5); + box-shadow: none; + transition: none; } + column-header .button:active { + color: #57584f; + background-color: rgba(36, 28, 44, 0.5); + transition: none; } + +column-header:last-child .button, +column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { + border-right-style: none; } + +column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { + transition: none; + color: #241c2c; + box-shadow: none; } + +column-header .button, column-header .button:hover, column-header .button:active { + padding: 6px; + border-style: none solid solid none; + border-radius: 0; + background-image: none; + border-color: #21221c; + text-shadow: none; } + column-header .button:insensitive { + border-color: rgba(30, 31, 25, 0.35); + color: rgba(79, 80, 72, 0.35); + background-color: rgba(35, 36, 30, 0.35); + background-image: none; } + column-header .button:backdrop { + border-color: #21221c; + border-style: none solid solid none; + color: #57584f; + background-image: none; + background-color: #272821; } + column-header .button:backdrop:insensitive { + border-color: rgba(30, 31, 25, 0.35); + background-image: none; + background-color: rgba(35, 36, 30, 0.35); + color: rgba(79, 80, 72, 0.35); } + +/********************** + * Window Decorations * + *********************/ +.window-frame { + border-radius: 3px; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); + /* this is used for the resize cursor area */ + margin: 10px; } + .window-frame:backdrop { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } + .window-frame.tiled { + border-radius: 0; } + .window-frame.popup { + border-radius: 3px; + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } + .window-frame.ssd { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); } + .window-frame.csd { + border-radius: 3px; } + .window-frame.csd.popup { + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } + .window-frame.csd.tooltip { + box-shadow: none; } + .window-frame.csd.message-dialog { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } + .window-frame.solid-csd { + border-radius: 0; + margin: 0px; + background-color: #1b1c16; + border: none; + box-shadow: none; } + +.header-bar .button.titlebutton, +.titlebar .button.titlebutton { + padding: 0px; } + .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, + .titlebar .button.titlebutton:hover, + .titlebar .button.titlebutton:active, + .titlebar .button.titlebutton:checked, + .titlebar .button.titlebutton:backdrop, + .titlebar .button.titlebutton:active:hover { + transition: none; } + .header-bar .button.titlebutton.close, + .titlebar .button.titlebutton.close { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/close.png"), url("../assets/wm/close@2.png")); } + .header-bar .button.titlebutton.close:hover, + .titlebar .button.titlebutton.close:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/close_prelight.png"), url("../assets/wm/close_prelight@2.png")); } + .header-bar .button.titlebutton.close:active, + .titlebar .button.titlebutton.close:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/close_prelight.png"), url("../assets/wm/close_prelight@2.png")); } + .header-bar .button.titlebutton.close:backdrop, + .titlebar .button.titlebutton.close:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/close_unfocused.png"), url("../assets/wm/close_unfocused@2.png")); } + .header-bar .button.titlebutton.maximize, + .titlebar .button.titlebutton.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/maximize.png"), url("../assets/wm/maximize@2.png")); } + .header-bar .button.titlebutton.maximize:hover, + .titlebar .button.titlebutton.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + .header-bar .button.titlebutton.maximize:active, + .titlebar .button.titlebutton.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + .header-bar .button.titlebutton.maximize:backdrop, + .titlebar .button.titlebutton.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_unfocused.png"), url("../assets/wm/maximize_unfocused@2.png")); } + .header-bar .button.titlebutton.minimize, + .titlebar .button.titlebutton.minimize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/min.png"), url("../assets/wm/min@2.png")); } + .header-bar .button.titlebutton.minimize:hover, + .titlebar .button.titlebutton.minimize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/min_prelight.png"), url("../assets/wm/min_prelight@2.png")); } + .header-bar .button.titlebutton.minimize:active, + .titlebar .button.titlebutton.minimize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/min_prelight.png"), url("../assets/wm/min_prelight@2.png")); } + .header-bar .button.titlebutton.minimize:backdrop, + .titlebar .button.titlebutton.minimize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/min_unfocused.png"), url("../assets/wm/min_unfocused@2.png")); } + +.maximized .header-bar .button.titlebutton.maximize, .maximized +.titlebar .button.titlebutton.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/maximize.png"), url("../assets/wm/maximize@2.png")); } + +.maximized .header-bar .button.titlebutton.maximize:hover, .maximized +.titlebar .button.titlebutton.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + +.maximized .header-bar .button.titlebutton.maximize:active, .maximized +.titlebar .button.titlebutton.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + +.maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized +.titlebar .button.titlebutton.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_unfocused.png"), url("../assets/wm/maximize_unfocused@2.png")); } + +.header-bar.selection-mode .button.titlebutton, +.titlebar.selection-mode .button.titlebutton { + text-shadow: none; } + .header-bar.selection-mode .button.titlebutton:backdrop, + .titlebar.selection-mode .button.titlebutton:backdrop { + icon-shadow: none; } diff --git a/themes/Darkine/gtk-3.20/gtk-dark.css b/themes/Darkine/gtk-3.20/gtk-dark.css new file mode 100644 index 0000000..1e71669 --- /dev/null +++ b/themes/Darkine/gtk-3.20/gtk-dark.css @@ -0,0 +1,4031 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #57584f; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #57584f; +/* +widget base background color */ +@define-color theme_bg_color #1b1c16; +/* +text widgets and the like base background color */ +@define-color theme_base_color #1d1e17; +/* +base background color of selections */ +@define-color theme_selected_bg_color #241c2c; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #57584f; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #191914; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(79, 80, 72, 0.35); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color rgba(79, 80, 72, 0.35); +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #57584f; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #57584f; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1b1c16; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #1d1e17; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color rgba(36, 28, 44, 0.5); +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #57584f; +/* +widgets main borders color */ +@define-color borders #21221c; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #21221c; +/* +widgets main borders color insensitive */ +@define-color insensitive_borders rgba(30, 31, 25, 0.35); +/* +these are pretty self explicative */ +@define-color warning_color #fc961f; +@define-color error_color #f82570; +@define-color success_color #a6e12d; +@define-color content_view_bg #1d1e17; +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #f82570; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolled-window-overlay-scrolling: FALSE; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-width: 0px; } + +/*************** + * Base States * + ***************/ +.background { + color: #57584f; + background-color: #1b1c16; } + .background:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; + background-color: #1b1c16; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #1b1c16; + color: #57584f; } + .gtkstyle-fallback:hover { + background-color: #37392c; + color: #57584f; } + .gtkstyle-fallback:active { + background-color: black; + color: #57584f; } + .gtkstyle-fallback:disabled { + background-color: #191914; + color: rgba(79, 80, 72, 0.35); } + .gtkstyle-fallback:selected { + background-color: #241c2c; + color: #57584f; } + +.view text, +textview text, +.view { + /* FUCKING FIREFOX MENU */ + color: #43443d; + background-color: #1d1e17; } + .view text:backdrop, + textview text:backdrop, + .view:backdrop { + color: #43443d; + background-color: #1d1e17; } + .view text:disabled, + textview text:disabled, + .view:disabled { + color: rgba(79, 80, 72, 0.35); } + .view text:selected:focus, + textview text:selected:focus, .view text:selected, + textview text:selected, + .view:selected:focus, + .view:selected { + border-radius: 3px; } + +textview border { + background-color: #1d1e17; + background-image: image(#21221c); + background-repeat: no-repeat; } + textview border:backdrop { + background-color: #1d1e17; } + textview border.bottom { + background-size: 100% 1px; + background-position: top; } + textview border.top { + background-size: 100% 1px; + background-position: bottom; } + textview border.left { + background-size: 1px 100%; + background-position: right; } + textview border.right { + background-size: 1px 100%; + background-position: left; } + +.rubberband, +rubberband, +flowbox rubberband, +treeview.view rubberband { + border: 1px solid #241c2c; + background-color: rgba(36, 28, 44, 0.2); } + .rubberband:backdrop, + rubberband:backdrop, + treeview.view rubberband:backdrop { + border-color: #241c2c; + background-color: rgba(36, 28, 44, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: 0px; } + +label.separator { + color: #57584f; } + label.separator:backdrop { + color: #57584f; } + +label selection { + background-color: #241c2c; + color: #57584f; } + +label:disabled { + color: rgba(79, 80, 72, 0.35); } + label:disabled:backdrop { + color: rgba(79, 80, 72, 0.35); } + +label:backdrop { + color: #57584f; } + +.dim-label, label.separator, +headerbar .subtitle { + opacity: 0.5; + text-shadow: none; } + +assistant .sidebar { + background-color: #57584f; + border-top: 1px solid #21221c; } + assistant .sidebar:backdrop { + background-color: #57584f; + border-color: #21221c; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #292a22; } + +.app-notification, +.app-notification.frame, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, +.osd { + color: #57584f; + border: 1px solid #21221c; + background-color: rgba(27, 28, 22, 0.8); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, + .osd:backdrop { + color: #57584f; + background-color: rgba(27, 28, 22, 0.8); + -gtk-icon-shadow: none; } + +.view text:selected, +textview text:selected, +.view:selected:focus, +.view:selected, .view text selection:focus, .view text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, .sidebar:selected { + background-color: #241c2c; + color: #57584f; } + + textview text:hover:selected:focus, .view text:hover:selected, + textview text:hover:selected, + .view:hover:selected, .view text selection:hover, + textview text selection:hover, flowbox flowboxchild:hover:selected, spinbutton:not(.vertical) selection:hover:focus, spinbutton:not(.vertical) selection:hover, + entry selection:hover, row:hover:selected, .sidebar:hover:selected { + background-color: #241c2c; + color: #57584f; } + + textview text:backdrop:selected:focus, .view text:backdrop:selected, + textview text:backdrop:selected, + .view:backdrop:selected, .view text selection:backdrop, + textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selction, spinbutton:not(.vertical) selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected, .sidebar:backdrop:selected { + background-color: rgba(36, 28, 44, 0.5); + color: #1d1e17; } + +.view text:selected, +textview text:selected, +.view:selected:focus, +.view:selected, .view text selection:focus, .view text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, .sidebar:selected { + background-color: #241c2c; + border-radius: 0px; } + .view text:selected, + textview text:selected, + .view:selected:focus, + .view:selected, .view text selection:focus, .view text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, .sidebar:selected { + color: #57584f; } + + textview text:disabled:selected:focus, .view text:disabled:selected, + textview text:disabled:selected, + .view:disabled:selected, .view text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled:focus, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected, .sidebar:disabled:selected { + color: rgba(79, 80, 72, 0.35); } + + textview text:backdrop:selected:focus, .view text:backdrop:selected, + textview text:backdrop:selected, + .view:backdrop:selected, .view text selection:backdrop, + textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selction, spinbutton:not(.vertical) selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected, .sidebar:backdrop:selected { + color: #57584f; } + .view text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, + .view:backdrop:disabled:selected, .view text selection:backdrop:disabled, + textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selction:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected, .sidebar:backdrop:disabled:selected { + color: rgba(79, 80, 72, 0.35); } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#241c2c), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#241c2c), to(transparent)); } } + +notebook > header > tabs > arrow, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, +button, notebook > header > tabs > arrow.osd, +button.osd { + border: 1px solid; + border-radius: 3px; + padding: 4px 6px; + background-clip: border-box; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + notebook > header > tabs > arrow, button.sidebar-button, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + button.flat, notebook > header > tabs > arrow.osd, button.osd.sidebar-button { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, button.sidebar-button:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + button.flat:hover, notebook > header > tabs > arrow.osd:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:checked, button.sidebar-button:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + button.flat:checked, notebook > header > tabs > arrow.osd:checked { + background-color: #21221c; } + notebook > header > tabs > arrow:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + button:hover, notebook > header > tabs > arrow.osd:hover { + color: #57584f; + border-color: #241c2c; + -gtk-icon-effect: none; } + notebook > header > tabs > arrow:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, + button:active, notebook > header > tabs > arrow.osd:active, notebook > header > tabs > arrow:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + button:checked, notebook > header > tabs > arrow.osd:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); + transition-duration: 50ms; } + notebook > header > tabs > arrow:active:hover, popover.background.touch-selection button:active:hover, popover.background.magnifier button:active:hover, + button:active:hover, notebook > header > tabs > arrow:checked:hover, popover.background.touch-selection button:checked:hover, popover.background.magnifier button:checked:hover, + button:checked:hover { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + notebook > header > tabs > arrow:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + button:backdrop, notebook > header > tabs > arrow.osd:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); + -gtk-icon-effect: none; } + notebook > header > tabs > arrow:backdrop:active, popover.background.touch-selection button:backdrop:active, popover.background.magnifier button:backdrop:active, + button:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, popover.background.touch-selection button:backdrop:checked, popover.background.magnifier button:backdrop:checked, + button:backdrop:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + notebook > header > tabs > arrow:backdrop:disabled, popover.background.touch-selection button:backdrop:disabled, popover.background.magnifier button:backdrop:disabled, + button:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + notebook > header > tabs > arrow:backdrop:disabled > .label, popover.background.touch-selection button:backdrop:disabled > .label, popover.background.magnifier button:backdrop:disabled > .label, button:backdrop:disabled > .label { + color: inherit; } + notebook > header > tabs > arrow:backdrop:disabled:active, + button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop:disabled:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + notebook > header > tabs > arrow:backdrop:disabled:active > .label, popover.background.touch-selection button:backdrop:disabled:active > .label, popover.background.magnifier button:backdrop:disabled:active > .label, button:backdrop:disabled:active > .label, notebook > header > tabs > arrow:backdrop:disabled:checked > .label, popover.background.touch-selection button:backdrop:disabled:checked > .label, popover.background.magnifier button:backdrop:disabled:checked > .label, button:backdrop:disabled:checked > .label { + color: inherit; } + notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + button.flat:backdrop, notebook > header > tabs > arrow.osd:backdrop { + -gtk-icon-effect: none; + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; } + notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + button.flat:disabled, notebook > header > tabs > arrow.osd:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(79, 80, 72, 0.35); } + notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, + button.flat:backdrop:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(79, 80, 72, 0.35); } + notebook > header > tabs > arrow:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + button:disabled, notebook > header > tabs > arrow.osd:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + notebook > header > tabs > arrow:disabled > .label, popover.background.touch-selection button:disabled > .label, popover.background.magnifier button:disabled > .label, button:disabled > .label { + color: inherit; } + notebook > header > tabs > arrow:disabled:active, popover.background.touch-selection button:disabled:active, popover.background.magnifier button:disabled:active, + button:disabled:active, notebook > header > tabs > arrow:disabled:checked, popover.background.touch-selection button:disabled:checked, popover.background.magnifier button:disabled:checked, + button:disabled:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + notebook > header > tabs > arrow:disabled:active > .label, popover.background.touch-selection button:disabled:active > .label, popover.background.magnifier button:disabled:active > .label, button:disabled:active > .label, notebook > header > tabs > arrow:disabled:checked > .label, popover.background.touch-selection button:disabled:checked > .label, popover.background.magnifier button:disabled:checked > .label, button:disabled:checked > .label { + color: inherit; } + notebook > header > tabs > arrow separator, .csd popover.background.touch-selection button separator, .csd popover.background.magnifier button separator, popover.background.touch-selection button separator, popover.background.magnifier button separator, button separator, notebook > header > tabs > arrow.osd separator, button.osd separator { + background-color: transparent; + background-image: none; + color: transparent; } + +notebook > header > tabs > arrow.image-button, popover.background.touch-selection button.image-button, popover.background.magnifier button.image-button, +button.image-button { + min-width: 16px; + padding: 6px; } + +notebook > header > tabs > arrow.text-button, popover.background.touch-selection button.text-button, popover.background.magnifier button.text-button, +button.text-button { + padding-left: 6px; + padding-right: 6px; } + +notebook > header > tabs > arrow.text-button.image-button, popover.background.touch-selection button.text-button.image-button, popover.background.magnifier button.text-button.image-button, +button.text-button.image-button { + padding-left: 6px; + padding-right: 6px; } + notebook > header > tabs > arrow.text-button.image-button label, popover.background.touch-selection button.text-button.image-button label, popover.background.magnifier button.text-button.image-button label, + button.text-button.image-button label { + padding-left: 6px; + padding-right: 6px; } + +row:selected popover.background.touch-selection button, popover.background.touch-selection row:selected button, row:selected popover.background.magnifier button, popover.background.magnifier row:selected button, row:selected +button { + border-color: #241c2c; } + row:selected popover.background.touch-selection button.flat:not(:active):not(:checked):not(:hover):not(disabled), popover.background.touch-selection row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected popover.background.magnifier button.flat:not(:active):not(:checked):not(:hover):not(disabled), popover.background.magnifier row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #57584f; + border-color: transparent; } + row:selected popover.background.touch-selection button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, popover.background.touch-selection row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected popover.background.magnifier button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, popover.background.magnifier row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #57584f; } + +popover.background.touch-selection button.suggested-action, popover.background.magnifier button.suggested-action, +popover.background.touch-selection button.suggested-action.osd button, +popover.background.magnifier button.suggested-action.osd button, +button.suggested-action, +button.suggested-action.osd popover.background.touch-selection button, +popover.background.touch-selection button.suggested-action.osd button, +button.suggested-action.osd popover.background.magnifier button, +popover.background.magnifier button.suggested-action.osd button, +popover.background.touch-selection button.suggested-action.osd button, +popover.background.magnifier button.suggested-action.osd button, +button.suggested-action.osd +button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #241c2c, #231b2b); } + popover.background.touch-selection button.suggested-action.flat, popover.background.magnifier button.suggested-action.flat, + popover.background.touch-selection button.suggested-action.osd button.flat, + popover.background.magnifier button.suggested-action.osd button.flat, + button.suggested-action.flat, + button.suggested-action.osd popover.background.touch-selection button.flat, + popover.background.touch-selection button.suggested-action.osd button.flat, + button.suggested-action.osd popover.background.magnifier button.flat, + popover.background.magnifier button.suggested-action.osd button.flat, + popover.background.touch-selection button.suggested-action.osd button.flat, + popover.background.magnifier button.suggested-action.osd button.flat, + button.suggested-action.osd + button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: #241c2c; } + popover.background.touch-selection button.suggested-action:hover, popover.background.magnifier button.suggested-action:hover, + popover.background.touch-selection button.suggested-action.osd button:hover, + popover.background.magnifier button.suggested-action.osd button:hover, + button.suggested-action:hover, + button.suggested-action.osd popover.background.touch-selection button:hover, + popover.background.touch-selection button.suggested-action.osd button:hover, + button.suggested-action.osd popover.background.magnifier button:hover, + popover.background.magnifier button.suggested-action.osd button:hover, + popover.background.touch-selection button.suggested-action.osd button:hover, + popover.background.magnifier button.suggested-action.osd button:hover, + button.suggested-action.osd + button:hover { + color: white; + border-color: #241c2c; } + popover.background.touch-selection button.suggested-action:active, popover.background.magnifier button.suggested-action:active, popover.background.touch-selection button.suggested-action:checked, popover.background.magnifier button.suggested-action:checked, + popover.background.touch-selection button.suggested-action.osd button:active, + popover.background.magnifier button.suggested-action.osd button:active, + popover.background.touch-selection button.suggested-action.osd button:checked, + popover.background.magnifier button.suggested-action.osd button:checked, + button.suggested-action:active, + button.suggested-action:checked, + button.suggested-action.osd popover.background.touch-selection button:active, + popover.background.touch-selection button.suggested-action.osd button:active, + button.suggested-action.osd popover.background.magnifier button:active, + popover.background.magnifier button.suggested-action.osd button:active, + button.suggested-action.osd popover.background.touch-selection button:checked, + popover.background.touch-selection button.suggested-action.osd button:checked, + button.suggested-action.osd popover.background.magnifier button:checked, + popover.background.magnifier button.suggested-action.osd button:checked, + popover.background.touch-selection button.suggested-action.osd button:active, + popover.background.magnifier button.suggested-action.osd button:active, + popover.background.touch-selection button.suggested-action.osd button:checked, + popover.background.magnifier button.suggested-action.osd button:checked, + button.suggested-action.osd + button:active, + button.suggested-action.osd + button:checked { + color: white; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + popover.background.touch-selection button.suggested-action:backdrop, popover.background.magnifier button.suggested-action:backdrop, popover.background.touch-selection button.suggested-action.flat:backdrop, popover.background.magnifier button.suggested-action.flat:backdrop, + popover.background.touch-selection button.suggested-action.osd button:backdrop, + popover.background.magnifier button.suggested-action.osd button:backdrop, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop, + button.suggested-action.osd popover.background.touch-selection button:backdrop, + popover.background.touch-selection button.suggested-action.osd button:backdrop, + button.suggested-action.osd popover.background.magnifier button:backdrop, + popover.background.magnifier button.suggested-action.osd button:backdrop, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop, + popover.background.touch-selection button.suggested-action.osd button:backdrop, + popover.background.magnifier button.suggested-action.osd button:backdrop, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop, + button.suggested-action.osd + button:backdrop, + button.suggested-action.osd + button.flat:backdrop { + color: white; + border-color: #21221c; + background-image: linear-gradient(to bottom, #241c2c, #231b2b); } + popover.background.touch-selection button.suggested-action:backdrop:active, popover.background.magnifier button.suggested-action:backdrop:active, popover.background.touch-selection button.suggested-action:backdrop:checked, popover.background.magnifier button.suggested-action:backdrop:checked, popover.background.touch-selection button.suggested-action.flat:backdrop:active, popover.background.magnifier button.suggested-action.flat:backdrop:active, popover.background.touch-selection button.suggested-action.flat:backdrop:checked, popover.background.magnifier button.suggested-action.flat:backdrop:checked, + popover.background.touch-selection button.suggested-action.osd button:backdrop:active, + popover.background.magnifier button.suggested-action.osd button:backdrop:active, + popover.background.touch-selection button.suggested-action.osd button:backdrop:checked, + popover.background.magnifier button.suggested-action.osd button:backdrop:checked, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked, + button.suggested-action.osd popover.background.touch-selection button:backdrop:active, + popover.background.touch-selection button.suggested-action.osd button:backdrop:active, + button.suggested-action.osd popover.background.magnifier button:backdrop:active, + popover.background.magnifier button.suggested-action.osd button:backdrop:active, + button.suggested-action.osd popover.background.touch-selection button:backdrop:checked, + popover.background.touch-selection button.suggested-action.osd button:backdrop:checked, + button.suggested-action.osd popover.background.magnifier button:backdrop:checked, + popover.background.magnifier button.suggested-action.osd button:backdrop:checked, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:active, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:active, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:checked, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:checked, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked, + popover.background.touch-selection button.suggested-action.osd button:backdrop:active, + popover.background.magnifier button.suggested-action.osd button:backdrop:active, + popover.background.touch-selection button.suggested-action.osd button:backdrop:checked, + popover.background.magnifier button.suggested-action.osd button:backdrop:checked, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked, + button.suggested-action.osd + button:backdrop:active, + button.suggested-action.osd + button:backdrop:checked, + button.suggested-action.osd + button.flat:backdrop:active, + button.suggested-action.osd + button.flat:backdrop:checked { + color: white; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + popover.background.touch-selection button.suggested-action:backdrop:disabled, popover.background.magnifier button.suggested-action:backdrop:disabled, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.flat:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled, + button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled, + button.suggested-action.osd popover.background.magnifier button:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, + button.suggested-action.osd + button:backdrop:disabled, + button.suggested-action.osd + button.flat:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + popover.background.touch-selection button.suggested-action:backdrop:disabled > .label, popover.background.magnifier button.suggested-action:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label, + button.suggested-action:backdrop:disabled > .label, + button.suggested-action.flat:backdrop:disabled > .label, + button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label, + button.suggested-action.osd popover.background.magnifier button:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label, + button.suggested-action.osd + button:backdrop:disabled > .label, + button.suggested-action.osd + button.flat:backdrop:disabled > .label { + color: inherit; } + popover.background.touch-selection button.suggested-action:backdrop:disabled:active, popover.background.magnifier button.suggested-action:backdrop:disabled:active, popover.background.touch-selection button.suggested-action:backdrop:disabled:checked, popover.background.magnifier button.suggested-action:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:active, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked, + button.suggested-action:backdrop:disabled:active, + button.suggested-action:backdrop:disabled:checked, + button.suggested-action.flat:backdrop:disabled:active, + button.suggested-action.flat:backdrop:disabled:checked, + button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active, + button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active, + button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked, + button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked, + button.suggested-action.osd + button:backdrop:disabled:active, + button.suggested-action.osd + button:backdrop:disabled:checked, + button.suggested-action.osd + button.flat:backdrop:disabled:active, + button.suggested-action.osd + button.flat:backdrop:disabled:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + popover.background.touch-selection button.suggested-action:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, + button.suggested-action:backdrop:disabled:active > .label, + button.suggested-action:backdrop:disabled:checked > .label, + button.suggested-action.flat:backdrop:disabled:active > .label, + button.suggested-action.flat:backdrop:disabled:checked > .label, + button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label, + button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label, + button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label, + button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, + button.suggested-action.osd + button:backdrop:disabled:active > .label, + button.suggested-action.osd + button:backdrop:disabled:checked > .label, + button.suggested-action.osd + button.flat:backdrop:disabled:active > .label, + button.suggested-action.osd + button.flat:backdrop:disabled:checked > .label { + color: inherit; } + popover.background.touch-selection button.suggested-action.flat:backdrop, popover.background.magnifier button.suggested-action.flat:backdrop, popover.background.touch-selection button.suggested-action.flat:disabled, popover.background.magnifier button.suggested-action.flat:disabled, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.flat:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop, + popover.background.touch-selection button.suggested-action.osd button.flat:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, + button.suggested-action.flat:backdrop, + button.suggested-action.flat:disabled, + button.suggested-action.flat:backdrop:disabled, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop, + button.suggested-action.osd popover.background.touch-selection button.flat:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:disabled, + button.suggested-action.osd popover.background.magnifier button.flat:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:disabled, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop, + popover.background.touch-selection button.suggested-action.osd button.flat:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, + button.suggested-action.osd + button.flat:backdrop, + button.suggested-action.osd + button.flat:disabled, + button.suggested-action.osd + button.flat:backdrop:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(36, 28, 44, 0.8); } + popover.background.touch-selection button.suggested-action:disabled, popover.background.magnifier button.suggested-action:disabled, + popover.background.touch-selection button.suggested-action.osd button:disabled, + popover.background.magnifier button.suggested-action.osd button:disabled, + button.suggested-action:disabled, + button.suggested-action.osd popover.background.touch-selection button:disabled, + popover.background.touch-selection button.suggested-action.osd button:disabled, + button.suggested-action.osd popover.background.magnifier button:disabled, + popover.background.magnifier button.suggested-action.osd button:disabled, + popover.background.touch-selection button.suggested-action.osd button:disabled, + popover.background.magnifier button.suggested-action.osd button:disabled, + button.suggested-action.osd + button:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + popover.background.touch-selection button.suggested-action:disabled > .label, popover.background.magnifier button.suggested-action:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled > .label, + popover.background.magnifier button.suggested-action.osd button:disabled > .label, + button.suggested-action:disabled > .label, + button.suggested-action.osd popover.background.touch-selection button:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled > .label, + button.suggested-action.osd popover.background.magnifier button:disabled > .label, + popover.background.magnifier button.suggested-action.osd button:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled > .label, + popover.background.magnifier button.suggested-action.osd button:disabled > .label, + button.suggested-action.osd + button:disabled > .label { + color: inherit; } + popover.background.touch-selection button.suggested-action:disabled:active, popover.background.magnifier button.suggested-action:disabled:active, popover.background.touch-selection button.suggested-action:disabled:checked, popover.background.magnifier button.suggested-action:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button:disabled:active, + popover.background.magnifier button.suggested-action.osd button:disabled:active, + popover.background.touch-selection button.suggested-action.osd button:disabled:checked, + popover.background.magnifier button.suggested-action.osd button:disabled:checked, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked, + button.suggested-action.osd popover.background.touch-selection button:disabled:active, + popover.background.touch-selection button.suggested-action.osd button:disabled:active, + button.suggested-action.osd popover.background.magnifier button:disabled:active, + popover.background.magnifier button.suggested-action.osd button:disabled:active, + button.suggested-action.osd popover.background.touch-selection button:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button:disabled:checked, + button.suggested-action.osd popover.background.magnifier button:disabled:checked, + popover.background.magnifier button.suggested-action.osd button:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button:disabled:active, + popover.background.magnifier button.suggested-action.osd button:disabled:active, + popover.background.touch-selection button.suggested-action.osd button:disabled:checked, + popover.background.magnifier button.suggested-action.osd button:disabled:checked, + button.suggested-action.osd + button:disabled:active, + button.suggested-action.osd + button:disabled:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + popover.background.touch-selection button.suggested-action:disabled:active > .label, popover.background.magnifier button.suggested-action:disabled:active > .label, popover.background.touch-selection button.suggested-action:disabled:checked > .label, popover.background.magnifier button.suggested-action:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label, + button.suggested-action:disabled:active > .label, + button.suggested-action:disabled:checked > .label, + button.suggested-action.osd popover.background.touch-selection button:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label, + button.suggested-action.osd popover.background.magnifier button:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button:disabled:active > .label, + button.suggested-action.osd popover.background.touch-selection button:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label, + button.suggested-action.osd popover.background.magnifier button:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label, + button.suggested-action.osd + button:disabled:active > .label, + button.suggested-action.osd + button:disabled:checked > .label { + color: inherit; } + +popover.background.touch-selection button.destructive-action, popover.background.magnifier button.destructive-action, +popover.background.touch-selection button.destructive-action.osd button, +popover.background.magnifier button.destructive-action.osd button, +button.destructive-action, +button.destructive-action.osd popover.background.touch-selection button, +popover.background.touch-selection button.destructive-action.osd button, +button.destructive-action.osd popover.background.magnifier button, +popover.background.magnifier button.destructive-action.osd button, +popover.background.touch-selection button.destructive-action.osd button, +popover.background.magnifier button.destructive-action.osd button, +button.destructive-action.osd +button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; + border-color: #f82570; + background-image: linear-gradient(to bottom, #f82872, #f81d6b); } + popover.background.touch-selection button.destructive-action.flat, popover.background.magnifier button.destructive-action.flat, + popover.background.touch-selection button.destructive-action.osd button.flat, + popover.background.magnifier button.destructive-action.osd button.flat, + button.destructive-action.flat, + button.destructive-action.osd popover.background.touch-selection button.flat, + popover.background.touch-selection button.destructive-action.osd button.flat, + button.destructive-action.osd popover.background.magnifier button.flat, + popover.background.magnifier button.destructive-action.osd button.flat, + popover.background.touch-selection button.destructive-action.osd button.flat, + popover.background.magnifier button.destructive-action.osd button.flat, + button.destructive-action.osd + button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: #f82570; } + popover.background.touch-selection button.destructive-action:hover, popover.background.magnifier button.destructive-action:hover, + popover.background.touch-selection button.destructive-action.osd button:hover, + popover.background.magnifier button.destructive-action.osd button:hover, + button.destructive-action:hover, + button.destructive-action.osd popover.background.touch-selection button:hover, + popover.background.touch-selection button.destructive-action.osd button:hover, + button.destructive-action.osd popover.background.magnifier button:hover, + popover.background.magnifier button.destructive-action.osd button:hover, + popover.background.touch-selection button.destructive-action.osd button:hover, + popover.background.magnifier button.destructive-action.osd button:hover, + button.destructive-action.osd + button:hover { + color: white; + border-color: #f82570; } + popover.background.touch-selection button.destructive-action:active, popover.background.magnifier button.destructive-action:active, popover.background.touch-selection button.destructive-action:checked, popover.background.magnifier button.destructive-action:checked, + popover.background.touch-selection button.destructive-action.osd button:active, + popover.background.magnifier button.destructive-action.osd button:active, + popover.background.touch-selection button.destructive-action.osd button:checked, + popover.background.magnifier button.destructive-action.osd button:checked, + button.destructive-action:active, + button.destructive-action:checked, + button.destructive-action.osd popover.background.touch-selection button:active, + popover.background.touch-selection button.destructive-action.osd button:active, + button.destructive-action.osd popover.background.magnifier button:active, + popover.background.magnifier button.destructive-action.osd button:active, + button.destructive-action.osd popover.background.touch-selection button:checked, + popover.background.touch-selection button.destructive-action.osd button:checked, + button.destructive-action.osd popover.background.magnifier button:checked, + popover.background.magnifier button.destructive-action.osd button:checked, + popover.background.touch-selection button.destructive-action.osd button:active, + popover.background.magnifier button.destructive-action.osd button:active, + popover.background.touch-selection button.destructive-action.osd button:checked, + popover.background.magnifier button.destructive-action.osd button:checked, + button.destructive-action.osd + button:active, + button.destructive-action.osd + button:checked { + color: white; + border-color: #f82570; + background-image: linear-gradient(to bottom, #f82d75, #f70c60); } + popover.background.touch-selection button.destructive-action:backdrop, popover.background.magnifier button.destructive-action:backdrop, popover.background.touch-selection button.destructive-action.flat:backdrop, popover.background.magnifier button.destructive-action.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button:backdrop, + popover.background.magnifier button.destructive-action.osd button:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop, + button.destructive-action.osd popover.background.touch-selection button:backdrop, + popover.background.touch-selection button.destructive-action.osd button:backdrop, + button.destructive-action.osd popover.background.magnifier button:backdrop, + popover.background.magnifier button.destructive-action.osd button:backdrop, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button:backdrop, + popover.background.magnifier button.destructive-action.osd button:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + button.destructive-action.osd + button:backdrop, + button.destructive-action.osd + button.flat:backdrop { + color: white; + border-color: #21221c; + background-image: linear-gradient(to bottom, #f82872, #f81d6b); } + popover.background.touch-selection button.destructive-action:backdrop:active, popover.background.magnifier button.destructive-action:backdrop:active, popover.background.touch-selection button.destructive-action:backdrop:checked, popover.background.magnifier button.destructive-action:backdrop:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:active, popover.background.magnifier button.destructive-action.flat:backdrop:active, popover.background.touch-selection button.destructive-action.flat:backdrop:checked, popover.background.magnifier button.destructive-action.flat:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked, + button.destructive-action.osd popover.background.touch-selection button:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:active, + button.destructive-action.osd popover.background.magnifier button:backdrop:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:active, + button.destructive-action.osd popover.background.touch-selection button:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, + button.destructive-action.osd popover.background.magnifier button:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:checked, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, + button.destructive-action.osd + button:backdrop:active, + button.destructive-action.osd + button:backdrop:checked, + button.destructive-action.osd + button.flat:backdrop:active, + button.destructive-action.osd + button.flat:backdrop:checked { + color: white; + border-color: #f82570; + background-image: linear-gradient(to bottom, #f82d75, #f70c60); } + popover.background.touch-selection button.destructive-action:backdrop:disabled, popover.background.magnifier button.destructive-action:backdrop:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd + button:backdrop:disabled, + button.destructive-action.osd + button.flat:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + popover.background.touch-selection button.destructive-action:backdrop:disabled > .label, popover.background.magnifier button.destructive-action:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, + button.destructive-action:backdrop:disabled > .label, + button.destructive-action.flat:backdrop:disabled > .label, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, + button.destructive-action.osd + button:backdrop:disabled > .label, + button.destructive-action.osd + button.flat:backdrop:disabled > .label { + color: inherit; } + popover.background.touch-selection button.destructive-action:backdrop:disabled:active, popover.background.magnifier button.destructive-action:backdrop:disabled:active, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked, popover.background.magnifier button.destructive-action:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, + button.destructive-action:backdrop:disabled:active, + button.destructive-action:backdrop:disabled:checked, + button.destructive-action.flat:backdrop:disabled:active, + button.destructive-action.flat:backdrop:disabled:checked, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, + button.destructive-action.osd + button:backdrop:disabled:active, + button.destructive-action.osd + button:backdrop:disabled:checked, + button.destructive-action.osd + button.flat:backdrop:disabled:active, + button.destructive-action.osd + button.flat:backdrop:disabled:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(247, 12, 96, 0.35); + background-image: linear-gradient(to bottom, rgba(247, 19, 100, 0.35), rgba(228, 7, 86, 0.35)); } + popover.background.touch-selection button.destructive-action:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + button.destructive-action:backdrop:disabled:active > .label, + button.destructive-action:backdrop:disabled:checked > .label, + button.destructive-action.flat:backdrop:disabled:active > .label, + button.destructive-action.flat:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + button.destructive-action.osd + button:backdrop:disabled:active > .label, + button.destructive-action.osd + button:backdrop:disabled:checked > .label, + button.destructive-action.osd + button.flat:backdrop:disabled:active > .label, + button.destructive-action.osd + button.flat:backdrop:disabled:checked > .label { + color: inherit; } + popover.background.touch-selection button.destructive-action.flat:backdrop, popover.background.magnifier button.destructive-action.flat:backdrop, popover.background.touch-selection button.destructive-action.flat:disabled, popover.background.magnifier button.destructive-action.flat:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.flat:backdrop, + button.destructive-action.flat:disabled, + button.destructive-action.flat:backdrop:disabled, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + button.destructive-action.osd popover.background.touch-selection button.flat:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:disabled, + button.destructive-action.osd popover.background.magnifier button.flat:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:disabled, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd + button.flat:backdrop, + button.destructive-action.osd + button.flat:disabled, + button.destructive-action.osd + button.flat:backdrop:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(248, 37, 112, 0.8); } + popover.background.touch-selection button.destructive-action:disabled, popover.background.magnifier button.destructive-action:disabled, + popover.background.touch-selection button.destructive-action.osd button:disabled, + popover.background.magnifier button.destructive-action.osd button:disabled, + button.destructive-action:disabled, + button.destructive-action.osd popover.background.touch-selection button:disabled, + popover.background.touch-selection button.destructive-action.osd button:disabled, + button.destructive-action.osd popover.background.magnifier button:disabled, + popover.background.magnifier button.destructive-action.osd button:disabled, + popover.background.touch-selection button.destructive-action.osd button:disabled, + popover.background.magnifier button.destructive-action.osd button:disabled, + button.destructive-action.osd + button:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + popover.background.touch-selection button.destructive-action:disabled > .label, popover.background.magnifier button.destructive-action:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:disabled > .label, + button.destructive-action:disabled > .label, + button.destructive-action.osd popover.background.touch-selection button:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled > .label, + button.destructive-action.osd popover.background.magnifier button:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:disabled > .label, + button.destructive-action.osd + button:disabled > .label { + color: inherit; } + popover.background.touch-selection button.destructive-action:disabled:active, popover.background.magnifier button.destructive-action:disabled:active, popover.background.touch-selection button.destructive-action:disabled:checked, popover.background.magnifier button.destructive-action:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:disabled:active, + popover.background.magnifier button.destructive-action.osd button:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:disabled:checked, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked, + button.destructive-action.osd popover.background.touch-selection button:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:disabled:active, + button.destructive-action.osd popover.background.magnifier button:disabled:active, + popover.background.magnifier button.destructive-action.osd button:disabled:active, + button.destructive-action.osd popover.background.touch-selection button:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked, + button.destructive-action.osd popover.background.magnifier button:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:disabled:active, + popover.background.magnifier button.destructive-action.osd button:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:disabled:checked, + button.destructive-action.osd + button:disabled:active, + button.destructive-action.osd + button:disabled:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(247, 19, 100, 0.35), rgba(228, 7, 86, 0.35)); } + popover.background.touch-selection button.destructive-action:disabled:active > .label, popover.background.magnifier button.destructive-action:disabled:active > .label, popover.background.touch-selection button.destructive-action:disabled:checked > .label, popover.background.magnifier button.destructive-action:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, + button.destructive-action:disabled:active > .label, + button.destructive-action:disabled:checked > .label, + button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, + button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, + button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, + button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, + button.destructive-action.osd + button:disabled:active > .label, + button.destructive-action.osd + button:disabled:checked > .label { + color: inherit; } + +popover.background.touch-selection .stack-switcher > button > label, popover.background.magnifier .stack-switcher > button > label, .stack-switcher > +button > label { + padding-left: 6px; + padding-right: 6px; } + +popover.background.touch-selection .stack-switcher > button > image, popover.background.magnifier .stack-switcher > button > image, .stack-switcher > +button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + +popover.background.touch-selection .stack-switcher > button.text-button, popover.background.magnifier .stack-switcher > button.text-button, .stack-switcher > +button.text-button { + padding: 6px; } + +popover.background.touch-selection .stack-switcher > button.image-button, popover.background.magnifier .stack-switcher > button.image-button, .stack-switcher > +button.image-button { + padding: 3px 0px; } + +popover.background.touch-selection .stack-switcher > button.needs-attention:active > label, popover.background.magnifier .stack-switcher > button.needs-attention:active > label, +popover.background.touch-selection .stack-switcher > button.needs-attention:active > image, +popover.background.magnifier .stack-switcher > button.needs-attention:active > image, +popover.background.touch-selection .stack-switcher > button.needs-attention:checked > label, +popover.background.magnifier .stack-switcher > button.needs-attention:checked > label, +popover.background.touch-selection .stack-switcher > button.needs-attention:checked > image, +popover.background.magnifier .stack-switcher > button.needs-attention:checked > image, .stack-switcher > +button.needs-attention:active > label, +.stack-switcher > +button.needs-attention:active > image, +.stack-switcher > +button.needs-attention:checked > label, +.stack-switcher > +button.needs-attention:checked > image { + animation: none; + background-image: none; } + +.inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar popover.background.touch-selection button:backdrop, popover.background.touch-selection .inline-toolbar button:backdrop, .inline-toolbar popover.background.magnifier button:backdrop, popover.background.magnifier .inline-toolbar button:backdrop, .inline-toolbar +button, .inline-toolbar +button:backdrop { + border-radius: 3px; + border-width: 1px; } + +.primary-toolbar popover.background.touch-selection button, popover.background.touch-selection .primary-toolbar button, .primary-toolbar popover.background.magnifier button, popover.background.magnifier .primary-toolbar button, .primary-toolbar +button { + -gtk-icon-shadow: none; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +popover.background.touch-selection .stack-switcher > button.needs-attention > label, popover.background.magnifier .stack-switcher > button.needs-attention > label, +popover.background.touch-selection .stack-switcher > button.needs-attention > image, +popover.background.magnifier .stack-switcher > button.needs-attention > image, .stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > .label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#241c2c), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#57584f), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + popover.background.touch-selection .stack-switcher > button.needs-attention > label:backdrop, popover.background.magnifier .stack-switcher > button.needs-attention > label:backdrop, + popover.background.touch-selection .stack-switcher > button.needs-attention > image:backdrop, + popover.background.magnifier .stack-switcher > button.needs-attention > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar.sidebar row.needs-attention > .label:backdrop { + background-size: 6px 6px, 0 0; } + popover.background.touch-selection .stack-switcher > button.needs-attention > label:dir(rtl), popover.background.magnifier .stack-switcher > button.needs-attention > label:dir(rtl), + popover.background.touch-selection .stack-switcher > button.needs-attention > image:dir(rtl), + popover.background.magnifier .stack-switcher > button.needs-attention > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > .label:dir(rtl) { + background-position: left 3px, left 4px; } + +.linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar button, .inline-toolbar button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > button, +.linked > button:hover, +.linked > button:active, +.linked > button:checked, +.linked > button:backdrop { + border-radius: 3px; } + .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button:dir(rtl), popover.background.touch-selection .inline-toolbar button:dir(rtl), .inline-toolbar popover.background.magnifier button:dir(rtl), popover.background.magnifier .inline-toolbar button:dir(rtl), .inline-toolbar button:dir(rtl), .inline-toolbar button:dir(rtl):backdrop, popover.background.touch-selection .linked > button:dir(rtl), popover.background.magnifier .linked > button:dir(rtl), .linked > button:dir(rtl), + .linked > button:dir(rtl):hover, + .linked > button:dir(rtl):active, + .linked > button:dir(rtl):checked, + .linked > button:dir(rtl):backdrop { + border-radius: 3px; } + +.inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar button, .inline-toolbar button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > button, +.linked > button:hover, +.linked > button:active, +.linked > button:checked, +.linked > button:backdrop { + margin-left: 2px; + margin-right: 2px; } + .inline-toolbar popover.background.touch-selection button:first-child, popover.background.touch-selection .inline-toolbar button:first-child, .inline-toolbar popover.background.magnifier button:first-child, popover.background.magnifier .inline-toolbar button:first-child, .inline-toolbar button:first-child, popover.background.touch-selection .linked > button:first-child, popover.background.magnifier .linked > button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + .inline-toolbar popover.background.touch-selection button:last-child, popover.background.touch-selection .inline-toolbar button:last-child, .inline-toolbar popover.background.magnifier button:last-child, popover.background.magnifier .inline-toolbar button:last-child, .inline-toolbar button:last-child, popover.background.touch-selection .linked > button:last-child, popover.background.magnifier .linked > button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { + border-radius: 3px; } + .inline-toolbar popover.background.touch-selection button:only-child, popover.background.touch-selection .inline-toolbar button:only-child, .inline-toolbar popover.background.magnifier button:only-child, popover.background.magnifier .inline-toolbar button:only-child, .inline-toolbar button:only-child, popover.background.touch-selection .linked > button:only-child, popover.background.magnifier .linked > button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > combobox > box > button.combo, popover.background.touch-selection .linked.vertical > button, popover.background.magnifier .linked.vertical > button, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, +.linked.vertical > button:backdrop { + border-style: solid; + border-radius: 3px; } + +popover.background.touch-selection .linked.vertical > button:first-child, popover.background.magnifier .linked.vertical > button:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-radius: 3px; } + +popover.background.touch-selection .linked.vertical > button:last-child, popover.background.magnifier .linked.vertical > button:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +popover.background.touch-selection .linked.vertical > button:only-child, popover.background.magnifier .linked.vertical > button:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +.app-notification button.flat, +.app-notification.frame button.flat, .app-notification button.flat:hover, +.app-notification.frame button.flat:hover, .app-notification button.flat:active, +.app-notification.frame button.flat:active, .app-notification button.flat:backdrop, .app-notification button.flat:disabled, .app-notification button.flat:backdrop:disabled, +.app-notification.frame button.flat:backdrop, +.app-notification.frame button.flat:disabled, +.app-notification.frame button.flat:backdrop:disabled, calendar.button, calendar.button:hover, calendar.button:active, calendar.button:backdrop, +headerbar button.flat:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, +popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, +popover.background radiobutton:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, scrollbar button:backdrop, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), +entry { + min-height: 30px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; + box-shadow: none; } + spinbutton:not(.vertical) image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus, + entry.flat { + min-height: 0; + padding: 2px; + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; + box-shadow: none; } + spinbutton:focus:not(.vertical), + entry:focus { + border-color: #323529; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-color: rgba(26, 27, 21, 0.35); } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-color: rgba(26, 27, 21, 0.35); } + spinbutton.error:not(.vertical), + entry.error { + color: #f82570; + border-color: #f82570; + background-color: rgba(248, 37, 112, 0.5); } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + border-color: #f82570; + background-color: rgba(248, 37, 112, 0.5); } + spinbutton.error:selected:not(.vertical), spinbutton.error:selected:focus:not(.vertical), + entry.error:selected, + entry.error:selected:focus { + background-color: #f82570; } + spinbutton.error:backdrop:not(.vertical), + entry.error:backdrop { + color: #f82570; + border-color: #f82570; + background-color: rgba(248, 37, 112, 0.5); } + spinbutton.warning:not(.vertical), + entry.warning { + color: #fc961f; + border-color: #fc961f; + background-color: rgba(252, 150, 31, 0.5); } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + border-color: #fc961f; + background-color: rgba(252, 150, 31, 0.5); } + spinbutton.warning:selected:not(.vertical), spinbutton.warning:selected:focus:not(.vertical), + entry.warning:selected, + entry.warning:selected:focus { + background-color: #fc961f; } + spinbutton.warning:backdrop:not(.vertical), + entry.warning:backdrop { + color: #fc961f; + border-color: #fc961f; + background-color: rgba(252, 150, 31, 0.5); } + spinbutton:not(.vertical) image, + entry image { + color: #57584f; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #241c2c; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #241c2c; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #57584f; } + +spinbutton:not(.vertical) progress, +entry progress { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #241c2c; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; + border-color: rgba(36, 28, 44, 0.5); } + +treeview acceleditor > label { + background-color: #241c2c; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #1d1e17; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #323529; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-top-width: 0px; + border-radius: 0px 0px 3px 3px; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; } + .app-notification button, + .app-notification.frame button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .app-notification button.flat, + .app-notification.frame button.flat { + -gtk-icon-shadow: none; + text-shadow: none; } + .app-notification button.flat:hover, + .app-notification.frame button.flat:hover { + color: #241c2c; } + .app-notification button.flat:active, + .app-notification.frame button.flat:active { + color: #241c2c; } + .app-notification button:hover, + .app-notification.frame button:hover { + color: #57584f; + border-color: #241c2c; } + .app-notification button:active, .app-notification button:checked, .app-notification button:backdrop:active, .app-notification button:backdrop:checked, + .app-notification.frame button:active, + .app-notification.frame button:checked, + .app-notification.frame button:backdrop:active, + .app-notification.frame button:backdrop:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .app-notification button:disabled, .app-notification button:backdrop:disabled, + .app-notification.frame button:disabled, + .app-notification.frame button:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .app-notification button:disabled > .label, .app-notification button:backdrop:disabled > .label, + .app-notification.frame button:disabled > .label, + .app-notification.frame button:backdrop:disabled > .label { + color: inherit; } + .app-notification button:backdrop, + .app-notification.frame button:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .app-notification border, + .app-notification.frame border { + border: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #57584f; + border: 1px solid #21221c; + background-color: #1d1e17; } + calendar:selected { + background-color: #21221c; } + calendar:disabled { + color: rgba(79, 80, 72, 0.35); } + calendar.header { + border: 1px solid #21221c; + border-radius: 0; + color: #57584f; } + calendar.header:backdrop { + color: #57584f; + border-color: #21221c; } + calendar.header:disabled { + color: rgba(79, 80, 72, 0.35); } + calendar.button { + color: #57584f; } + calendar.button:hover { + color: #241c2c; } + calendar.button:active { + color: #241c2c; } + calendar.button:backdrop { + color: #57584f; } + calendar:indeterminate, calendar.highlight { + color: rgba(87, 88, 79, 0.5); } + calendar:indeterminate:backdrop, calendar.highlight:backdrop { + color: rgba(87, 88, 79, 0.5); } + calendar:backdrop { + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; } + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); + background-color: transparent; } + +.view.content-view.check:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); + background-color: transparent; } + +.view.content-view.check:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:backdrop:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:backdrop:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check { + margin: 0 4px; + min-height: 18px; + min-width: 18px; + animation: none; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + check:only-child { + margin: 0; } + check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); } + check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); } + check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); } + check:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); } + menu menuitem check { + margin: 0; + min-height: 18px; + min-width: 18px; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + animation: none; } + menu menuitem check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + menu menuitem check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + menu menuitem check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + +radio { + margin: 0 4px; + min-height: 18px; + min-width: 18px; + animation: none; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + radio:only-child { + margin: 0; } + radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); } + radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); } + radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); } + radio:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); } + menu menuitem radio { + margin: 0; + min-height: 18px; + min-width: 18px; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + animation: none; } + menu menuitem radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + menu menuitem radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + menu menuitem radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + +/***************** + * Color Chooser * + *****************/ +:selected colorswatch { + box-shadow: none; } + :selected colorswatch.overlay, :selected colorswatch.overlay:hover { + border-color: #57584f; } + +colorswatch:selected { + box-shadow: none; } + +colorswatch.top, colorswatch.bottom, colorswatch.left, colorswatch:first-child:not(.overlay):not(.top), colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom), colorswatch:only-child:not(.overlay), +colorswatch.top > .overlay, +colorswatch.bottom > .overlay, +colorswatch:first-child:not(.top) > .overlay, +colorswatch:last-child:not(.bottom) > .overlay, +colorswatch:only-child > .overlay { + border-radius: 3px; } + +colorswatch:hover, colorswatch:hover:selected { + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + colorswatch:hover.color-dark, colorswatch:hover:selected.color-dark { + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } + +colorswatch:backdrop, +colorswatch:backdrop:selected colorswatch.color-dark:backdrop, colorswatch.color-dark:backdrop:selected { + background-image: none; + box-shadow: none; } + +GtkColorEditor colorswatch { + border-radius: 3px; } + GtkColorEditor colorswatch:hover { + background-image: none; + box-shadow: none; } + GtkColorEditor colorswatch:backdrop { + box-shadow: none; } + +colorswatch.color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); } + colorswatch.color-dark:backdrop { + color: rgba(255, 255, 255, 0.3); } + +colorswatch.color-light { + color: black; + outline-color: rgba(255, 255, 255, 0.5); } + colorswatch.color-light:backdrop { + color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay, +colorswatch overlay:selected { + border: 1px solid #21221c; } + colorswatch overlay:hover, + colorswatch overlay:selected:hover { + border-color: #241c2c; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + colorswatch#add-color-button:hover { + color: #57584f; + border-color: #241c2c; } + colorswatch#add-color-button:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + colorswatch#add-color-button overlay { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; } + +GtkColorButton.button { + padding: 5px; } + GtkColorButton.button GtkColorSwatch:first-child:last-child { + border-radius: 0; + box-shadow: none; } + GtkColorButton.button GtkColorSwatch:first-child:last-child:disabled, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: #1b1c16; } + +messagedialog:backdrop { + background-color: #1b1c16; } + +messagedialog .titlebar { + min-height: 32px; + background-color: transparent; + background-image: linear-gradient(to bottom, #1a1a17, #161613); + box-shadow: none; } + +messagedialog .dialog-action-area { + padding: 8px; } + +messagedialog button { + margin: 2px; } + +filechooser .search-bar { + background-color: #1b1c16; + border-color: #1b1c16; + box-shadow: none; } + filechooser .search-bar:backdrop { + background-color: #1b1c16; + border-color: #1b1c16; + color: #57584f; } + +filechooser .dialog-action-box { + border-top: 1px solid #21221c; } + filechooser .dialog-action-box:backdrop { + border-top-color: #21221c; } + +filechooser #pathbarbox { + background-color: #1b1c16; + border-bottom: 1px solid #21221c; } + +/*************** + * Header bars * + ***************/ + +headerbar { + transition: none; + padding: 0px 6px; + border-width: 0px 0px 1px 0px; + border-radius: 3px 3px 0px 0px; + border-style: solid; + border-color: #21221c; + color: #43443d; + background-image: none; + background-color: #161613; } + + headerbar:backdrop { + border-color: transparent; + background-image: none; + background-color: #161613; + color: #3b3c36; + box-shadow: none; } + + headerbar label { + font-weight: normal; } + + headerbar label:backdrop { + color: #3b3c36; } + + headerbar .path-bar button { + color: #43443d; + font-weight: normal; } + + headerbar .path-bar button:backdrop { + color: #3b3c36; } + + headerbar button { + transition: none; + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #43443d; + text-shadow: none; + -gtk-icon-shadow: none; } + + headerbar button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #43443d; + text-shadow: none; + -gtk-icon-shadow: none; } + + headerbar button:hover { + color: #43443d; + border-color: #241c2c; } + + headerbar button:hover:backdrop { + border-color: #161613; } + + headerbar button:active, + headerbar button:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + + headerbar button:active:hover, + headerbar button:checked:hover { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + + headerbar button:active:backdrop, + headerbar button:checked:backdrop { + background-image: none; + background-color: #161613; + border-color: #161613; + color: #3b3c36; } + + headerbar button:backdrop { + border-color: transparent; + background-image: none; + background-color: #161613; + color: #3b3c36; } + + headerbar button.flat:backdrop, + headerbar button.flat:backdrop:disabled, + headerbar button:disabled:backdrop { + background-image: none; + background-color: #161613; + color: #3b3c36; + border-color: transparent; } + + headerbar button.flat:disabled { + color: rgba(61, 62, 55, 0.35); } + + headerbar button:disabled { + background-color: transparent; + background-image: none; + border-color: transparent; + color: rgba(61, 62, 55, 0.35); } + + headerbar button:disabled:active, + headerbar button:disabled:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + + headerbar button:disabled:active > .label, + headerbar button:disabled:checked > .label { + color: inherit; } + + headerbar .title { + font-weight: normal; + padding: 0px 12px; } + + headerbar .title:backdrop { + color: #3b3c36; } + + headerbar .subtitle { + font-size: smaller; + padding: 0 12px; } + + headerbar .subtitle:backdrop { + color: #3b3c36; } + + headerbar separator { + border-width: 0px; + background-color: transparent; + background-image: none; + border-color: transparent; } + + headerbar.selection-mode .selection-menu { + padding: 4px 6px; } + + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-shadow: none; } + .tiled + headerbar, .maximized + headerbar { + border-radius: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator, +headerbar button { + margin-top: 3px; + margin-bottom: 3px; } + + +headerbar button.suggested-action, +headerbar.selection-mode.suggested-action { + background-image: none; + background-color: #241c2c; } + + headerbar button.suggested-action:hover, + headerbar.selection-mode.suggested-action:hover { + background-color: #241c2c; + color: #57584f; } + + headerbar button.suggested-action:disabled, + headerbar.selection-mode.suggested-action:disabled { + background-color: transparent; + background-image: none; + color: rgba(61, 62, 55, 0.35); } + + headerbar button.suggested-action:disabled:active, + headerbar.selection-mode.suggested-action:disabled:active, + headerbar button.suggested-action:disabled:checked, + headerbar.selection-mode.suggested-action:disabled:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + headerbar button.suggested-action:disabled:active > .label, headerbar.selection-mode.suggested-action:disabled:active > .label, headerbar button.suggested-action:disabled:checked > .label, headerbar.selection-mode.suggested-action:disabled:checked > .label { + color: inherit; } + + headerbar button.suggested-action:backdrop, + headerbar.selection-mode.suggested-action:backdrop { + background-color: #161613; + border-color: transparent; + color: #3b3c36; } + + headerbar button.suggested-action:backdrop:disabled, + headerbar.selection-mode.suggested-action:backdrop:disabled { + color: rgba(54, 55, 49, 0.35); } + +/************** + * GtkInfoBar * + **************/ +infobar { + border-style: none; + border-bottom: 1px solid #21221c; + background-color: #1b1c16; + background-image: none; } + infobar:backdrop { + border-bottom: 1px solid #21221c; } + +.info, +headerbar.selection-mode, +.question, +.warning, +.error { + background-color: #1b1c16; + background-image: none; + color: #fc961f; + text-shadow: none; } + .info:backdrop, + headerbar.selection-mode:backdrop, + .question:backdrop, + .warning:backdrop, + .error:backdrop { + background-color: #1b1c16; + color: #fc961f; } + .info button, headerbar.selection-mode button, + .question button, + .warning button, + .error button { + box-shadow: none; + background-image: none; + background-color: rgba(252, 150, 31, 0.5); + border-color: rgba(252, 150, 31, 0.5); + color: #57584f; } + .info button:hover, headerbar.selection-mode button:hover, + .question button:hover, + .warning button:hover, + .error button:hover { + background-color: rgba(252, 150, 31, 0.25); + border-color: #fc961f; } + .info button:active, headerbar.selection-mode button:active, .info button:checked, headerbar.selection-mode button:checked, + .question button:active, + .question button:checked, + .warning button:active, + .warning button:checked, + .error button:active, + .error button:checked { + background-image: linear-gradient(to bottom, #fc9722, #fc9217); + color: #1b1c16; + border-color: #fc961f; } + .info button:disabled, headerbar.selection-mode button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled { + background-color: rgba(252, 138, 6, 0); + border-color: rgba(252, 138, 6, 0); + color: rgba(79, 80, 72, 0.35); } + .info button:backdrop, headerbar.selection-mode button:backdrop, + .question button:backdrop, + .warning button:backdrop, + .error button:backdrop { + background-color: rgba(252, 150, 31, 0.5); + border-color: rgba(252, 150, 31, 0.5); + color: #57584f; } + .info button:backdrop:active, headerbar.selection-mode button:backdrop:active, .info button:backdrop:checked, headerbar.selection-mode button:backdrop:checked, + .question button:backdrop:active, + .question button:backdrop:checked, + .warning button:backdrop:active, + .warning button:backdrop:checked, + .error button:backdrop:active, + .error button:backdrop:checked { + background-image: linear-gradient(to bottom, #fc9722, #fc9217); + color: #1b1c16; + border-color: #fc961f; } + .info button:backdrop:disabled, headerbar.selection-mode button:backdrop:disabled, + .question button:backdrop:disabled, + .warning button:backdrop:disabled, + .error button:backdrop:disabled { + background-color: rgba(252, 138, 6, 0); + border-color: rgba(252, 138, 6, 0); + color: rgba(79, 80, 72, 0.35); } + .info button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:active, .info button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:checked, + .question button:backdrop:disabled:active, + .question button:backdrop:disabled:checked, + .warning button:backdrop:disabled:active, + .warning button:backdrop:disabled:checked, + .error button:backdrop:disabled:active, + .error button:backdrop:disabled:checked { + background-image: linear-gradient(to bottom, rgba(252, 139, 8, 0.35), rgba(246, 134, 3, 0.35)); + color: #191914; + border-color: rgba(252, 138, 6, 0.35); } + +/********* + * Links * + *********/ +button:link > label, +button:visited > label, +*:link, +button:link, +button:visited { + color: #616258; } + button:link > label:visited, + button:visited > label:visited, + *:link:visited, + button:visited { + color: #616258; } + *:selected button:link > label:visited, + *:selected button:visited > label:visited, *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #434041; } + button:link > label:hover, + button:visited > label:hover, + *:link:hover, + button:hover:link, + button:hover:visited { + color: #7c7d70; } + *:selected button:link > label:hover, + *:selected button:visited > label:hover, *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #52524c; } + button:link > label:active, + button:visited > label:active, + *:link:active, + button:active:link, + button:active:visited { + color: #616258; } + *:selected button:link > label:active, + *:selected button:visited > label:active, *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #4d4c48; } + button:link > label:backdrop, + button:visited > label:backdrop, button:link > label:backdrop:hover, + button:visited > label:backdrop:hover, button:link > label:backdrop:hover:selected, + button:visited > label:backdrop:hover:selected, + *:link:backdrop, + button:backdrop:link, + button:backdrop:visited, + *:link:backdrop:hover, + button:backdrop:hover:link, + button:backdrop:hover:visited, + *:link:backdrop:hover:selected, + headerbar.selection-mode .subtitle:backdrop:hover:link, + button:backdrop:hover:selected:link, + button:backdrop:hover:selected:visited { + color: rgba(36, 28, 44, 0.5); } + button:link > label:selected, + button:visited > label:selected, *:selected button:link > label, + *:selected button:visited > label, + *:link:selected, + headerbar.selection-mode .subtitle:link, + button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #4d4c48; } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list { + background-color: #1b1c16; + color: #57584f; + border-width: 0px; } + list:backdrop { + background-color: #1b1c16; + color: #57584f; } + list row { + padding: 2px; } + +row { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover { + transition: none; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(36, 28, 44, 0.5); } + row.activatable:active { + box-shadow: none; + background-color: #241c2c; } + row.activatable:selected:active { + box-shadow: none; + background-color: #241c2c; } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + color: #57584f; + background-color: #241c2c; } + row.activatable:selected:backdrop { + background-color: #241c2c; } + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: none; + border-style: none; + background-color: #1b1c16; } + menubar:backdrop, + .menubar:backdrop { + background-color: #1b1c16; } + menubar > menuitem, + .menubar > menuitem { + min-height: 16px; + padding: 4px 6px; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #241c2c; + color: #57584f; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(79, 80, 72, 0.35); + box-shadow: none; } + menubar > menuitem:disabled:backdrop, + .menubar > menuitem:disabled:backdrop { + background-color: #1b1c16; + color: rgba(79, 80, 72, 0.35); } + menubar > menuitem:backdrop, + .menubar > menuitem:backdrop { + background-color: #1b1c16; + color: #57584f; } + +menu, +.menu { + padding: 0px; + background-color: #1b1c16; + border: 0px solid transparent; + box-shadow: inset 0px 0px 0px 1px #21221c; + border-radius: 3px; } + .csd menu, .csd + .menu { + border: 0px solid; + border-radius: 3px; } + menu separator, + .menu separator { + color: #21221c; + margin-top: 3px; + margin-bottom: 3px; } + menu menuitem, + .menu menuitem { + text-shadow: none; + min-height: 16px; + min-width: 40px; + padding: 4px 4px; } + menu menuitem:hover, + .menu menuitem:hover { + color: #57584f; + background-color: #241c2c; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(79, 80, 72, 0.35); } + menu menuitem:disabled:backdrop, + .menu menuitem:disabled:backdrop { + color: rgba(79, 80, 72, 0.35); } + menu menuitem:backdrop, menu menuitem:backdrop:hover, + .menu menuitem:backdrop, + .menu menuitem:backdrop:hover { + color: #57584f; + background-color: #1b1c16; } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); + margin-right: 10px; } + menu > arrow, + .menu > arrow { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: transparent; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top { + margin-top: -6px; + border: none; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .menu > arrow.bottom { + margin-bottom: -6px; + border: none; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover { + color: #241c2c; } + menu > arrow:active, + .menu > arrow:active { + color: #241c2c; } + menu > arrow:backdrop, + .menu > arrow:backdrop { + background-color: #1b1c16; } + menu > arrow:disabled, + .menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } + +menuitem check, +menuitem radio { + min-height: 18px; + min-width: 18px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 6px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 6px; } + +/*************** + * Popovers * + ***************/ +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 16px; + padding: 4px 8px; + color: #57584f; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: #241c2c; + color: #57584f; } + modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected { + background-color: #241c2c; + color: #57584f; } + modelbutton.flat:backdrop, popover.background checkbutton:backdrop, + popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, + popover.background radiobutton:backdrop:hover, + .menuitem.button.flat:backdrop, + .menuitem.button.flat:backdrop:hover { + color: #57584f; } + modelbutton.flat check:hover, popover.background checkbutton check:hover, popover.background radiobutton check:hover, + .menuitem.button.flat check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + modelbutton.flat radio:hover, popover.background checkbutton radio:hover, popover.background radiobutton radio:hover, + .menuitem.button.flat radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + modelbutton.flat check:checked:hover, popover.background checkbutton check:checked:hover, popover.background radiobutton check:checked:hover, + .menuitem.button.flat check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + modelbutton.flat radio:checked:hover, popover.background checkbutton radio:checked:hover, popover.background radiobutton radio:checked:hover, + .menuitem.button.flat radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + modelbutton.flat check:indeterminate:hover, popover.background checkbutton check:indeterminate:hover, popover.background radiobutton check:indeterminate:hover, + .menuitem.button.flat check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed.png"), url("../assets/check-mixed@2.png")); } + modelbutton.flat radio:indeterminate:hover, popover.background checkbutton radio:indeterminate:hover, popover.background radiobutton radio:indeterminate:hover, + .menuitem.button.flat radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); } + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, + modelbutton.flat radio:last-child, + popover.background checkbutton radio:last-child, + popover.background radiobutton radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-right: 0px; } + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child, + modelbutton.flat radio:first-child, + popover.background checkbutton radio:first-child, + popover.background radiobutton radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-left: 0px; } + +modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow { + background: none; } + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover { + background: none; } + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +popover.background { + padding: 0px; + border: 1px solid #21221c; + border-radius: 3px; + background-color: #1b1c16; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.9); } + popover.background:backdrop { + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > toolbar { + border-style: none; + background-color: transparent; } + .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { + border: 1px solid #21221c; } + popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + +GtkVolumeButton.button { + padding: 5px; } + +/******** + * Misc * + ********/ +/**************** +* Print dialog * +*****************/ +printdialog paper { + color: #57584f; + border: 1px solid #21221c; + background: white; + padding: 0; } + printdialog paper:backdrop { + color: #57584f; + border-color: #21221c; + background: white; } + +printdialog .dialog-action-box { + margin: 12px; } + +/********** +* Frames * +**********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #21221c; } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: #21221c; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #21221c; } + actionbar > revealer > box:backdrop { + border-color: #21221c; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow junction { + border-color: transparent; + background-color: transparent; + background-image: none; } + +separator { + background: #21221c; + min-width: 1px; + min-height: 1px; } + +/************* +* Expanders * +*************/ +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + expander arrow:hover { + color: #a4a59b; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/********* +* Paned * +*********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#21221c); + background-size: 1px 1px; } + paned > separator:backdrop { + background-image: image(#21221c); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #1b1c16; + background-image: image(#21221c), image(#21221c); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #1b1c16; + background-image: image(#21221c), image(#21221c); } + +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; } + +/********************* +* Spinner Animation * +*********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background-image: 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; } + +/***************** + * Notebooks and * + * Tabs * + *****************/ +/************* + * Notebooks * + *************/ +notebook.frame { + border: none; + padding: 0px; + box-shadow: inset 0px 0px 0px 1px #21221c; } + +notebook > header { + padding: 0px; + border: none; + background-color: #1b1c16; } + notebook > header.top { + box-shadow: inset 0 -1px #21221c; } + notebook > header.top:backdrop { + box-shadow: inset 0 -1px #21221c; } + notebook > header.bottom { + box-shadow: inset 0 1px #21221c; } + notebook > header.bottom:backdrop { + box-shadow: inset 0 1px #21221c; } + notebook > header.right { + box-shadow: inset 1px 0 #21221c; } + notebook > header.right:backdrop { + box-shadow: inset 1px 0 #21221c; } + notebook > header.left { + box-shadow: inset -1px 0 #21221c; } + notebook > header.left:backdrop { + box-shadow: inset -1px 0 #21221c; } + notebook > header:backdrop { + background-color: #1b1c16; } + notebook > header tabs { + margin: 0px; } + notebook > header.top > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(0, 0, 0, 0.08); + border-radius: 0px 0px 0px 0px; + border-bottom-color: transparent; } + notebook > header.top > tabs > tab:hover, notebook > header.top > tabs > tab.prelight-page { + background-color: rgba(0, 0, 0, 0.04); + border-color: rgba(0, 0, 0, 0.08); } + notebook > header.top > tabs > tab:checked { + border-color: #21221c; + border-bottom-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.top > tabs > tab:checked:backdrop { + border-color: #21221c; + border-bottom-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.bottom > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(0, 0, 0, 0.08); + border-radius: 0px 0px 0px 0px; + border-top-color: transparent; } + notebook > header.bottom > tabs > tab:hover, notebook > header.bottom > tabs > tab.prelight-page { + background-color: rgba(0, 0, 0, 0.04); + border-color: rgba(0, 0, 0, 0.08); } + notebook > header.bottom > tabs > tab:checked { + border-color: #21221c; + border-top-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.bottom > tabs > tab:checked:backdrop { + border-color: #21221c; + border-top-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.left > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(0, 0, 0, 0.08); + border-radius: 0px 0px 0px 0px; + border-right-color: transparent; } + notebook > header.left > tabs > tab:hover, notebook > header.left > tabs > tab.prelight-page { + background-color: rgba(0, 0, 0, 0.04); + border-color: rgba(0, 0, 0, 0.08); } + notebook > header.left > tabs > tab:checked { + border-color: #21221c; + border-right-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.left > tabs > tab:checked:backdrop { + border-color: #21221c; + border-right-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.right > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(0, 0, 0, 0.08); + border-radius: 0px 0px 0px 0px; + border-left-color: transparent; } + notebook > header.right > tabs > tab:hover, notebook > header.right > tabs > tab.prelight-page { + background-color: rgba(0, 0, 0, 0.04); + border-color: rgba(0, 0, 0, 0.08); } + notebook > header.right > tabs > tab:checked { + border-color: #21221c; + border-left-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.right > tabs > tab:checked:backdrop { + border-color: #21221c; + border-left-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.top > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-right-width: 1px; + border-right-color: #21221c; + box-shadow: inset -3px 0px 0px 0px #1b1c16; } + notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.top > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset -3px 0px 0px 0px #1b1c16; } + notebook > header.top > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset -3px 0px 0px 0px #1b1c16; } + notebook > header.top > tabs > tab.reorderable-page:checked:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-right-color: #21221c; + box-shadow: none; } + notebook > header.top > tabs > tab.reorderable-page:backdrop { + background-color: #1b1c16; + border-right-color: #21221c; + box-shadow: none; } + notebook > header.bottom > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-right-width: 1px; + border-right-color: #21221c; + box-shadow: inset -3px 0px 0px 0px #1b1c16; } + notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset -3px 0px 0px 0px #1b1c16; } + notebook > header.bottom > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset -3px 0px 0px 0px #1b1c16; } + notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-right-color: #21221c; + box-shadow: none; } + notebook > header.bottom > tabs > tab.reorderable-page:backdrop { + background-color: #1b1c16; + border-right-color: #21221c; + box-shadow: none; } + notebook > header.left > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-bottom-width: 1px; + border-bottom-color: #21221c; + box-shadow: inset 0px -3px 0px 0px #1b1c16; } + notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset 0px -3px 0px 0px #1b1c16; } + notebook > header.left > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset 0px -3px 0px 0px #1b1c16; } + notebook > header.left > tabs > tab.reorderable-page:checked:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-bottom-color: #21221c; + box-shadow: none; } + notebook > header.left > tabs > tab.reorderable-page:backdrop { + background-color: #1b1c16; + border-bottom-color: #21221c; + box-shadow: none; } + notebook > header.right > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-bottom-width: 1px; + border-bottom-color: #21221c; + box-shadow: inset 0px -3px 0px 0px #1b1c16; } + notebook > header.right > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset 0px -3px 0px 0px #1b1c16; } + notebook > header.right > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset 0px -3px 0px 0px #1b1c16; } + notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-bottom-color: #21221c; + box-shadow: none; } + notebook > header.right > tabs > tab.reorderable-page:backdrop { + background-color: #1b1c16; + border-bottom-color: #21221c; + box-shadow: none; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header button.flat { + padding: 0; + margin: 4px; + min-width: 12px; + min-height: 12px; + border: 0px solid; + border-radius: 50%; + color: #1b1c16; + background-color: #21221c; + background-image: none; } + notebook > header button.flat:hover { + background-color: #f82570; } + notebook > header button.flat:active { + background-color: #f82570; } + notebook > header button.flat:backdrop { + background-color: #21221c; + color: #1b1c16; } + +notebook > stack:not(:only-child) { + background-color: transparent; + border-style: solid; + border-color: #21221c; + border-width: 0px; } + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot { + background-image: none; + border: none; } + +/************ + * Pathbars * + ************/ +.path-bar { + background-color: #1b1c16; + border-bottom: 1px solid #21221c; } + +.path-bar button { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + padding: 4px 8px; + color: #57584f; } + .path-bar button:hover { + border-color: #241c2c; } + .path-bar button:active, .path-bar button:checked { + background-color: #21221c; + font-weight: normal; } + .path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } + .path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 8px; } + .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } + .path-bar button image { + padding-left: 4px; + padding-right: 4px; } + .path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(87, 88, 79, 0.3); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar trough { + border: 0px solid transparent; + border-radius: 3px; + background-color: rgba(87, 88, 79, 0.3); } + progressbar:backdrop trough { + background-color: rgba(87, 88, 79, 0.3); } + progressbar progress { + background-color: #241c2c; + border: 0px solid transparent; + border-radius: 3px; + box-shadow: none; } + progressbar:backdrop progress { + background-color: #241c2c; } + progressbar.osd { + background-color: transparent; } + +treeview.view.progressbar { + border: 0px solid transparent; + border-radius: 3px; + background-color: #241c2c; + color: #57584f; + background-image: none; } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + background-color: rgba(87, 88, 79, 0.25); } + +treeview.view.trough { + background-color: #2d2e27; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: rgba(87, 88, 79, 0.3); } + +/************* + * Level Bar * + *************/ +levelbar block { + min-width: 32px; + min-height: 6px; } + +levelbar.vertical block { + min-width: 6px; + min-height: 32px; } + +levelbar trough { + border: 1px solid; + padding: 2px; + border-radius: 3px; + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; + box-shadow: none; } + levelbar trough:backdrop { + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #241c2c; + background-color: #241c2c; + box-shadow: none; + border-radius: 1px; } + levelbar block:not(.empty):backdrop { + border-color: #241c2c; + background-color: #241c2c; } + +levelbar block.low { + border-color: #fc961f; + background-color: #fc961f; } + levelbar block.low:backdrop { + background-color: #fc961f; + border-color: #fc961f; } + +levelbar block.high { + border-color: #393241; + background-color: #393241; } + levelbar block.high:backdrop { + background-color: #393241; + border-color: #393241; } + +levelbar block.full { + border-color: #393241; + background-color: #393241; } + levelbar block.full:backdrop { + background-color: #393241; + border-color: #393241; } + +levelbar block.empty { + background-color: rgba(87, 88, 79, 0.3); + border-color: transparent; + box-shadow: none; } + levelbar block.empty:backdrop { + background-color: rgba(87, 88, 79, 0.3); } + +/************ + * GtkScale * + ************/ +scale.fine-tune.trough { + margin: 8px; + border-radius: 3px; } + +scale slider { + min-width: 18px; + min-height: 18px; + background-color: #272821; + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 50%; + box-shadow: none; + margin: -9px; } + scale slider:hover { + border-style: solid; + border-width: 2px; + border-color: #241c2c; + border-radius: 50%; } + scale slider:hover:backdrop { + background-color: #272821; + border-color: rgba(0, 0, 0, 0.25); } + scale slider:disabled { + border-style: solid; + border-radius: 50%; + background-color: #1b1c16; + border-color: rgba(30, 31, 25, 0.35); } + scale slider:disabled:backdrop { + background-color: #1b1c16; + border-color: rgba(30, 31, 25, 0.35); } + scale slider:active { + border: 2px solid #241c2c; } + scale slider:active:backdrop { + background-color: #272821; + border-color: rgba(0, 0, 0, 0.25); } + scale slider:backdrop { + background-color: #272821; + border-color: rgba(0, 0, 0, 0.25); } + +scale trough { + min-width: 6px; + min-height: 6px; + margin: 9px; + border: 0px solid; + border-radius: 3px; + background-color: #2d2e27; + box-shadow: none; } + scale trough:disabled, scale trough.vertical:disabled { + border-color: rgba(41, 42, 35, 0.35); + background-color: rgba(41, 42, 35, 0.35); + box-shadow: none; } + scale trough:disabled:backdrop, scale trough.vertical:disabled:backdrop { + background-color: rgba(41, 42, 35, 0.35); + border-color: rgba(41, 42, 35, 0.35); } + scale trough:backdrop { + background-color: #2d2e27; + border-color: #2d2e27; } + +scale highlight { + border: 0px solid; + border-radius: 3px; + background-color: #241c2c; + border-color: #241c2c; } + scale highlight.vertical { + background-color: #241c2c; + border-color: #241c2c; } + scale highlight:disabled { + background-color: rgba(33, 25, 40, 0.35); } + scale highlight:backdrop { + background-color: rgba(36, 28, 44, 0.5); + border-color: rgba(36, 28, 44, 0.5); } + scale highlight:backdrop:disabled { + background-color: rgba(33, 25, 40, 0.35); } + +/************** + * Scrollbars * + **************/ +scrollbar { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + background-color: #1b1c16; + border-width: 0px 0px; + border-color: #1b1c16; + margin: 0px; } + scrollbar button { + min-width: 14px; + min-height: 14px; + margin: 0px; + padding: 0px 0px; + border: none; + border-radius: 0px; + background-image: none; + background-color: transparent; + color: transparent; + box-shadow: none; } + scrollbar button:hover { + border: none; + background-image: none; + background-color: #1b1c16; + color: transparent; } + scrollbar button:active, scrollbar button:active:hover { + border: none; + background-image: none; + background-color: #1b1c16; + color: transparent; } + scrollbar button:disabled { + border: none; + background-color: #1b1c16; + background-image: none; + color: transparent; } + scrollbar button:backdrop { + color: #57584f; } + scrollbar button:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); } + scrollbar.dragging, scrollbar.hovering { + opacity: 0.9910; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.999; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 6px; + border-radius: 8px; + background-color: rgba(66, 67, 59, 0.8); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider:backdrop { + background-color: #42433b; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 6px; } + scrollbar.overlay-indicator { + background: none; } + scrollbar trough { + transition-duration: 0.1s; + min-width: 6px; + min-height: 14px; + border: 0px solid #1b1c16; + border-radius: 8px; + background-color: transparent; } + scrollbar:hover trough { + background-color: transparent; + box-shadow: inset 0px 0px 0px 5px transparent; } + scrollbar slider { + transition-duration: 0.1s; + min-width: 6px; + min-height: 30px; + border: 5px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #42433b; } + scrollbar slider:hover { + background-color: #42433b; } + scrollbar slider:backdrop { + background-color: #42433b; } + scrollbar slider:backdrop:disabled { + background-color: rgba(60, 61, 54, 0.35); } + scrollbar.horizontal slider { + min-width: 30px; + min-height: 6px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + background-color: #1b1c16; } + .sidebar:backdrop { + background-color: #1b1c16; } + +placessidebar > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 36px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 14px; } + placessidebar row:selected { + color: #57584f; } + placessidebar row:disabled { + color: rgba(79, 80, 72, 0.35); } + placessidebar row:backdrop { + color: #57584f; } + placessidebar row:backdrop:selected { + color: #241c2c; } + placessidebar row:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; } + placessidebar row:selected:active { + box-shadow: none; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: none; + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #241c2c; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +stacksidebar.sidebar row { + padding: 10px 4px; } + stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar.sidebar row.needs-attention > .label { + background-size: 6px 6px, 0 0; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; } + spinbutton:not(.vertical) entry { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) entry:backdrop:disabled { + background-color: transparent; } + spinbutton:not(.vertical) button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #57584f; + background-image: none; + background-color: transparent; + border-style: none; + box-shadow: none; } + spinbutton:not(.vertical) button:hover { + color: #272821; } + spinbutton:not(.vertical) button:disabled { + color: rgba(79, 80, 72, 0.35); } + spinbutton:not(.vertical) button:active { + color: #323529; + box-shadow: none; } + spinbutton:not(.vertical) button:backdrop { + color: #57584f; + background-color: transparent; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + background-color: transparent; + border-style: none; } + spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + +spinbutton.vertical:disabled { + color: rgba(79, 80, 72, 0.35); } + +spinbutton.vertical:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); } + +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } + +spinbutton.vertical entry { + margin: 0px; + min-height: 26px; + min-width: 26px; + border-style: none solid none solid; + border-color: #21221c; + padding: 0; + border-radius: 0; } + spinbutton.vertical entry:disabled { + color: rgba(79, 80, 72, 0.35); + background-color: rgba(26, 27, 21, 0.35); + border-color: rgba(30, 31, 25, 0.35); } + spinbutton.vertical entry:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + background-color: rgba(26, 27, 21, 0.35); + border-color: rgba(30, 31, 25, 0.35); } + +spinbutton.vertical button { + min-height: 26px; + min-width: 26px; + padding: 0; + box-shadow: none; + background-image: none; + background-color: #1d1e17; + color: #57584f; + border-color: #21221c; } + spinbutton.vertical button:hover { + color: #272821; } + spinbutton.vertical button:active { + color: #323529; } + spinbutton.vertical button:disabled { + color: rgba(79, 80, 72, 0.35); + background-color: rgba(26, 27, 21, 0.35); + border-color: rgba(30, 31, 25, 0.35); } + spinbutton.vertical button:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + background-color: rgba(26, 27, 21, 0.35); + border-color: rgba(30, 31, 25, 0.35); } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } + +spinbutton.vertical button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/********** + * Switch * + **********/ +switch { + margin: 2px; + font-weight: bold; + font-size: smaller; + min-width: 48px; + min-height: 24px; + border: 0px solid; + border-radius: 12px; + color: transparent; + background-color: rgba(87, 88, 79, 0.3); + text-shadow: none; } + switch:checked { + background-color: #241c2c; } + switch:backdrop { + background-color: rgba(87, 88, 79, 0.3); + text-shadow: none; } + switch:backdrop:checked { + background-color: #241c2c; } + switch slider { + min-width: 22px; + min-height: 22px; + border: 1px solid; + border-radius: 11px; + background-color: #1b1c16; + border-color: #21221c; } + switch:hover slider { + border-color: #241c2c; } + switch:disabled slider { + background-color: #191914; } + switch:backdrop slider { + background-color: #1b1c16; } + switch:backdrop:disabled slider { + background-color: #191914; } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar, +.location-bar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #1b1c16; } + +toolbar { + padding: 4px 3px 3px 4px; } + toolbar:backdrop { + background-color: #1b1c16; + box-shadow: none; } + toolbar button { + margin: 2px; + padding: 3px; } + toolbar button.image-button, toolbar button.text-button.image-button { + padding: 3px; } + toolbar separator { + margin-left: 3px; + margin-right: 3px; } + toolbar entry { + margin: 3px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 3px; + background-color: #1b1c16; } + toolbar.osd:backdrop { + border-color: #21221c; + background-color: #1b1c16; + box-shadow: none; } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + +.inline-toolbar { + border-width: 0px 0px 1px 0px; + padding: 3px; + border-radius: 0; } + +searchbar, +.location-bar { + border-width: 0px 0px 1px 0px; + padding: 3px; } + +.inline-toolbar, searchbar, +.location-bar { + border-style: solid; + border-color: #21221c; + text-shadow: none; + background-color: #1b1c16; } + +/************ + * Tooltips * + ************/ +tooltip { + color: #57584f; + padding: 4px; + /* not working */ + border-radius: 0; + box-shadow: none; + text-shadow: none; + border: 1px solid #24251f; } + tooltip.background { + background-color: #1b1c16; + background-clip: padding-box; } + tooltip.window-frame.csd { + background-color: transparent; + box-shadow: none; } + tooltip decoration { + background-color: transparent; } + +tooltip * { + padding: 0px; + background-color: transparent; + color: #57584f; } + +/************** + * Tree Views * + **************/ +treeview.view { + -GtkTreeView-grid-line-width: 0; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #21221c; + border-top-color: transparent; } + treeview.view:selected { + border-radius: 0; } + treeview.view:selected { + background-color: #241c2c; + border-left-color: #57584f; + border-top-color: #57584f; } + treeview.view:backdrop:selected { + background-color: rgba(36, 28, 44, 0.5); + border-left-color: #57584f; + border-top-color: #57584f; } + treeview.view:disabled { + color: rgba(30, 31, 25, 0.35); } + treeview.view:disabled:selected { + color: rgba(79, 80, 72, 0.35); } + treeview.view:disabled:selected:backdrop { + color: rgba(79, 80, 72, 0.35); } + treeview.view:disabled:backdrop { + color: rgba(30, 31, 25, 0.35); } + treeview.view.separator { + min-height: 2px; + color: #21221c; } + treeview.view.separator:backdrop { + color: #21221c; } + treeview.view:backdrop { + border-left-color: #21221c; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #241c2c; } + treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #57584f; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + treeview.view.expander:hover { + color: #241c2c; } + treeview.view.expander:selected { + color: #57584f; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:checked:selected { + color: #57584f; } + treeview.view.expander:checked:backdrop { + color: #1d1e17; } + treeview.view.expander:backdrop { + color: #1d1e17; } + treeview.view header button { + color: #57584f; + background-color: rgba(0, 0, 0, 0.08); + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #57584f; + background-color: rgba(36, 28, 44, 0.5); + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #57584f; + background-color: rgba(36, 28, 44, 0.5); + transition: none; } + treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + border-right-style: none; } + treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 0 6px; + color: #57584f; + background-image: none; + background-color: #241c2c; + border-style: none; + border-radius: 0; + box-shadow: none; + text-shadow: none; + transition: none; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 6px; + border-style: none solid solid none; + border-radius: 0; + background-image: none; + border-color: rgba(0, 0, 0, 0.08); + text-shadow: none; } + treeview.view header button:disabled { + border-color: rgba(30, 31, 25, 0.35); + color: rgba(79, 80, 72, 0.35); + background-color: rgba(35, 36, 30, 0.35); + background-image: none; } + treeview.view header button:backdrop { + border-color: #21221c; + border-style: none solid solid none; + color: #57584f; + background-image: none; + background-color: #272821; } + treeview.view header button:backdrop:disabled { + border-color: rgba(30, 31, 25, 0.35); + background-image: none; + background-color: rgba(35, 36, 30, 0.35); + color: rgba(79, 80, 72, 0.35); } + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); + /* this is used for the resize cursor area */ + margin: 10px; } + .maximized decoration, + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + border-radius: 3px; + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } + .ssd decoration { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); } + .csd decoration { + border-radius: 3px; } + .csd decoration.popup { + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } + .csd decoration.tooltip { + box-shadow: none; } + .csd decoration.message-dialog { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } + .solid-csd decoration { + border-radius: 0; + margin: 0; + padding: 1px; + border: none; + background-color: #1b1c16; + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 1px; + min-height: 18px; + min-width: 18px; + margin: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 1px; } + headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, headerbar button.titlebutton:active:hover, + .titlebar button.titlebutton:hover, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked, + .titlebar button.titlebutton:backdrop, + .titlebar button.titlebutton:active:hover { + transition: none; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/close.png"), url("../assets/wm/close@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/close_prelight.png"), url("../assets/wm/close_prelight@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/close_prelight.png"), url("../assets/wm/close_prelight@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/close_unfocused.png"), url("../assets/wm/close_unfocused@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/maximize.png"), url("../assets/wm/maximize@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_unfocused.png"), url("../assets/wm/maximize_unfocused@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/min.png"), url("../assets/wm/min@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/min_prelight.png"), url("../assets/wm/min_prelight@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/min_prelight.png"), url("../assets/wm/min_prelight@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/min_unfocused.png"), url("../assets/wm/min_unfocused@2.png")); } + +.maximized headerbar button.titlebutton.maximize, .maximized +.titlebar button.titlebutton.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/maximize.png"), url("../assets/wm/maximize@2.png")); } + +.maximized headerbar button.titlebutton.maximize:hover, .maximized +.titlebar button.titlebutton.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + +.maximized headerbar button.titlebutton.maximize:active, .maximized +.titlebar button.titlebutton.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + +.maximized headerbar button.titlebutton.maximize:backdrop, .maximized +.titlebar button.titlebutton.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_unfocused.png"), url("../assets/wm/maximize_unfocused@2.png")); } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: none; } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +/********************** +* Apps * +**********************/ +/*.nautilus-window paned > separator { + background-image: none; } +*/ +/********* +* Noise * +*********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + +NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + +NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/******** +* Snap * +********/ +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/************** +* Calculator * +**************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + +PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } diff --git a/themes/Darkine/gtk-3.20/gtk.css b/themes/Darkine/gtk-3.20/gtk.css new file mode 100644 index 0000000..1e71669 --- /dev/null +++ b/themes/Darkine/gtk-3.20/gtk.css @@ -0,0 +1,4031 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #57584f; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #57584f; +/* +widget base background color */ +@define-color theme_bg_color #1b1c16; +/* +text widgets and the like base background color */ +@define-color theme_base_color #1d1e17; +/* +base background color of selections */ +@define-color theme_selected_bg_color #241c2c; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #57584f; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #191914; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(79, 80, 72, 0.35); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color rgba(79, 80, 72, 0.35); +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #57584f; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #57584f; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1b1c16; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #1d1e17; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color rgba(36, 28, 44, 0.5); +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #57584f; +/* +widgets main borders color */ +@define-color borders #21221c; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #21221c; +/* +widgets main borders color insensitive */ +@define-color insensitive_borders rgba(30, 31, 25, 0.35); +/* +these are pretty self explicative */ +@define-color warning_color #fc961f; +@define-color error_color #f82570; +@define-color success_color #a6e12d; +@define-color content_view_bg #1d1e17; +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #f82570; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolled-window-overlay-scrolling: FALSE; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-width: 0px; } + +/*************** + * Base States * + ***************/ +.background { + color: #57584f; + background-color: #1b1c16; } + .background:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; + background-color: #1b1c16; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #1b1c16; + color: #57584f; } + .gtkstyle-fallback:hover { + background-color: #37392c; + color: #57584f; } + .gtkstyle-fallback:active { + background-color: black; + color: #57584f; } + .gtkstyle-fallback:disabled { + background-color: #191914; + color: rgba(79, 80, 72, 0.35); } + .gtkstyle-fallback:selected { + background-color: #241c2c; + color: #57584f; } + +.view text, +textview text, +.view { + /* FUCKING FIREFOX MENU */ + color: #43443d; + background-color: #1d1e17; } + .view text:backdrop, + textview text:backdrop, + .view:backdrop { + color: #43443d; + background-color: #1d1e17; } + .view text:disabled, + textview text:disabled, + .view:disabled { + color: rgba(79, 80, 72, 0.35); } + .view text:selected:focus, + textview text:selected:focus, .view text:selected, + textview text:selected, + .view:selected:focus, + .view:selected { + border-radius: 3px; } + +textview border { + background-color: #1d1e17; + background-image: image(#21221c); + background-repeat: no-repeat; } + textview border:backdrop { + background-color: #1d1e17; } + textview border.bottom { + background-size: 100% 1px; + background-position: top; } + textview border.top { + background-size: 100% 1px; + background-position: bottom; } + textview border.left { + background-size: 1px 100%; + background-position: right; } + textview border.right { + background-size: 1px 100%; + background-position: left; } + +.rubberband, +rubberband, +flowbox rubberband, +treeview.view rubberband { + border: 1px solid #241c2c; + background-color: rgba(36, 28, 44, 0.2); } + .rubberband:backdrop, + rubberband:backdrop, + treeview.view rubberband:backdrop { + border-color: #241c2c; + background-color: rgba(36, 28, 44, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: 0px; } + +label.separator { + color: #57584f; } + label.separator:backdrop { + color: #57584f; } + +label selection { + background-color: #241c2c; + color: #57584f; } + +label:disabled { + color: rgba(79, 80, 72, 0.35); } + label:disabled:backdrop { + color: rgba(79, 80, 72, 0.35); } + +label:backdrop { + color: #57584f; } + +.dim-label, label.separator, +headerbar .subtitle { + opacity: 0.5; + text-shadow: none; } + +assistant .sidebar { + background-color: #57584f; + border-top: 1px solid #21221c; } + assistant .sidebar:backdrop { + background-color: #57584f; + border-color: #21221c; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #292a22; } + +.app-notification, +.app-notification.frame, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, +.osd { + color: #57584f; + border: 1px solid #21221c; + background-color: rgba(27, 28, 22, 0.8); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, + .osd:backdrop { + color: #57584f; + background-color: rgba(27, 28, 22, 0.8); + -gtk-icon-shadow: none; } + +.view text:selected, +textview text:selected, +.view:selected:focus, +.view:selected, .view text selection:focus, .view text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, .sidebar:selected { + background-color: #241c2c; + color: #57584f; } + + textview text:hover:selected:focus, .view text:hover:selected, + textview text:hover:selected, + .view:hover:selected, .view text selection:hover, + textview text selection:hover, flowbox flowboxchild:hover:selected, spinbutton:not(.vertical) selection:hover:focus, spinbutton:not(.vertical) selection:hover, + entry selection:hover, row:hover:selected, .sidebar:hover:selected { + background-color: #241c2c; + color: #57584f; } + + textview text:backdrop:selected:focus, .view text:backdrop:selected, + textview text:backdrop:selected, + .view:backdrop:selected, .view text selection:backdrop, + textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selction, spinbutton:not(.vertical) selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected, .sidebar:backdrop:selected { + background-color: rgba(36, 28, 44, 0.5); + color: #1d1e17; } + +.view text:selected, +textview text:selected, +.view:selected:focus, +.view:selected, .view text selection:focus, .view text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, .sidebar:selected { + background-color: #241c2c; + border-radius: 0px; } + .view text:selected, + textview text:selected, + .view:selected:focus, + .view:selected, .view text selection:focus, .view text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, .sidebar:selected { + color: #57584f; } + + textview text:disabled:selected:focus, .view text:disabled:selected, + textview text:disabled:selected, + .view:disabled:selected, .view text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled:focus, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected, .sidebar:disabled:selected { + color: rgba(79, 80, 72, 0.35); } + + textview text:backdrop:selected:focus, .view text:backdrop:selected, + textview text:backdrop:selected, + .view:backdrop:selected, .view text selection:backdrop, + textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selction, spinbutton:not(.vertical) selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected, .sidebar:backdrop:selected { + color: #57584f; } + .view text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, + .view:backdrop:disabled:selected, .view text selection:backdrop:disabled, + textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selction:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected, .sidebar:backdrop:disabled:selected { + color: rgba(79, 80, 72, 0.35); } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#241c2c), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#241c2c), to(transparent)); } } + +notebook > header > tabs > arrow, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, +button, notebook > header > tabs > arrow.osd, +button.osd { + border: 1px solid; + border-radius: 3px; + padding: 4px 6px; + background-clip: border-box; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + notebook > header > tabs > arrow, button.sidebar-button, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + button.flat, notebook > header > tabs > arrow.osd, button.osd.sidebar-button { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, button.sidebar-button:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + button.flat:hover, notebook > header > tabs > arrow.osd:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:checked, button.sidebar-button:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + button.flat:checked, notebook > header > tabs > arrow.osd:checked { + background-color: #21221c; } + notebook > header > tabs > arrow:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + button:hover, notebook > header > tabs > arrow.osd:hover { + color: #57584f; + border-color: #241c2c; + -gtk-icon-effect: none; } + notebook > header > tabs > arrow:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, + button:active, notebook > header > tabs > arrow.osd:active, notebook > header > tabs > arrow:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + button:checked, notebook > header > tabs > arrow.osd:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); + transition-duration: 50ms; } + notebook > header > tabs > arrow:active:hover, popover.background.touch-selection button:active:hover, popover.background.magnifier button:active:hover, + button:active:hover, notebook > header > tabs > arrow:checked:hover, popover.background.touch-selection button:checked:hover, popover.background.magnifier button:checked:hover, + button:checked:hover { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + notebook > header > tabs > arrow:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + button:backdrop, notebook > header > tabs > arrow.osd:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); + -gtk-icon-effect: none; } + notebook > header > tabs > arrow:backdrop:active, popover.background.touch-selection button:backdrop:active, popover.background.magnifier button:backdrop:active, + button:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, popover.background.touch-selection button:backdrop:checked, popover.background.magnifier button:backdrop:checked, + button:backdrop:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + notebook > header > tabs > arrow:backdrop:disabled, popover.background.touch-selection button:backdrop:disabled, popover.background.magnifier button:backdrop:disabled, + button:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + notebook > header > tabs > arrow:backdrop:disabled > .label, popover.background.touch-selection button:backdrop:disabled > .label, popover.background.magnifier button:backdrop:disabled > .label, button:backdrop:disabled > .label { + color: inherit; } + notebook > header > tabs > arrow:backdrop:disabled:active, + button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop:disabled:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + notebook > header > tabs > arrow:backdrop:disabled:active > .label, popover.background.touch-selection button:backdrop:disabled:active > .label, popover.background.magnifier button:backdrop:disabled:active > .label, button:backdrop:disabled:active > .label, notebook > header > tabs > arrow:backdrop:disabled:checked > .label, popover.background.touch-selection button:backdrop:disabled:checked > .label, popover.background.magnifier button:backdrop:disabled:checked > .label, button:backdrop:disabled:checked > .label { + color: inherit; } + notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + button.flat:backdrop, notebook > header > tabs > arrow.osd:backdrop { + -gtk-icon-effect: none; + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; } + notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + button.flat:disabled, notebook > header > tabs > arrow.osd:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(79, 80, 72, 0.35); } + notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, + button.flat:backdrop:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(79, 80, 72, 0.35); } + notebook > header > tabs > arrow:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + button:disabled, notebook > header > tabs > arrow.osd:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + notebook > header > tabs > arrow:disabled > .label, popover.background.touch-selection button:disabled > .label, popover.background.magnifier button:disabled > .label, button:disabled > .label { + color: inherit; } + notebook > header > tabs > arrow:disabled:active, popover.background.touch-selection button:disabled:active, popover.background.magnifier button:disabled:active, + button:disabled:active, notebook > header > tabs > arrow:disabled:checked, popover.background.touch-selection button:disabled:checked, popover.background.magnifier button:disabled:checked, + button:disabled:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + notebook > header > tabs > arrow:disabled:active > .label, popover.background.touch-selection button:disabled:active > .label, popover.background.magnifier button:disabled:active > .label, button:disabled:active > .label, notebook > header > tabs > arrow:disabled:checked > .label, popover.background.touch-selection button:disabled:checked > .label, popover.background.magnifier button:disabled:checked > .label, button:disabled:checked > .label { + color: inherit; } + notebook > header > tabs > arrow separator, .csd popover.background.touch-selection button separator, .csd popover.background.magnifier button separator, popover.background.touch-selection button separator, popover.background.magnifier button separator, button separator, notebook > header > tabs > arrow.osd separator, button.osd separator { + background-color: transparent; + background-image: none; + color: transparent; } + +notebook > header > tabs > arrow.image-button, popover.background.touch-selection button.image-button, popover.background.magnifier button.image-button, +button.image-button { + min-width: 16px; + padding: 6px; } + +notebook > header > tabs > arrow.text-button, popover.background.touch-selection button.text-button, popover.background.magnifier button.text-button, +button.text-button { + padding-left: 6px; + padding-right: 6px; } + +notebook > header > tabs > arrow.text-button.image-button, popover.background.touch-selection button.text-button.image-button, popover.background.magnifier button.text-button.image-button, +button.text-button.image-button { + padding-left: 6px; + padding-right: 6px; } + notebook > header > tabs > arrow.text-button.image-button label, popover.background.touch-selection button.text-button.image-button label, popover.background.magnifier button.text-button.image-button label, + button.text-button.image-button label { + padding-left: 6px; + padding-right: 6px; } + +row:selected popover.background.touch-selection button, popover.background.touch-selection row:selected button, row:selected popover.background.magnifier button, popover.background.magnifier row:selected button, row:selected +button { + border-color: #241c2c; } + row:selected popover.background.touch-selection button.flat:not(:active):not(:checked):not(:hover):not(disabled), popover.background.touch-selection row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected popover.background.magnifier button.flat:not(:active):not(:checked):not(:hover):not(disabled), popover.background.magnifier row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #57584f; + border-color: transparent; } + row:selected popover.background.touch-selection button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, popover.background.touch-selection row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected popover.background.magnifier button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, popover.background.magnifier row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #57584f; } + +popover.background.touch-selection button.suggested-action, popover.background.magnifier button.suggested-action, +popover.background.touch-selection button.suggested-action.osd button, +popover.background.magnifier button.suggested-action.osd button, +button.suggested-action, +button.suggested-action.osd popover.background.touch-selection button, +popover.background.touch-selection button.suggested-action.osd button, +button.suggested-action.osd popover.background.magnifier button, +popover.background.magnifier button.suggested-action.osd button, +popover.background.touch-selection button.suggested-action.osd button, +popover.background.magnifier button.suggested-action.osd button, +button.suggested-action.osd +button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #241c2c, #231b2b); } + popover.background.touch-selection button.suggested-action.flat, popover.background.magnifier button.suggested-action.flat, + popover.background.touch-selection button.suggested-action.osd button.flat, + popover.background.magnifier button.suggested-action.osd button.flat, + button.suggested-action.flat, + button.suggested-action.osd popover.background.touch-selection button.flat, + popover.background.touch-selection button.suggested-action.osd button.flat, + button.suggested-action.osd popover.background.magnifier button.flat, + popover.background.magnifier button.suggested-action.osd button.flat, + popover.background.touch-selection button.suggested-action.osd button.flat, + popover.background.magnifier button.suggested-action.osd button.flat, + button.suggested-action.osd + button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: #241c2c; } + popover.background.touch-selection button.suggested-action:hover, popover.background.magnifier button.suggested-action:hover, + popover.background.touch-selection button.suggested-action.osd button:hover, + popover.background.magnifier button.suggested-action.osd button:hover, + button.suggested-action:hover, + button.suggested-action.osd popover.background.touch-selection button:hover, + popover.background.touch-selection button.suggested-action.osd button:hover, + button.suggested-action.osd popover.background.magnifier button:hover, + popover.background.magnifier button.suggested-action.osd button:hover, + popover.background.touch-selection button.suggested-action.osd button:hover, + popover.background.magnifier button.suggested-action.osd button:hover, + button.suggested-action.osd + button:hover { + color: white; + border-color: #241c2c; } + popover.background.touch-selection button.suggested-action:active, popover.background.magnifier button.suggested-action:active, popover.background.touch-selection button.suggested-action:checked, popover.background.magnifier button.suggested-action:checked, + popover.background.touch-selection button.suggested-action.osd button:active, + popover.background.magnifier button.suggested-action.osd button:active, + popover.background.touch-selection button.suggested-action.osd button:checked, + popover.background.magnifier button.suggested-action.osd button:checked, + button.suggested-action:active, + button.suggested-action:checked, + button.suggested-action.osd popover.background.touch-selection button:active, + popover.background.touch-selection button.suggested-action.osd button:active, + button.suggested-action.osd popover.background.magnifier button:active, + popover.background.magnifier button.suggested-action.osd button:active, + button.suggested-action.osd popover.background.touch-selection button:checked, + popover.background.touch-selection button.suggested-action.osd button:checked, + button.suggested-action.osd popover.background.magnifier button:checked, + popover.background.magnifier button.suggested-action.osd button:checked, + popover.background.touch-selection button.suggested-action.osd button:active, + popover.background.magnifier button.suggested-action.osd button:active, + popover.background.touch-selection button.suggested-action.osd button:checked, + popover.background.magnifier button.suggested-action.osd button:checked, + button.suggested-action.osd + button:active, + button.suggested-action.osd + button:checked { + color: white; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + popover.background.touch-selection button.suggested-action:backdrop, popover.background.magnifier button.suggested-action:backdrop, popover.background.touch-selection button.suggested-action.flat:backdrop, popover.background.magnifier button.suggested-action.flat:backdrop, + popover.background.touch-selection button.suggested-action.osd button:backdrop, + popover.background.magnifier button.suggested-action.osd button:backdrop, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop, + button.suggested-action.osd popover.background.touch-selection button:backdrop, + popover.background.touch-selection button.suggested-action.osd button:backdrop, + button.suggested-action.osd popover.background.magnifier button:backdrop, + popover.background.magnifier button.suggested-action.osd button:backdrop, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop, + popover.background.touch-selection button.suggested-action.osd button:backdrop, + popover.background.magnifier button.suggested-action.osd button:backdrop, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop, + button.suggested-action.osd + button:backdrop, + button.suggested-action.osd + button.flat:backdrop { + color: white; + border-color: #21221c; + background-image: linear-gradient(to bottom, #241c2c, #231b2b); } + popover.background.touch-selection button.suggested-action:backdrop:active, popover.background.magnifier button.suggested-action:backdrop:active, popover.background.touch-selection button.suggested-action:backdrop:checked, popover.background.magnifier button.suggested-action:backdrop:checked, popover.background.touch-selection button.suggested-action.flat:backdrop:active, popover.background.magnifier button.suggested-action.flat:backdrop:active, popover.background.touch-selection button.suggested-action.flat:backdrop:checked, popover.background.magnifier button.suggested-action.flat:backdrop:checked, + popover.background.touch-selection button.suggested-action.osd button:backdrop:active, + popover.background.magnifier button.suggested-action.osd button:backdrop:active, + popover.background.touch-selection button.suggested-action.osd button:backdrop:checked, + popover.background.magnifier button.suggested-action.osd button:backdrop:checked, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked, + button.suggested-action.osd popover.background.touch-selection button:backdrop:active, + popover.background.touch-selection button.suggested-action.osd button:backdrop:active, + button.suggested-action.osd popover.background.magnifier button:backdrop:active, + popover.background.magnifier button.suggested-action.osd button:backdrop:active, + button.suggested-action.osd popover.background.touch-selection button:backdrop:checked, + popover.background.touch-selection button.suggested-action.osd button:backdrop:checked, + button.suggested-action.osd popover.background.magnifier button:backdrop:checked, + popover.background.magnifier button.suggested-action.osd button:backdrop:checked, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:active, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:active, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:checked, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:checked, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked, + popover.background.touch-selection button.suggested-action.osd button:backdrop:active, + popover.background.magnifier button.suggested-action.osd button:backdrop:active, + popover.background.touch-selection button.suggested-action.osd button:backdrop:checked, + popover.background.magnifier button.suggested-action.osd button:backdrop:checked, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked, + button.suggested-action.osd + button:backdrop:active, + button.suggested-action.osd + button:backdrop:checked, + button.suggested-action.osd + button.flat:backdrop:active, + button.suggested-action.osd + button.flat:backdrop:checked { + color: white; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + popover.background.touch-selection button.suggested-action:backdrop:disabled, popover.background.magnifier button.suggested-action:backdrop:disabled, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.flat:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled, + button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled, + button.suggested-action.osd popover.background.magnifier button:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, + button.suggested-action.osd + button:backdrop:disabled, + button.suggested-action.osd + button.flat:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + popover.background.touch-selection button.suggested-action:backdrop:disabled > .label, popover.background.magnifier button.suggested-action:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label, + button.suggested-action:backdrop:disabled > .label, + button.suggested-action.flat:backdrop:disabled > .label, + button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label, + button.suggested-action.osd popover.background.magnifier button:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label, + button.suggested-action.osd + button:backdrop:disabled > .label, + button.suggested-action.osd + button.flat:backdrop:disabled > .label { + color: inherit; } + popover.background.touch-selection button.suggested-action:backdrop:disabled:active, popover.background.magnifier button.suggested-action:backdrop:disabled:active, popover.background.touch-selection button.suggested-action:backdrop:disabled:checked, popover.background.magnifier button.suggested-action:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:active, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked, + button.suggested-action:backdrop:disabled:active, + button.suggested-action:backdrop:disabled:checked, + button.suggested-action.flat:backdrop:disabled:active, + button.suggested-action.flat:backdrop:disabled:checked, + button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active, + button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active, + button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked, + button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked, + button.suggested-action.osd + button:backdrop:disabled:active, + button.suggested-action.osd + button:backdrop:disabled:checked, + button.suggested-action.osd + button.flat:backdrop:disabled:active, + button.suggested-action.osd + button.flat:backdrop:disabled:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + popover.background.touch-selection button.suggested-action:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, + button.suggested-action:backdrop:disabled:active > .label, + button.suggested-action:backdrop:disabled:checked > .label, + button.suggested-action.flat:backdrop:disabled:active > .label, + button.suggested-action.flat:backdrop:disabled:checked > .label, + button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label, + button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label, + button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label, + button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, + button.suggested-action.osd + button:backdrop:disabled:active > .label, + button.suggested-action.osd + button:backdrop:disabled:checked > .label, + button.suggested-action.osd + button.flat:backdrop:disabled:active > .label, + button.suggested-action.osd + button.flat:backdrop:disabled:checked > .label { + color: inherit; } + popover.background.touch-selection button.suggested-action.flat:backdrop, popover.background.magnifier button.suggested-action.flat:backdrop, popover.background.touch-selection button.suggested-action.flat:disabled, popover.background.magnifier button.suggested-action.flat:disabled, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.flat:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop, + popover.background.touch-selection button.suggested-action.osd button.flat:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, + button.suggested-action.flat:backdrop, + button.suggested-action.flat:disabled, + button.suggested-action.flat:backdrop:disabled, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop, + button.suggested-action.osd popover.background.touch-selection button.flat:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:disabled, + button.suggested-action.osd popover.background.magnifier button.flat:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:disabled, + button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, + button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop, + popover.background.touch-selection button.suggested-action.osd button.flat:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:disabled, + popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, + button.suggested-action.osd + button.flat:backdrop, + button.suggested-action.osd + button.flat:disabled, + button.suggested-action.osd + button.flat:backdrop:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(36, 28, 44, 0.8); } + popover.background.touch-selection button.suggested-action:disabled, popover.background.magnifier button.suggested-action:disabled, + popover.background.touch-selection button.suggested-action.osd button:disabled, + popover.background.magnifier button.suggested-action.osd button:disabled, + button.suggested-action:disabled, + button.suggested-action.osd popover.background.touch-selection button:disabled, + popover.background.touch-selection button.suggested-action.osd button:disabled, + button.suggested-action.osd popover.background.magnifier button:disabled, + popover.background.magnifier button.suggested-action.osd button:disabled, + popover.background.touch-selection button.suggested-action.osd button:disabled, + popover.background.magnifier button.suggested-action.osd button:disabled, + button.suggested-action.osd + button:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + popover.background.touch-selection button.suggested-action:disabled > .label, popover.background.magnifier button.suggested-action:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled > .label, + popover.background.magnifier button.suggested-action.osd button:disabled > .label, + button.suggested-action:disabled > .label, + button.suggested-action.osd popover.background.touch-selection button:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled > .label, + button.suggested-action.osd popover.background.magnifier button:disabled > .label, + popover.background.magnifier button.suggested-action.osd button:disabled > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled > .label, + popover.background.magnifier button.suggested-action.osd button:disabled > .label, + button.suggested-action.osd + button:disabled > .label { + color: inherit; } + popover.background.touch-selection button.suggested-action:disabled:active, popover.background.magnifier button.suggested-action:disabled:active, popover.background.touch-selection button.suggested-action:disabled:checked, popover.background.magnifier button.suggested-action:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button:disabled:active, + popover.background.magnifier button.suggested-action.osd button:disabled:active, + popover.background.touch-selection button.suggested-action.osd button:disabled:checked, + popover.background.magnifier button.suggested-action.osd button:disabled:checked, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked, + button.suggested-action.osd popover.background.touch-selection button:disabled:active, + popover.background.touch-selection button.suggested-action.osd button:disabled:active, + button.suggested-action.osd popover.background.magnifier button:disabled:active, + popover.background.magnifier button.suggested-action.osd button:disabled:active, + button.suggested-action.osd popover.background.touch-selection button:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button:disabled:checked, + button.suggested-action.osd popover.background.magnifier button:disabled:checked, + popover.background.magnifier button.suggested-action.osd button:disabled:checked, + popover.background.touch-selection button.suggested-action.osd button:disabled:active, + popover.background.magnifier button.suggested-action.osd button:disabled:active, + popover.background.touch-selection button.suggested-action.osd button:disabled:checked, + popover.background.magnifier button.suggested-action.osd button:disabled:checked, + button.suggested-action.osd + button:disabled:active, + button.suggested-action.osd + button:disabled:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + popover.background.touch-selection button.suggested-action:disabled:active > .label, popover.background.magnifier button.suggested-action:disabled:active > .label, popover.background.touch-selection button.suggested-action:disabled:checked > .label, popover.background.magnifier button.suggested-action:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label, + button.suggested-action:disabled:active > .label, + button.suggested-action:disabled:checked > .label, + button.suggested-action.osd popover.background.touch-selection button:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label, + button.suggested-action.osd popover.background.magnifier button:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button:disabled:active > .label, + button.suggested-action.osd popover.background.touch-selection button:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label, + button.suggested-action.osd popover.background.magnifier button:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label, + popover.background.magnifier button.suggested-action.osd button:disabled:active > .label, + popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label, + popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label, + button.suggested-action.osd + button:disabled:active > .label, + button.suggested-action.osd + button:disabled:checked > .label { + color: inherit; } + +popover.background.touch-selection button.destructive-action, popover.background.magnifier button.destructive-action, +popover.background.touch-selection button.destructive-action.osd button, +popover.background.magnifier button.destructive-action.osd button, +button.destructive-action, +button.destructive-action.osd popover.background.touch-selection button, +popover.background.touch-selection button.destructive-action.osd button, +button.destructive-action.osd popover.background.magnifier button, +popover.background.magnifier button.destructive-action.osd button, +popover.background.touch-selection button.destructive-action.osd button, +popover.background.magnifier button.destructive-action.osd button, +button.destructive-action.osd +button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; + border-color: #f82570; + background-image: linear-gradient(to bottom, #f82872, #f81d6b); } + popover.background.touch-selection button.destructive-action.flat, popover.background.magnifier button.destructive-action.flat, + popover.background.touch-selection button.destructive-action.osd button.flat, + popover.background.magnifier button.destructive-action.osd button.flat, + button.destructive-action.flat, + button.destructive-action.osd popover.background.touch-selection button.flat, + popover.background.touch-selection button.destructive-action.osd button.flat, + button.destructive-action.osd popover.background.magnifier button.flat, + popover.background.magnifier button.destructive-action.osd button.flat, + popover.background.touch-selection button.destructive-action.osd button.flat, + popover.background.magnifier button.destructive-action.osd button.flat, + button.destructive-action.osd + button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: #f82570; } + popover.background.touch-selection button.destructive-action:hover, popover.background.magnifier button.destructive-action:hover, + popover.background.touch-selection button.destructive-action.osd button:hover, + popover.background.magnifier button.destructive-action.osd button:hover, + button.destructive-action:hover, + button.destructive-action.osd popover.background.touch-selection button:hover, + popover.background.touch-selection button.destructive-action.osd button:hover, + button.destructive-action.osd popover.background.magnifier button:hover, + popover.background.magnifier button.destructive-action.osd button:hover, + popover.background.touch-selection button.destructive-action.osd button:hover, + popover.background.magnifier button.destructive-action.osd button:hover, + button.destructive-action.osd + button:hover { + color: white; + border-color: #f82570; } + popover.background.touch-selection button.destructive-action:active, popover.background.magnifier button.destructive-action:active, popover.background.touch-selection button.destructive-action:checked, popover.background.magnifier button.destructive-action:checked, + popover.background.touch-selection button.destructive-action.osd button:active, + popover.background.magnifier button.destructive-action.osd button:active, + popover.background.touch-selection button.destructive-action.osd button:checked, + popover.background.magnifier button.destructive-action.osd button:checked, + button.destructive-action:active, + button.destructive-action:checked, + button.destructive-action.osd popover.background.touch-selection button:active, + popover.background.touch-selection button.destructive-action.osd button:active, + button.destructive-action.osd popover.background.magnifier button:active, + popover.background.magnifier button.destructive-action.osd button:active, + button.destructive-action.osd popover.background.touch-selection button:checked, + popover.background.touch-selection button.destructive-action.osd button:checked, + button.destructive-action.osd popover.background.magnifier button:checked, + popover.background.magnifier button.destructive-action.osd button:checked, + popover.background.touch-selection button.destructive-action.osd button:active, + popover.background.magnifier button.destructive-action.osd button:active, + popover.background.touch-selection button.destructive-action.osd button:checked, + popover.background.magnifier button.destructive-action.osd button:checked, + button.destructive-action.osd + button:active, + button.destructive-action.osd + button:checked { + color: white; + border-color: #f82570; + background-image: linear-gradient(to bottom, #f82d75, #f70c60); } + popover.background.touch-selection button.destructive-action:backdrop, popover.background.magnifier button.destructive-action:backdrop, popover.background.touch-selection button.destructive-action.flat:backdrop, popover.background.magnifier button.destructive-action.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button:backdrop, + popover.background.magnifier button.destructive-action.osd button:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop, + button.destructive-action.osd popover.background.touch-selection button:backdrop, + popover.background.touch-selection button.destructive-action.osd button:backdrop, + button.destructive-action.osd popover.background.magnifier button:backdrop, + popover.background.magnifier button.destructive-action.osd button:backdrop, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button:backdrop, + popover.background.magnifier button.destructive-action.osd button:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + button.destructive-action.osd + button:backdrop, + button.destructive-action.osd + button.flat:backdrop { + color: white; + border-color: #21221c; + background-image: linear-gradient(to bottom, #f82872, #f81d6b); } + popover.background.touch-selection button.destructive-action:backdrop:active, popover.background.magnifier button.destructive-action:backdrop:active, popover.background.touch-selection button.destructive-action:backdrop:checked, popover.background.magnifier button.destructive-action:backdrop:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:active, popover.background.magnifier button.destructive-action.flat:backdrop:active, popover.background.touch-selection button.destructive-action.flat:backdrop:checked, popover.background.magnifier button.destructive-action.flat:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked, + button.destructive-action.osd popover.background.touch-selection button:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:active, + button.destructive-action.osd popover.background.magnifier button:backdrop:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:active, + button.destructive-action.osd popover.background.touch-selection button:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, + button.destructive-action.osd popover.background.magnifier button:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:checked, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, + button.destructive-action.osd + button:backdrop:active, + button.destructive-action.osd + button:backdrop:checked, + button.destructive-action.osd + button.flat:backdrop:active, + button.destructive-action.osd + button.flat:backdrop:checked { + color: white; + border-color: #f82570; + background-image: linear-gradient(to bottom, #f82d75, #f70c60); } + popover.background.touch-selection button.destructive-action:backdrop:disabled, popover.background.magnifier button.destructive-action:backdrop:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd + button:backdrop:disabled, + button.destructive-action.osd + button.flat:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + popover.background.touch-selection button.destructive-action:backdrop:disabled > .label, popover.background.magnifier button.destructive-action:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, + button.destructive-action:backdrop:disabled > .label, + button.destructive-action.flat:backdrop:disabled > .label, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, + button.destructive-action.osd + button:backdrop:disabled > .label, + button.destructive-action.osd + button.flat:backdrop:disabled > .label { + color: inherit; } + popover.background.touch-selection button.destructive-action:backdrop:disabled:active, popover.background.magnifier button.destructive-action:backdrop:disabled:active, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked, popover.background.magnifier button.destructive-action:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, + button.destructive-action:backdrop:disabled:active, + button.destructive-action:backdrop:disabled:checked, + button.destructive-action.flat:backdrop:disabled:active, + button.destructive-action.flat:backdrop:disabled:checked, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, + button.destructive-action.osd + button:backdrop:disabled:active, + button.destructive-action.osd + button:backdrop:disabled:checked, + button.destructive-action.osd + button.flat:backdrop:disabled:active, + button.destructive-action.osd + button.flat:backdrop:disabled:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(247, 12, 96, 0.35); + background-image: linear-gradient(to bottom, rgba(247, 19, 100, 0.35), rgba(228, 7, 86, 0.35)); } + popover.background.touch-selection button.destructive-action:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + button.destructive-action:backdrop:disabled:active > .label, + button.destructive-action:backdrop:disabled:checked > .label, + button.destructive-action.flat:backdrop:disabled:active > .label, + button.destructive-action.flat:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + button.destructive-action.osd + button:backdrop:disabled:active > .label, + button.destructive-action.osd + button:backdrop:disabled:checked > .label, + button.destructive-action.osd + button.flat:backdrop:disabled:active > .label, + button.destructive-action.osd + button.flat:backdrop:disabled:checked > .label { + color: inherit; } + popover.background.touch-selection button.destructive-action.flat:backdrop, popover.background.magnifier button.destructive-action.flat:backdrop, popover.background.touch-selection button.destructive-action.flat:disabled, popover.background.magnifier button.destructive-action.flat:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.flat:backdrop, + button.destructive-action.flat:disabled, + button.destructive-action.flat:backdrop:disabled, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + button.destructive-action.osd popover.background.touch-selection button.flat:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:disabled, + button.destructive-action.osd popover.background.magnifier button.flat:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:disabled, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd + button.flat:backdrop, + button.destructive-action.osd + button.flat:disabled, + button.destructive-action.osd + button.flat:backdrop:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(248, 37, 112, 0.8); } + popover.background.touch-selection button.destructive-action:disabled, popover.background.magnifier button.destructive-action:disabled, + popover.background.touch-selection button.destructive-action.osd button:disabled, + popover.background.magnifier button.destructive-action.osd button:disabled, + button.destructive-action:disabled, + button.destructive-action.osd popover.background.touch-selection button:disabled, + popover.background.touch-selection button.destructive-action.osd button:disabled, + button.destructive-action.osd popover.background.magnifier button:disabled, + popover.background.magnifier button.destructive-action.osd button:disabled, + popover.background.touch-selection button.destructive-action.osd button:disabled, + popover.background.magnifier button.destructive-action.osd button:disabled, + button.destructive-action.osd + button:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + popover.background.touch-selection button.destructive-action:disabled > .label, popover.background.magnifier button.destructive-action:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:disabled > .label, + button.destructive-action:disabled > .label, + button.destructive-action.osd popover.background.touch-selection button:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled > .label, + button.destructive-action.osd popover.background.magnifier button:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:disabled > .label, + button.destructive-action.osd + button:disabled > .label { + color: inherit; } + popover.background.touch-selection button.destructive-action:disabled:active, popover.background.magnifier button.destructive-action:disabled:active, popover.background.touch-selection button.destructive-action:disabled:checked, popover.background.magnifier button.destructive-action:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:disabled:active, + popover.background.magnifier button.destructive-action.osd button:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:disabled:checked, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked, + button.destructive-action.osd popover.background.touch-selection button:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:disabled:active, + button.destructive-action.osd popover.background.magnifier button:disabled:active, + popover.background.magnifier button.destructive-action.osd button:disabled:active, + button.destructive-action.osd popover.background.touch-selection button:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked, + button.destructive-action.osd popover.background.magnifier button:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:disabled:active, + popover.background.magnifier button.destructive-action.osd button:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:disabled:checked, + button.destructive-action.osd + button:disabled:active, + button.destructive-action.osd + button:disabled:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(247, 19, 100, 0.35), rgba(228, 7, 86, 0.35)); } + popover.background.touch-selection button.destructive-action:disabled:active > .label, popover.background.magnifier button.destructive-action:disabled:active > .label, popover.background.touch-selection button.destructive-action:disabled:checked > .label, popover.background.magnifier button.destructive-action:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, + button.destructive-action:disabled:active > .label, + button.destructive-action:disabled:checked > .label, + button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, + button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, + button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, + button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, + button.destructive-action.osd + button:disabled:active > .label, + button.destructive-action.osd + button:disabled:checked > .label { + color: inherit; } + +popover.background.touch-selection .stack-switcher > button > label, popover.background.magnifier .stack-switcher > button > label, .stack-switcher > +button > label { + padding-left: 6px; + padding-right: 6px; } + +popover.background.touch-selection .stack-switcher > button > image, popover.background.magnifier .stack-switcher > button > image, .stack-switcher > +button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + +popover.background.touch-selection .stack-switcher > button.text-button, popover.background.magnifier .stack-switcher > button.text-button, .stack-switcher > +button.text-button { + padding: 6px; } + +popover.background.touch-selection .stack-switcher > button.image-button, popover.background.magnifier .stack-switcher > button.image-button, .stack-switcher > +button.image-button { + padding: 3px 0px; } + +popover.background.touch-selection .stack-switcher > button.needs-attention:active > label, popover.background.magnifier .stack-switcher > button.needs-attention:active > label, +popover.background.touch-selection .stack-switcher > button.needs-attention:active > image, +popover.background.magnifier .stack-switcher > button.needs-attention:active > image, +popover.background.touch-selection .stack-switcher > button.needs-attention:checked > label, +popover.background.magnifier .stack-switcher > button.needs-attention:checked > label, +popover.background.touch-selection .stack-switcher > button.needs-attention:checked > image, +popover.background.magnifier .stack-switcher > button.needs-attention:checked > image, .stack-switcher > +button.needs-attention:active > label, +.stack-switcher > +button.needs-attention:active > image, +.stack-switcher > +button.needs-attention:checked > label, +.stack-switcher > +button.needs-attention:checked > image { + animation: none; + background-image: none; } + +.inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar popover.background.touch-selection button:backdrop, popover.background.touch-selection .inline-toolbar button:backdrop, .inline-toolbar popover.background.magnifier button:backdrop, popover.background.magnifier .inline-toolbar button:backdrop, .inline-toolbar +button, .inline-toolbar +button:backdrop { + border-radius: 3px; + border-width: 1px; } + +.primary-toolbar popover.background.touch-selection button, popover.background.touch-selection .primary-toolbar button, .primary-toolbar popover.background.magnifier button, popover.background.magnifier .primary-toolbar button, .primary-toolbar +button { + -gtk-icon-shadow: none; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +popover.background.touch-selection .stack-switcher > button.needs-attention > label, popover.background.magnifier .stack-switcher > button.needs-attention > label, +popover.background.touch-selection .stack-switcher > button.needs-attention > image, +popover.background.magnifier .stack-switcher > button.needs-attention > image, .stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > .label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#241c2c), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#57584f), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + popover.background.touch-selection .stack-switcher > button.needs-attention > label:backdrop, popover.background.magnifier .stack-switcher > button.needs-attention > label:backdrop, + popover.background.touch-selection .stack-switcher > button.needs-attention > image:backdrop, + popover.background.magnifier .stack-switcher > button.needs-attention > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar.sidebar row.needs-attention > .label:backdrop { + background-size: 6px 6px, 0 0; } + popover.background.touch-selection .stack-switcher > button.needs-attention > label:dir(rtl), popover.background.magnifier .stack-switcher > button.needs-attention > label:dir(rtl), + popover.background.touch-selection .stack-switcher > button.needs-attention > image:dir(rtl), + popover.background.magnifier .stack-switcher > button.needs-attention > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > .label:dir(rtl) { + background-position: left 3px, left 4px; } + +.linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar button, .inline-toolbar button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > button, +.linked > button:hover, +.linked > button:active, +.linked > button:checked, +.linked > button:backdrop { + border-radius: 3px; } + .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button:dir(rtl), popover.background.touch-selection .inline-toolbar button:dir(rtl), .inline-toolbar popover.background.magnifier button:dir(rtl), popover.background.magnifier .inline-toolbar button:dir(rtl), .inline-toolbar button:dir(rtl), .inline-toolbar button:dir(rtl):backdrop, popover.background.touch-selection .linked > button:dir(rtl), popover.background.magnifier .linked > button:dir(rtl), .linked > button:dir(rtl), + .linked > button:dir(rtl):hover, + .linked > button:dir(rtl):active, + .linked > button:dir(rtl):checked, + .linked > button:dir(rtl):backdrop { + border-radius: 3px; } + +.inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar button, .inline-toolbar button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > button, +.linked > button:hover, +.linked > button:active, +.linked > button:checked, +.linked > button:backdrop { + margin-left: 2px; + margin-right: 2px; } + .inline-toolbar popover.background.touch-selection button:first-child, popover.background.touch-selection .inline-toolbar button:first-child, .inline-toolbar popover.background.magnifier button:first-child, popover.background.magnifier .inline-toolbar button:first-child, .inline-toolbar button:first-child, popover.background.touch-selection .linked > button:first-child, popover.background.magnifier .linked > button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + .inline-toolbar popover.background.touch-selection button:last-child, popover.background.touch-selection .inline-toolbar button:last-child, .inline-toolbar popover.background.magnifier button:last-child, popover.background.magnifier .inline-toolbar button:last-child, .inline-toolbar button:last-child, popover.background.touch-selection .linked > button:last-child, popover.background.magnifier .linked > button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { + border-radius: 3px; } + .inline-toolbar popover.background.touch-selection button:only-child, popover.background.touch-selection .inline-toolbar button:only-child, .inline-toolbar popover.background.magnifier button:only-child, popover.background.magnifier .inline-toolbar button:only-child, .inline-toolbar button:only-child, popover.background.touch-selection .linked > button:only-child, popover.background.magnifier .linked > button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > combobox > box > button.combo, popover.background.touch-selection .linked.vertical > button, popover.background.magnifier .linked.vertical > button, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, +.linked.vertical > button:backdrop { + border-style: solid; + border-radius: 3px; } + +popover.background.touch-selection .linked.vertical > button:first-child, popover.background.magnifier .linked.vertical > button:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-radius: 3px; } + +popover.background.touch-selection .linked.vertical > button:last-child, popover.background.magnifier .linked.vertical > button:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +popover.background.touch-selection .linked.vertical > button:only-child, popover.background.magnifier .linked.vertical > button:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +.app-notification button.flat, +.app-notification.frame button.flat, .app-notification button.flat:hover, +.app-notification.frame button.flat:hover, .app-notification button.flat:active, +.app-notification.frame button.flat:active, .app-notification button.flat:backdrop, .app-notification button.flat:disabled, .app-notification button.flat:backdrop:disabled, +.app-notification.frame button.flat:backdrop, +.app-notification.frame button.flat:disabled, +.app-notification.frame button.flat:backdrop:disabled, calendar.button, calendar.button:hover, calendar.button:active, calendar.button:backdrop, +headerbar button.flat:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, +popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, +popover.background radiobutton:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, scrollbar button:backdrop, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), +entry { + min-height: 30px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; + box-shadow: none; } + spinbutton:not(.vertical) image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus, + entry.flat { + min-height: 0; + padding: 2px; + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; + box-shadow: none; } + spinbutton:focus:not(.vertical), + entry:focus { + border-color: #323529; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-color: rgba(26, 27, 21, 0.35); } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-color: rgba(26, 27, 21, 0.35); } + spinbutton.error:not(.vertical), + entry.error { + color: #f82570; + border-color: #f82570; + background-color: rgba(248, 37, 112, 0.5); } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + border-color: #f82570; + background-color: rgba(248, 37, 112, 0.5); } + spinbutton.error:selected:not(.vertical), spinbutton.error:selected:focus:not(.vertical), + entry.error:selected, + entry.error:selected:focus { + background-color: #f82570; } + spinbutton.error:backdrop:not(.vertical), + entry.error:backdrop { + color: #f82570; + border-color: #f82570; + background-color: rgba(248, 37, 112, 0.5); } + spinbutton.warning:not(.vertical), + entry.warning { + color: #fc961f; + border-color: #fc961f; + background-color: rgba(252, 150, 31, 0.5); } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + border-color: #fc961f; + background-color: rgba(252, 150, 31, 0.5); } + spinbutton.warning:selected:not(.vertical), spinbutton.warning:selected:focus:not(.vertical), + entry.warning:selected, + entry.warning:selected:focus { + background-color: #fc961f; } + spinbutton.warning:backdrop:not(.vertical), + entry.warning:backdrop { + color: #fc961f; + border-color: #fc961f; + background-color: rgba(252, 150, 31, 0.5); } + spinbutton:not(.vertical) image, + entry image { + color: #57584f; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #241c2c; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #241c2c; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #57584f; } + +spinbutton:not(.vertical) progress, +entry progress { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #241c2c; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; + border-color: rgba(36, 28, 44, 0.5); } + +treeview acceleditor > label { + background-color: #241c2c; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #1d1e17; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #323529; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-top-width: 0px; + border-radius: 0px 0px 3px 3px; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; } + .app-notification button, + .app-notification.frame button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .app-notification button.flat, + .app-notification.frame button.flat { + -gtk-icon-shadow: none; + text-shadow: none; } + .app-notification button.flat:hover, + .app-notification.frame button.flat:hover { + color: #241c2c; } + .app-notification button.flat:active, + .app-notification.frame button.flat:active { + color: #241c2c; } + .app-notification button:hover, + .app-notification.frame button:hover { + color: #57584f; + border-color: #241c2c; } + .app-notification button:active, .app-notification button:checked, .app-notification button:backdrop:active, .app-notification button:backdrop:checked, + .app-notification.frame button:active, + .app-notification.frame button:checked, + .app-notification.frame button:backdrop:active, + .app-notification.frame button:backdrop:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + .app-notification button:disabled, .app-notification button:backdrop:disabled, + .app-notification.frame button:disabled, + .app-notification.frame button:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(30, 31, 25, 0.35); + background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); } + .app-notification button:disabled > .label, .app-notification button:backdrop:disabled > .label, + .app-notification.frame button:disabled > .label, + .app-notification.frame button:backdrop:disabled > .label { + color: inherit; } + .app-notification button:backdrop, + .app-notification.frame button:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + .app-notification border, + .app-notification.frame border { + border: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #57584f; + border: 1px solid #21221c; + background-color: #1d1e17; } + calendar:selected { + background-color: #21221c; } + calendar:disabled { + color: rgba(79, 80, 72, 0.35); } + calendar.header { + border: 1px solid #21221c; + border-radius: 0; + color: #57584f; } + calendar.header:backdrop { + color: #57584f; + border-color: #21221c; } + calendar.header:disabled { + color: rgba(79, 80, 72, 0.35); } + calendar.button { + color: #57584f; } + calendar.button:hover { + color: #241c2c; } + calendar.button:active { + color: #241c2c; } + calendar.button:backdrop { + color: #57584f; } + calendar:indeterminate, calendar.highlight { + color: rgba(87, 88, 79, 0.5); } + calendar:indeterminate:backdrop, calendar.highlight:backdrop { + color: rgba(87, 88, 79, 0.5); } + calendar:backdrop { + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; } + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); + background-color: transparent; } + +.view.content-view.check:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); + background-color: transparent; } + +.view.content-view.check:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:backdrop:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:backdrop:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check { + margin: 0 4px; + min-height: 18px; + min-width: 18px; + animation: none; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + check:only-child { + margin: 0; } + check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); } + check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); } + check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); } + check:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); } + menu menuitem check { + margin: 0; + min-height: 18px; + min-width: 18px; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + animation: none; } + menu menuitem check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + menu menuitem check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + menu menuitem check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + +radio { + margin: 0 4px; + min-height: 18px; + min-width: 18px; + animation: none; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + radio:only-child { + margin: 0; } + radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); } + radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); } + radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); } + radio:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); } + menu menuitem radio { + margin: 0; + min-height: 18px; + min-width: 18px; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + animation: none; } + menu menuitem radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + menu menuitem radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + menu menuitem radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + +/***************** + * Color Chooser * + *****************/ +:selected colorswatch { + box-shadow: none; } + :selected colorswatch.overlay, :selected colorswatch.overlay:hover { + border-color: #57584f; } + +colorswatch:selected { + box-shadow: none; } + +colorswatch.top, colorswatch.bottom, colorswatch.left, colorswatch:first-child:not(.overlay):not(.top), colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom), colorswatch:only-child:not(.overlay), +colorswatch.top > .overlay, +colorswatch.bottom > .overlay, +colorswatch:first-child:not(.top) > .overlay, +colorswatch:last-child:not(.bottom) > .overlay, +colorswatch:only-child > .overlay { + border-radius: 3px; } + +colorswatch:hover, colorswatch:hover:selected { + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + colorswatch:hover.color-dark, colorswatch:hover:selected.color-dark { + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } + +colorswatch:backdrop, +colorswatch:backdrop:selected colorswatch.color-dark:backdrop, colorswatch.color-dark:backdrop:selected { + background-image: none; + box-shadow: none; } + +GtkColorEditor colorswatch { + border-radius: 3px; } + GtkColorEditor colorswatch:hover { + background-image: none; + box-shadow: none; } + GtkColorEditor colorswatch:backdrop { + box-shadow: none; } + +colorswatch.color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); } + colorswatch.color-dark:backdrop { + color: rgba(255, 255, 255, 0.3); } + +colorswatch.color-light { + color: black; + outline-color: rgba(255, 255, 255, 0.5); } + colorswatch.color-light:backdrop { + color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay, +colorswatch overlay:selected { + border: 1px solid #21221c; } + colorswatch overlay:hover, + colorswatch overlay:selected:hover { + border-color: #241c2c; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + colorswatch#add-color-button:hover { + color: #57584f; + border-color: #241c2c; } + colorswatch#add-color-button:backdrop { + color: #57584f; + border-color: #21221c; + background-image: linear-gradient(to bottom, #272821, #262720); } + colorswatch#add-color-button overlay { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; } + +GtkColorButton.button { + padding: 5px; } + GtkColorButton.button GtkColorSwatch:first-child:last-child { + border-radius: 0; + box-shadow: none; } + GtkColorButton.button GtkColorSwatch:first-child:last-child:disabled, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: #1b1c16; } + +messagedialog:backdrop { + background-color: #1b1c16; } + +messagedialog .titlebar { + min-height: 32px; + background-color: transparent; + background-image: linear-gradient(to bottom, #1a1a17, #161613); + box-shadow: none; } + +messagedialog .dialog-action-area { + padding: 8px; } + +messagedialog button { + margin: 2px; } + +filechooser .search-bar { + background-color: #1b1c16; + border-color: #1b1c16; + box-shadow: none; } + filechooser .search-bar:backdrop { + background-color: #1b1c16; + border-color: #1b1c16; + color: #57584f; } + +filechooser .dialog-action-box { + border-top: 1px solid #21221c; } + filechooser .dialog-action-box:backdrop { + border-top-color: #21221c; } + +filechooser #pathbarbox { + background-color: #1b1c16; + border-bottom: 1px solid #21221c; } + +/*************** + * Header bars * + ***************/ + +headerbar { + transition: none; + padding: 0px 6px; + border-width: 0px 0px 1px 0px; + border-radius: 3px 3px 0px 0px; + border-style: solid; + border-color: #21221c; + color: #43443d; + background-image: none; + background-color: #161613; } + + headerbar:backdrop { + border-color: transparent; + background-image: none; + background-color: #161613; + color: #3b3c36; + box-shadow: none; } + + headerbar label { + font-weight: normal; } + + headerbar label:backdrop { + color: #3b3c36; } + + headerbar .path-bar button { + color: #43443d; + font-weight: normal; } + + headerbar .path-bar button:backdrop { + color: #3b3c36; } + + headerbar button { + transition: none; + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #43443d; + text-shadow: none; + -gtk-icon-shadow: none; } + + headerbar button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #43443d; + text-shadow: none; + -gtk-icon-shadow: none; } + + headerbar button:hover { + color: #43443d; + border-color: #241c2c; } + + headerbar button:hover:backdrop { + border-color: #161613; } + + headerbar button:active, + headerbar button:checked { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + + headerbar button:active:hover, + headerbar button:checked:hover { + color: #57584f; + border-color: #241c2c; + background-image: linear-gradient(to bottom, #251d2d, #211928); } + + headerbar button:active:backdrop, + headerbar button:checked:backdrop { + background-image: none; + background-color: #161613; + border-color: #161613; + color: #3b3c36; } + + headerbar button:backdrop { + border-color: transparent; + background-image: none; + background-color: #161613; + color: #3b3c36; } + + headerbar button.flat:backdrop, + headerbar button.flat:backdrop:disabled, + headerbar button:disabled:backdrop { + background-image: none; + background-color: #161613; + color: #3b3c36; + border-color: transparent; } + + headerbar button.flat:disabled { + color: rgba(61, 62, 55, 0.35); } + + headerbar button:disabled { + background-color: transparent; + background-image: none; + border-color: transparent; + color: rgba(61, 62, 55, 0.35); } + + headerbar button:disabled:active, + headerbar button:disabled:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + + headerbar button:disabled:active > .label, + headerbar button:disabled:checked > .label { + color: inherit; } + + headerbar .title { + font-weight: normal; + padding: 0px 12px; } + + headerbar .title:backdrop { + color: #3b3c36; } + + headerbar .subtitle { + font-size: smaller; + padding: 0 12px; } + + headerbar .subtitle:backdrop { + color: #3b3c36; } + + headerbar separator { + border-width: 0px; + background-color: transparent; + background-image: none; + border-color: transparent; } + + headerbar.selection-mode .selection-menu { + padding: 4px 6px; } + + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-shadow: none; } + .tiled + headerbar, .maximized + headerbar { + border-radius: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator, +headerbar button { + margin-top: 3px; + margin-bottom: 3px; } + + +headerbar button.suggested-action, +headerbar.selection-mode.suggested-action { + background-image: none; + background-color: #241c2c; } + + headerbar button.suggested-action:hover, + headerbar.selection-mode.suggested-action:hover { + background-color: #241c2c; + color: #57584f; } + + headerbar button.suggested-action:disabled, + headerbar.selection-mode.suggested-action:disabled { + background-color: transparent; + background-image: none; + color: rgba(61, 62, 55, 0.35); } + + headerbar button.suggested-action:disabled:active, + headerbar.selection-mode.suggested-action:disabled:active, + headerbar button.suggested-action:disabled:checked, + headerbar.selection-mode.suggested-action:disabled:checked { + color: rgba(79, 80, 72, 0.35); + border-color: rgba(33, 25, 40, 0.35); + background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); } + headerbar button.suggested-action:disabled:active > .label, headerbar.selection-mode.suggested-action:disabled:active > .label, headerbar button.suggested-action:disabled:checked > .label, headerbar.selection-mode.suggested-action:disabled:checked > .label { + color: inherit; } + + headerbar button.suggested-action:backdrop, + headerbar.selection-mode.suggested-action:backdrop { + background-color: #161613; + border-color: transparent; + color: #3b3c36; } + + headerbar button.suggested-action:backdrop:disabled, + headerbar.selection-mode.suggested-action:backdrop:disabled { + color: rgba(54, 55, 49, 0.35); } + +/************** + * GtkInfoBar * + **************/ +infobar { + border-style: none; + border-bottom: 1px solid #21221c; + background-color: #1b1c16; + background-image: none; } + infobar:backdrop { + border-bottom: 1px solid #21221c; } + +.info, +headerbar.selection-mode, +.question, +.warning, +.error { + background-color: #1b1c16; + background-image: none; + color: #fc961f; + text-shadow: none; } + .info:backdrop, + headerbar.selection-mode:backdrop, + .question:backdrop, + .warning:backdrop, + .error:backdrop { + background-color: #1b1c16; + color: #fc961f; } + .info button, headerbar.selection-mode button, + .question button, + .warning button, + .error button { + box-shadow: none; + background-image: none; + background-color: rgba(252, 150, 31, 0.5); + border-color: rgba(252, 150, 31, 0.5); + color: #57584f; } + .info button:hover, headerbar.selection-mode button:hover, + .question button:hover, + .warning button:hover, + .error button:hover { + background-color: rgba(252, 150, 31, 0.25); + border-color: #fc961f; } + .info button:active, headerbar.selection-mode button:active, .info button:checked, headerbar.selection-mode button:checked, + .question button:active, + .question button:checked, + .warning button:active, + .warning button:checked, + .error button:active, + .error button:checked { + background-image: linear-gradient(to bottom, #fc9722, #fc9217); + color: #1b1c16; + border-color: #fc961f; } + .info button:disabled, headerbar.selection-mode button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled { + background-color: rgba(252, 138, 6, 0); + border-color: rgba(252, 138, 6, 0); + color: rgba(79, 80, 72, 0.35); } + .info button:backdrop, headerbar.selection-mode button:backdrop, + .question button:backdrop, + .warning button:backdrop, + .error button:backdrop { + background-color: rgba(252, 150, 31, 0.5); + border-color: rgba(252, 150, 31, 0.5); + color: #57584f; } + .info button:backdrop:active, headerbar.selection-mode button:backdrop:active, .info button:backdrop:checked, headerbar.selection-mode button:backdrop:checked, + .question button:backdrop:active, + .question button:backdrop:checked, + .warning button:backdrop:active, + .warning button:backdrop:checked, + .error button:backdrop:active, + .error button:backdrop:checked { + background-image: linear-gradient(to bottom, #fc9722, #fc9217); + color: #1b1c16; + border-color: #fc961f; } + .info button:backdrop:disabled, headerbar.selection-mode button:backdrop:disabled, + .question button:backdrop:disabled, + .warning button:backdrop:disabled, + .error button:backdrop:disabled { + background-color: rgba(252, 138, 6, 0); + border-color: rgba(252, 138, 6, 0); + color: rgba(79, 80, 72, 0.35); } + .info button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:active, .info button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:checked, + .question button:backdrop:disabled:active, + .question button:backdrop:disabled:checked, + .warning button:backdrop:disabled:active, + .warning button:backdrop:disabled:checked, + .error button:backdrop:disabled:active, + .error button:backdrop:disabled:checked { + background-image: linear-gradient(to bottom, rgba(252, 139, 8, 0.35), rgba(246, 134, 3, 0.35)); + color: #191914; + border-color: rgba(252, 138, 6, 0.35); } + +/********* + * Links * + *********/ +button:link > label, +button:visited > label, +*:link, +button:link, +button:visited { + color: #616258; } + button:link > label:visited, + button:visited > label:visited, + *:link:visited, + button:visited { + color: #616258; } + *:selected button:link > label:visited, + *:selected button:visited > label:visited, *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #434041; } + button:link > label:hover, + button:visited > label:hover, + *:link:hover, + button:hover:link, + button:hover:visited { + color: #7c7d70; } + *:selected button:link > label:hover, + *:selected button:visited > label:hover, *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #52524c; } + button:link > label:active, + button:visited > label:active, + *:link:active, + button:active:link, + button:active:visited { + color: #616258; } + *:selected button:link > label:active, + *:selected button:visited > label:active, *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #4d4c48; } + button:link > label:backdrop, + button:visited > label:backdrop, button:link > label:backdrop:hover, + button:visited > label:backdrop:hover, button:link > label:backdrop:hover:selected, + button:visited > label:backdrop:hover:selected, + *:link:backdrop, + button:backdrop:link, + button:backdrop:visited, + *:link:backdrop:hover, + button:backdrop:hover:link, + button:backdrop:hover:visited, + *:link:backdrop:hover:selected, + headerbar.selection-mode .subtitle:backdrop:hover:link, + button:backdrop:hover:selected:link, + button:backdrop:hover:selected:visited { + color: rgba(36, 28, 44, 0.5); } + button:link > label:selected, + button:visited > label:selected, *:selected button:link > label, + *:selected button:visited > label, + *:link:selected, + headerbar.selection-mode .subtitle:link, + button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #4d4c48; } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list { + background-color: #1b1c16; + color: #57584f; + border-width: 0px; } + list:backdrop { + background-color: #1b1c16; + color: #57584f; } + list row { + padding: 2px; } + +row { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover { + transition: none; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(36, 28, 44, 0.5); } + row.activatable:active { + box-shadow: none; + background-color: #241c2c; } + row.activatable:selected:active { + box-shadow: none; + background-color: #241c2c; } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + color: #57584f; + background-color: #241c2c; } + row.activatable:selected:backdrop { + background-color: #241c2c; } + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: none; + border-style: none; + background-color: #1b1c16; } + menubar:backdrop, + .menubar:backdrop { + background-color: #1b1c16; } + menubar > menuitem, + .menubar > menuitem { + min-height: 16px; + padding: 4px 6px; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #241c2c; + color: #57584f; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(79, 80, 72, 0.35); + box-shadow: none; } + menubar > menuitem:disabled:backdrop, + .menubar > menuitem:disabled:backdrop { + background-color: #1b1c16; + color: rgba(79, 80, 72, 0.35); } + menubar > menuitem:backdrop, + .menubar > menuitem:backdrop { + background-color: #1b1c16; + color: #57584f; } + +menu, +.menu { + padding: 0px; + background-color: #1b1c16; + border: 0px solid transparent; + box-shadow: inset 0px 0px 0px 1px #21221c; + border-radius: 3px; } + .csd menu, .csd + .menu { + border: 0px solid; + border-radius: 3px; } + menu separator, + .menu separator { + color: #21221c; + margin-top: 3px; + margin-bottom: 3px; } + menu menuitem, + .menu menuitem { + text-shadow: none; + min-height: 16px; + min-width: 40px; + padding: 4px 4px; } + menu menuitem:hover, + .menu menuitem:hover { + color: #57584f; + background-color: #241c2c; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(79, 80, 72, 0.35); } + menu menuitem:disabled:backdrop, + .menu menuitem:disabled:backdrop { + color: rgba(79, 80, 72, 0.35); } + menu menuitem:backdrop, menu menuitem:backdrop:hover, + .menu menuitem:backdrop, + .menu menuitem:backdrop:hover { + color: #57584f; + background-color: #1b1c16; } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); + margin-right: 10px; } + menu > arrow, + .menu > arrow { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: transparent; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top { + margin-top: -6px; + border: none; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .menu > arrow.bottom { + margin-bottom: -6px; + border: none; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover { + color: #241c2c; } + menu > arrow:active, + .menu > arrow:active { + color: #241c2c; } + menu > arrow:backdrop, + .menu > arrow:backdrop { + background-color: #1b1c16; } + menu > arrow:disabled, + .menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } + +menuitem check, +menuitem radio { + min-height: 18px; + min-width: 18px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 6px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 6px; } + +/*************** + * Popovers * + ***************/ +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 16px; + padding: 4px 8px; + color: #57584f; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: #241c2c; + color: #57584f; } + modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected { + background-color: #241c2c; + color: #57584f; } + modelbutton.flat:backdrop, popover.background checkbutton:backdrop, + popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, + popover.background radiobutton:backdrop:hover, + .menuitem.button.flat:backdrop, + .menuitem.button.flat:backdrop:hover { + color: #57584f; } + modelbutton.flat check:hover, popover.background checkbutton check:hover, popover.background radiobutton check:hover, + .menuitem.button.flat check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + modelbutton.flat radio:hover, popover.background checkbutton radio:hover, popover.background radiobutton radio:hover, + .menuitem.button.flat radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + modelbutton.flat check:checked:hover, popover.background checkbutton check:checked:hover, popover.background radiobutton check:checked:hover, + .menuitem.button.flat check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + modelbutton.flat radio:checked:hover, popover.background checkbutton radio:checked:hover, popover.background radiobutton radio:checked:hover, + .menuitem.button.flat radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + modelbutton.flat check:indeterminate:hover, popover.background checkbutton check:indeterminate:hover, popover.background radiobutton check:indeterminate:hover, + .menuitem.button.flat check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed.png"), url("../assets/check-mixed@2.png")); } + modelbutton.flat radio:indeterminate:hover, popover.background checkbutton radio:indeterminate:hover, popover.background radiobutton radio:indeterminate:hover, + .menuitem.button.flat radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); } + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, + modelbutton.flat radio:last-child, + popover.background checkbutton radio:last-child, + popover.background radiobutton radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-right: 0px; } + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child, + modelbutton.flat radio:first-child, + popover.background checkbutton radio:first-child, + popover.background radiobutton radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-left: 0px; } + +modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow { + background: none; } + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover { + background: none; } + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +popover.background { + padding: 0px; + border: 1px solid #21221c; + border-radius: 3px; + background-color: #1b1c16; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.9); } + popover.background:backdrop { + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > toolbar { + border-style: none; + background-color: transparent; } + .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { + border: 1px solid #21221c; } + popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + +GtkVolumeButton.button { + padding: 5px; } + +/******** + * Misc * + ********/ +/**************** +* Print dialog * +*****************/ +printdialog paper { + color: #57584f; + border: 1px solid #21221c; + background: white; + padding: 0; } + printdialog paper:backdrop { + color: #57584f; + border-color: #21221c; + background: white; } + +printdialog .dialog-action-box { + margin: 12px; } + +/********** +* Frames * +**********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #21221c; } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: #21221c; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #21221c; } + actionbar > revealer > box:backdrop { + border-color: #21221c; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow junction { + border-color: transparent; + background-color: transparent; + background-image: none; } + +separator { + background: #21221c; + min-width: 1px; + min-height: 1px; } + +/************* +* Expanders * +*************/ +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + expander arrow:hover { + color: #a4a59b; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/********* +* Paned * +*********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#21221c); + background-size: 1px 1px; } + paned > separator:backdrop { + background-image: image(#21221c); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #1b1c16; + background-image: image(#21221c), image(#21221c); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #1b1c16; + background-image: image(#21221c), image(#21221c); } + +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; } + +/********************* +* Spinner Animation * +*********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background-image: 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; } + +/***************** + * Notebooks and * + * Tabs * + *****************/ +/************* + * Notebooks * + *************/ +notebook.frame { + border: none; + padding: 0px; + box-shadow: inset 0px 0px 0px 1px #21221c; } + +notebook > header { + padding: 0px; + border: none; + background-color: #1b1c16; } + notebook > header.top { + box-shadow: inset 0 -1px #21221c; } + notebook > header.top:backdrop { + box-shadow: inset 0 -1px #21221c; } + notebook > header.bottom { + box-shadow: inset 0 1px #21221c; } + notebook > header.bottom:backdrop { + box-shadow: inset 0 1px #21221c; } + notebook > header.right { + box-shadow: inset 1px 0 #21221c; } + notebook > header.right:backdrop { + box-shadow: inset 1px 0 #21221c; } + notebook > header.left { + box-shadow: inset -1px 0 #21221c; } + notebook > header.left:backdrop { + box-shadow: inset -1px 0 #21221c; } + notebook > header:backdrop { + background-color: #1b1c16; } + notebook > header tabs { + margin: 0px; } + notebook > header.top > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(0, 0, 0, 0.08); + border-radius: 0px 0px 0px 0px; + border-bottom-color: transparent; } + notebook > header.top > tabs > tab:hover, notebook > header.top > tabs > tab.prelight-page { + background-color: rgba(0, 0, 0, 0.04); + border-color: rgba(0, 0, 0, 0.08); } + notebook > header.top > tabs > tab:checked { + border-color: #21221c; + border-bottom-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.top > tabs > tab:checked:backdrop { + border-color: #21221c; + border-bottom-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.bottom > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(0, 0, 0, 0.08); + border-radius: 0px 0px 0px 0px; + border-top-color: transparent; } + notebook > header.bottom > tabs > tab:hover, notebook > header.bottom > tabs > tab.prelight-page { + background-color: rgba(0, 0, 0, 0.04); + border-color: rgba(0, 0, 0, 0.08); } + notebook > header.bottom > tabs > tab:checked { + border-color: #21221c; + border-top-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.bottom > tabs > tab:checked:backdrop { + border-color: #21221c; + border-top-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.left > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(0, 0, 0, 0.08); + border-radius: 0px 0px 0px 0px; + border-right-color: transparent; } + notebook > header.left > tabs > tab:hover, notebook > header.left > tabs > tab.prelight-page { + background-color: rgba(0, 0, 0, 0.04); + border-color: rgba(0, 0, 0, 0.08); } + notebook > header.left > tabs > tab:checked { + border-color: #21221c; + border-right-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.left > tabs > tab:checked:backdrop { + border-color: #21221c; + border-right-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.right > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(0, 0, 0, 0.08); + border-radius: 0px 0px 0px 0px; + border-left-color: transparent; } + notebook > header.right > tabs > tab:hover, notebook > header.right > tabs > tab.prelight-page { + background-color: rgba(0, 0, 0, 0.04); + border-color: rgba(0, 0, 0, 0.08); } + notebook > header.right > tabs > tab:checked { + border-color: #21221c; + border-left-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.right > tabs > tab:checked:backdrop { + border-color: #21221c; + border-left-color: #1b1c16; + background-color: #1b1c16; } + notebook > header.top > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-right-width: 1px; + border-right-color: #21221c; + box-shadow: inset -3px 0px 0px 0px #1b1c16; } + notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.top > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset -3px 0px 0px 0px #1b1c16; } + notebook > header.top > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset -3px 0px 0px 0px #1b1c16; } + notebook > header.top > tabs > tab.reorderable-page:checked:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-right-color: #21221c; + box-shadow: none; } + notebook > header.top > tabs > tab.reorderable-page:backdrop { + background-color: #1b1c16; + border-right-color: #21221c; + box-shadow: none; } + notebook > header.bottom > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-right-width: 1px; + border-right-color: #21221c; + box-shadow: inset -3px 0px 0px 0px #1b1c16; } + notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset -3px 0px 0px 0px #1b1c16; } + notebook > header.bottom > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset -3px 0px 0px 0px #1b1c16; } + notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-right-color: #21221c; + box-shadow: none; } + notebook > header.bottom > tabs > tab.reorderable-page:backdrop { + background-color: #1b1c16; + border-right-color: #21221c; + box-shadow: none; } + notebook > header.left > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-bottom-width: 1px; + border-bottom-color: #21221c; + box-shadow: inset 0px -3px 0px 0px #1b1c16; } + notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset 0px -3px 0px 0px #1b1c16; } + notebook > header.left > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset 0px -3px 0px 0px #1b1c16; } + notebook > header.left > tabs > tab.reorderable-page:checked:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-bottom-color: #21221c; + box-shadow: none; } + notebook > header.left > tabs > tab.reorderable-page:backdrop { + background-color: #1b1c16; + border-bottom-color: #21221c; + box-shadow: none; } + notebook > header.right > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #1b1c16; + background-clip: padding-box; + border-bottom-width: 1px; + border-bottom-color: #21221c; + box-shadow: inset 0px -3px 0px 0px #1b1c16; } + notebook > header.right > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset 0px -3px 0px 0px #1b1c16; } + notebook > header.right > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #241c2c, inset 0px -3px 0px 0px #1b1c16; } + notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { + background-color: #1b1c16; + border-color: transparent; + border-bottom-color: #21221c; + box-shadow: none; } + notebook > header.right > tabs > tab.reorderable-page:backdrop { + background-color: #1b1c16; + border-bottom-color: #21221c; + box-shadow: none; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header button.flat { + padding: 0; + margin: 4px; + min-width: 12px; + min-height: 12px; + border: 0px solid; + border-radius: 50%; + color: #1b1c16; + background-color: #21221c; + background-image: none; } + notebook > header button.flat:hover { + background-color: #f82570; } + notebook > header button.flat:active { + background-color: #f82570; } + notebook > header button.flat:backdrop { + background-color: #21221c; + color: #1b1c16; } + +notebook > stack:not(:only-child) { + background-color: transparent; + border-style: solid; + border-color: #21221c; + border-width: 0px; } + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#21221c), to(rgba(33, 34, 28, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot { + background-image: none; + border: none; } + +/************ + * Pathbars * + ************/ +.path-bar { + background-color: #1b1c16; + border-bottom: 1px solid #21221c; } + +.path-bar button { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #57584f; + text-shadow: none; + -gtk-icon-shadow: none; + padding: 4px 8px; + color: #57584f; } + .path-bar button:hover { + border-color: #241c2c; } + .path-bar button:active, .path-bar button:checked { + background-color: #21221c; + font-weight: normal; } + .path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } + .path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 8px; } + .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } + .path-bar button image { + padding-left: 4px; + padding-right: 4px; } + .path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(87, 88, 79, 0.3); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar trough { + border: 0px solid transparent; + border-radius: 3px; + background-color: rgba(87, 88, 79, 0.3); } + progressbar:backdrop trough { + background-color: rgba(87, 88, 79, 0.3); } + progressbar progress { + background-color: #241c2c; + border: 0px solid transparent; + border-radius: 3px; + box-shadow: none; } + progressbar:backdrop progress { + background-color: #241c2c; } + progressbar.osd { + background-color: transparent; } + +treeview.view.progressbar { + border: 0px solid transparent; + border-radius: 3px; + background-color: #241c2c; + color: #57584f; + background-image: none; } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + background-color: rgba(87, 88, 79, 0.25); } + +treeview.view.trough { + background-color: #2d2e27; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: rgba(87, 88, 79, 0.3); } + +/************* + * Level Bar * + *************/ +levelbar block { + min-width: 32px; + min-height: 6px; } + +levelbar.vertical block { + min-width: 6px; + min-height: 32px; } + +levelbar trough { + border: 1px solid; + padding: 2px; + border-radius: 3px; + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; + box-shadow: none; } + levelbar trough:backdrop { + color: #57584f; + border-color: #21221c; + background-color: #1d1e17; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #241c2c; + background-color: #241c2c; + box-shadow: none; + border-radius: 1px; } + levelbar block:not(.empty):backdrop { + border-color: #241c2c; + background-color: #241c2c; } + +levelbar block.low { + border-color: #fc961f; + background-color: #fc961f; } + levelbar block.low:backdrop { + background-color: #fc961f; + border-color: #fc961f; } + +levelbar block.high { + border-color: #393241; + background-color: #393241; } + levelbar block.high:backdrop { + background-color: #393241; + border-color: #393241; } + +levelbar block.full { + border-color: #393241; + background-color: #393241; } + levelbar block.full:backdrop { + background-color: #393241; + border-color: #393241; } + +levelbar block.empty { + background-color: rgba(87, 88, 79, 0.3); + border-color: transparent; + box-shadow: none; } + levelbar block.empty:backdrop { + background-color: rgba(87, 88, 79, 0.3); } + +/************ + * GtkScale * + ************/ +scale.fine-tune.trough { + margin: 8px; + border-radius: 3px; } + +scale slider { + min-width: 18px; + min-height: 18px; + background-color: #272821; + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 50%; + box-shadow: none; + margin: -9px; } + scale slider:hover { + border-style: solid; + border-width: 2px; + border-color: #241c2c; + border-radius: 50%; } + scale slider:hover:backdrop { + background-color: #272821; + border-color: rgba(0, 0, 0, 0.25); } + scale slider:disabled { + border-style: solid; + border-radius: 50%; + background-color: #1b1c16; + border-color: rgba(30, 31, 25, 0.35); } + scale slider:disabled:backdrop { + background-color: #1b1c16; + border-color: rgba(30, 31, 25, 0.35); } + scale slider:active { + border: 2px solid #241c2c; } + scale slider:active:backdrop { + background-color: #272821; + border-color: rgba(0, 0, 0, 0.25); } + scale slider:backdrop { + background-color: #272821; + border-color: rgba(0, 0, 0, 0.25); } + +scale trough { + min-width: 6px; + min-height: 6px; + margin: 9px; + border: 0px solid; + border-radius: 3px; + background-color: #2d2e27; + box-shadow: none; } + scale trough:disabled, scale trough.vertical:disabled { + border-color: rgba(41, 42, 35, 0.35); + background-color: rgba(41, 42, 35, 0.35); + box-shadow: none; } + scale trough:disabled:backdrop, scale trough.vertical:disabled:backdrop { + background-color: rgba(41, 42, 35, 0.35); + border-color: rgba(41, 42, 35, 0.35); } + scale trough:backdrop { + background-color: #2d2e27; + border-color: #2d2e27; } + +scale highlight { + border: 0px solid; + border-radius: 3px; + background-color: #241c2c; + border-color: #241c2c; } + scale highlight.vertical { + background-color: #241c2c; + border-color: #241c2c; } + scale highlight:disabled { + background-color: rgba(33, 25, 40, 0.35); } + scale highlight:backdrop { + background-color: rgba(36, 28, 44, 0.5); + border-color: rgba(36, 28, 44, 0.5); } + scale highlight:backdrop:disabled { + background-color: rgba(33, 25, 40, 0.35); } + +/************** + * Scrollbars * + **************/ +scrollbar { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + background-color: #1b1c16; + border-width: 0px 0px; + border-color: #1b1c16; + margin: 0px; } + scrollbar button { + min-width: 14px; + min-height: 14px; + margin: 0px; + padding: 0px 0px; + border: none; + border-radius: 0px; + background-image: none; + background-color: transparent; + color: transparent; + box-shadow: none; } + scrollbar button:hover { + border: none; + background-image: none; + background-color: #1b1c16; + color: transparent; } + scrollbar button:active, scrollbar button:active:hover { + border: none; + background-image: none; + background-color: #1b1c16; + color: transparent; } + scrollbar button:disabled { + border: none; + background-color: #1b1c16; + background-image: none; + color: transparent; } + scrollbar button:backdrop { + color: #57584f; } + scrollbar button:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); } + scrollbar.dragging, scrollbar.hovering { + opacity: 0.9910; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.999; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 6px; + border-radius: 8px; + background-color: rgba(66, 67, 59, 0.8); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider:backdrop { + background-color: #42433b; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 6px; } + scrollbar.overlay-indicator { + background: none; } + scrollbar trough { + transition-duration: 0.1s; + min-width: 6px; + min-height: 14px; + border: 0px solid #1b1c16; + border-radius: 8px; + background-color: transparent; } + scrollbar:hover trough { + background-color: transparent; + box-shadow: inset 0px 0px 0px 5px transparent; } + scrollbar slider { + transition-duration: 0.1s; + min-width: 6px; + min-height: 30px; + border: 5px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #42433b; } + scrollbar slider:hover { + background-color: #42433b; } + scrollbar slider:backdrop { + background-color: #42433b; } + scrollbar slider:backdrop:disabled { + background-color: rgba(60, 61, 54, 0.35); } + scrollbar.horizontal slider { + min-width: 30px; + min-height: 6px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + background-color: #1b1c16; } + .sidebar:backdrop { + background-color: #1b1c16; } + +placessidebar > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 36px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 14px; } + placessidebar row:selected { + color: #57584f; } + placessidebar row:disabled { + color: rgba(79, 80, 72, 0.35); } + placessidebar row:backdrop { + color: #57584f; } + placessidebar row:backdrop:selected { + color: #241c2c; } + placessidebar row:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; } + placessidebar row:selected:active { + box-shadow: none; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: none; + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #241c2c; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +stacksidebar.sidebar row { + padding: 10px 4px; } + stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar.sidebar row.needs-attention > .label { + background-size: 6px 6px, 0 0; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; } + spinbutton:not(.vertical) entry { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) entry:backdrop:disabled { + background-color: transparent; } + spinbutton:not(.vertical) button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #57584f; + background-image: none; + background-color: transparent; + border-style: none; + box-shadow: none; } + spinbutton:not(.vertical) button:hover { + color: #272821; } + spinbutton:not(.vertical) button:disabled { + color: rgba(79, 80, 72, 0.35); } + spinbutton:not(.vertical) button:active { + color: #323529; + box-shadow: none; } + spinbutton:not(.vertical) button:backdrop { + color: #57584f; + background-color: transparent; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + background-color: transparent; + border-style: none; } + spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + +spinbutton.vertical:disabled { + color: rgba(79, 80, 72, 0.35); } + +spinbutton.vertical:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); } + +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } + +spinbutton.vertical entry { + margin: 0px; + min-height: 26px; + min-width: 26px; + border-style: none solid none solid; + border-color: #21221c; + padding: 0; + border-radius: 0; } + spinbutton.vertical entry:disabled { + color: rgba(79, 80, 72, 0.35); + background-color: rgba(26, 27, 21, 0.35); + border-color: rgba(30, 31, 25, 0.35); } + spinbutton.vertical entry:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + background-color: rgba(26, 27, 21, 0.35); + border-color: rgba(30, 31, 25, 0.35); } + +spinbutton.vertical button { + min-height: 26px; + min-width: 26px; + padding: 0; + box-shadow: none; + background-image: none; + background-color: #1d1e17; + color: #57584f; + border-color: #21221c; } + spinbutton.vertical button:hover { + color: #272821; } + spinbutton.vertical button:active { + color: #323529; } + spinbutton.vertical button:disabled { + color: rgba(79, 80, 72, 0.35); + background-color: rgba(26, 27, 21, 0.35); + border-color: rgba(30, 31, 25, 0.35); } + spinbutton.vertical button:backdrop:disabled { + color: rgba(79, 80, 72, 0.35); + background-color: rgba(26, 27, 21, 0.35); + border-color: rgba(30, 31, 25, 0.35); } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } + +spinbutton.vertical button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/********** + * Switch * + **********/ +switch { + margin: 2px; + font-weight: bold; + font-size: smaller; + min-width: 48px; + min-height: 24px; + border: 0px solid; + border-radius: 12px; + color: transparent; + background-color: rgba(87, 88, 79, 0.3); + text-shadow: none; } + switch:checked { + background-color: #241c2c; } + switch:backdrop { + background-color: rgba(87, 88, 79, 0.3); + text-shadow: none; } + switch:backdrop:checked { + background-color: #241c2c; } + switch slider { + min-width: 22px; + min-height: 22px; + border: 1px solid; + border-radius: 11px; + background-color: #1b1c16; + border-color: #21221c; } + switch:hover slider { + border-color: #241c2c; } + switch:disabled slider { + background-color: #191914; } + switch:backdrop slider { + background-color: #1b1c16; } + switch:backdrop:disabled slider { + background-color: #191914; } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar, +.location-bar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #1b1c16; } + +toolbar { + padding: 4px 3px 3px 4px; } + toolbar:backdrop { + background-color: #1b1c16; + box-shadow: none; } + toolbar button { + margin: 2px; + padding: 3px; } + toolbar button.image-button, toolbar button.text-button.image-button { + padding: 3px; } + toolbar separator { + margin-left: 3px; + margin-right: 3px; } + toolbar entry { + margin: 3px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 3px; + background-color: #1b1c16; } + toolbar.osd:backdrop { + border-color: #21221c; + background-color: #1b1c16; + box-shadow: none; } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + +.inline-toolbar { + border-width: 0px 0px 1px 0px; + padding: 3px; + border-radius: 0; } + +searchbar, +.location-bar { + border-width: 0px 0px 1px 0px; + padding: 3px; } + +.inline-toolbar, searchbar, +.location-bar { + border-style: solid; + border-color: #21221c; + text-shadow: none; + background-color: #1b1c16; } + +/************ + * Tooltips * + ************/ +tooltip { + color: #57584f; + padding: 4px; + /* not working */ + border-radius: 0; + box-shadow: none; + text-shadow: none; + border: 1px solid #24251f; } + tooltip.background { + background-color: #1b1c16; + background-clip: padding-box; } + tooltip.window-frame.csd { + background-color: transparent; + box-shadow: none; } + tooltip decoration { + background-color: transparent; } + +tooltip * { + padding: 0px; + background-color: transparent; + color: #57584f; } + +/************** + * Tree Views * + **************/ +treeview.view { + -GtkTreeView-grid-line-width: 0; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #21221c; + border-top-color: transparent; } + treeview.view:selected { + border-radius: 0; } + treeview.view:selected { + background-color: #241c2c; + border-left-color: #57584f; + border-top-color: #57584f; } + treeview.view:backdrop:selected { + background-color: rgba(36, 28, 44, 0.5); + border-left-color: #57584f; + border-top-color: #57584f; } + treeview.view:disabled { + color: rgba(30, 31, 25, 0.35); } + treeview.view:disabled:selected { + color: rgba(79, 80, 72, 0.35); } + treeview.view:disabled:selected:backdrop { + color: rgba(79, 80, 72, 0.35); } + treeview.view:disabled:backdrop { + color: rgba(30, 31, 25, 0.35); } + treeview.view.separator { + min-height: 2px; + color: #21221c; } + treeview.view.separator:backdrop { + color: #21221c; } + treeview.view:backdrop { + border-left-color: #21221c; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #241c2c; } + treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #57584f; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + treeview.view.expander:hover { + color: #241c2c; } + treeview.view.expander:selected { + color: #57584f; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:checked:selected { + color: #57584f; } + treeview.view.expander:checked:backdrop { + color: #1d1e17; } + treeview.view.expander:backdrop { + color: #1d1e17; } + treeview.view header button { + color: #57584f; + background-color: rgba(0, 0, 0, 0.08); + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #57584f; + background-color: rgba(36, 28, 44, 0.5); + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #57584f; + background-color: rgba(36, 28, 44, 0.5); + transition: none; } + treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + border-right-style: none; } + treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 0 6px; + color: #57584f; + background-image: none; + background-color: #241c2c; + border-style: none; + border-radius: 0; + box-shadow: none; + text-shadow: none; + transition: none; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 6px; + border-style: none solid solid none; + border-radius: 0; + background-image: none; + border-color: rgba(0, 0, 0, 0.08); + text-shadow: none; } + treeview.view header button:disabled { + border-color: rgba(30, 31, 25, 0.35); + color: rgba(79, 80, 72, 0.35); + background-color: rgba(35, 36, 30, 0.35); + background-image: none; } + treeview.view header button:backdrop { + border-color: #21221c; + border-style: none solid solid none; + color: #57584f; + background-image: none; + background-color: #272821; } + treeview.view header button:backdrop:disabled { + border-color: rgba(30, 31, 25, 0.35); + background-image: none; + background-color: rgba(35, 36, 30, 0.35); + color: rgba(79, 80, 72, 0.35); } + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); + /* this is used for the resize cursor area */ + margin: 10px; } + .maximized decoration, + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + border-radius: 3px; + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } + .ssd decoration { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); } + .csd decoration { + border-radius: 3px; } + .csd decoration.popup { + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } + .csd decoration.tooltip { + box-shadow: none; } + .csd decoration.message-dialog { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } + .solid-csd decoration { + border-radius: 0; + margin: 0; + padding: 1px; + border: none; + background-color: #1b1c16; + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 1px; + min-height: 18px; + min-width: 18px; + margin: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 1px; } + headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, headerbar button.titlebutton:active:hover, + .titlebar button.titlebutton:hover, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked, + .titlebar button.titlebutton:backdrop, + .titlebar button.titlebutton:active:hover { + transition: none; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/close.png"), url("../assets/wm/close@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/close_prelight.png"), url("../assets/wm/close_prelight@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/close_prelight.png"), url("../assets/wm/close_prelight@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/close_unfocused.png"), url("../assets/wm/close_unfocused@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/maximize.png"), url("../assets/wm/maximize@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_unfocused.png"), url("../assets/wm/maximize_unfocused@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/min.png"), url("../assets/wm/min@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/min_prelight.png"), url("../assets/wm/min_prelight@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/min_prelight.png"), url("../assets/wm/min_prelight@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/min_unfocused.png"), url("../assets/wm/min_unfocused@2.png")); } + +.maximized headerbar button.titlebutton.maximize, .maximized +.titlebar button.titlebutton.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/wm/maximize.png"), url("../assets/wm/maximize@2.png")); } + +.maximized headerbar button.titlebutton.maximize:hover, .maximized +.titlebar button.titlebutton.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + +.maximized headerbar button.titlebutton.maximize:active, .maximized +.titlebar button.titlebutton.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); } + +.maximized headerbar button.titlebutton.maximize:backdrop, .maximized +.titlebar button.titlebutton.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/wm/maximize_unfocused.png"), url("../assets/wm/maximize_unfocused@2.png")); } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: none; } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +/********************** +* Apps * +**********************/ +/*.nautilus-window paned > separator { + background-image: none; } +*/ +/********* +* Noise * +*********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + +NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + +NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/******** +* Snap * +********/ +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/************** +* Calculator * +**************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + +PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } diff --git a/themes/Darkine/index.theme b/themes/Darkine/index.theme new file mode 100644 index 0000000..b82c0c0 --- /dev/null +++ b/themes/Darkine/index.theme @@ -0,0 +1,9 @@ +[Desktop Entry] +Type=X-GNOME-Metatheme +Name=Darkine +Comment=Darkine-GTK +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=Darkine +ButtonLayout=:minimize,maximize,close \ No newline at end of file