From 080bd1d7e9b559f297a144e5a049a0db4297e13d Mon Sep 17 00:00:00 2001 From: Geoff Murphy Date: Sat, 5 Oct 2024 11:45:46 +1000 Subject: [PATCH] :tada: Initial commit --- README.md | 11 + assets/calendar-selected.png | Bin 0 -> 283 bytes assets/checkbox-checked-active-dark.png | Bin 0 -> 476 bytes assets/checkbox-checked-active.png | Bin 0 -> 476 bytes assets/checkbox-checked-active@2.png | Bin 0 -> 727 bytes assets/checkbox-checked-backdrop-dark.png | Bin 0 -> 470 bytes assets/checkbox-checked-backdrop.png | Bin 0 -> 470 bytes assets/checkbox-checked-backdrop@2.png | Bin 0 -> 710 bytes assets/checkbox-checked-dark.png | Bin 0 -> 470 bytes assets/checkbox-checked-hover-dark.png | Bin 0 -> 470 bytes assets/checkbox-checked-hover.png | Bin 0 -> 470 bytes assets/checkbox-checked-hover@2.png | Bin 0 -> 710 bytes ...kbox-checked-insensitive-backdrop-dark.png | Bin 0 -> 482 bytes .../checkbox-checked-insensitive-backdrop.png | Bin 0 -> 482 bytes ...heckbox-checked-insensitive-backdrop@2.png | Bin 0 -> 754 bytes assets/checkbox-checked-insensitive-dark.png | Bin 0 -> 457 bytes assets/checkbox-checked-insensitive.png | Bin 0 -> 482 bytes assets/checkbox-checked-insensitive@2.png | Bin 0 -> 754 bytes assets/checkbox-checked.png | Bin 0 -> 470 bytes assets/checkbox-checked@2.png | Bin 0 -> 710 bytes assets/checkbox-mixed-active-dark.png | Bin 0 -> 307 bytes assets/checkbox-mixed-active.png | Bin 0 -> 307 bytes assets/checkbox-mixed-active@2.png | Bin 0 -> 408 bytes assets/checkbox-mixed-backdrop-dark.png | Bin 0 -> 307 bytes assets/checkbox-mixed-backdrop.png | Bin 0 -> 307 bytes assets/checkbox-mixed-backdrop@2.png | Bin 0 -> 408 bytes assets/checkbox-mixed-dark.png | Bin 0 -> 307 bytes assets/checkbox-mixed-hover-dark.png | Bin 0 -> 307 bytes assets/checkbox-mixed-hover.png | Bin 0 -> 307 bytes assets/checkbox-mixed-hover@2.png | Bin 0 -> 408 bytes ...eckbox-mixed-insensitive-backdrop-dark.png | Bin 0 -> 307 bytes .../checkbox-mixed-insensitive-backdrop.png | Bin 0 -> 297 bytes .../checkbox-mixed-insensitive-backdrop@2.png | Bin 0 -> 389 bytes assets/checkbox-mixed-insensitive-dark.png | Bin 0 -> 307 bytes assets/checkbox-mixed-insensitive.png | Bin 0 -> 297 bytes assets/checkbox-mixed-insensitive@2.png | Bin 0 -> 389 bytes assets/checkbox-mixed.png | Bin 0 -> 307 bytes assets/checkbox-mixed@2.png | Bin 0 -> 408 bytes assets/checkbox-unchecked-active-dark.png | Bin 0 -> 322 bytes assets/checkbox-unchecked-active.png | Bin 0 -> 322 bytes assets/checkbox-unchecked-active@2.png | Bin 0 -> 359 bytes assets/checkbox-unchecked-backdrop-dark.png | Bin 0 -> 354 bytes assets/checkbox-unchecked-backdrop.png | Bin 0 -> 305 bytes assets/checkbox-unchecked-backdrop@2.png | Bin 0 -> 341 bytes assets/checkbox-unchecked-dark.png | Bin 0 -> 354 bytes assets/checkbox-unchecked-hover-dark.png | Bin 0 -> 352 bytes assets/checkbox-unchecked-hover.png | Bin 0 -> 352 bytes assets/checkbox-unchecked-hover@2.png | Bin 0 -> 429 bytes ...ox-unchecked-insensitive-backdrop-dark.png | Bin 0 -> 314 bytes ...heckbox-unchecked-insensitive-backdrop.png | Bin 0 -> 314 bytes ...ckbox-unchecked-insensitive-backdrop@2.png | Bin 0 -> 366 bytes .../checkbox-unchecked-insensitive-dark.png | Bin 0 -> 350 bytes assets/checkbox-unchecked-insensitive.png | Bin 0 -> 314 bytes assets/checkbox-unchecked-insensitive@2.png | Bin 0 -> 366 bytes assets/checkbox-unchecked.png | Bin 0 -> 305 bytes assets/checkbox-unchecked@2.png | Bin 0 -> 341 bytes assets/close.png | Bin 0 -> 507 bytes assets/close.svg | 102 + assets/close@2.png | Bin 0 -> 1122 bytes assets/close_prelight.png | Bin 0 -> 606 bytes assets/close_prelight.svg | 88 + assets/close_prelight@2.png | Bin 0 -> 860 bytes assets/close_pressed.svg | 98 + assets/close_unfocused.png | Bin 0 -> 476 bytes assets/close_unfocused.svg | 96 + assets/close_unfocused@2.png | Bin 0 -> 719 bytes assets/grid-selection-checked.png | Bin 0 -> 1269 bytes assets/grid-selection-checked@2.png | Bin 0 -> 2421 bytes assets/grid-selection-unchecked.png | Bin 0 -> 1252 bytes assets/grid-selection-unchecked@2.png | Bin 0 -> 2460 bytes assets/maximize.png | Bin 0 -> 451 bytes assets/maximize.svg | 114 + assets/maximize@2.png | Bin 0 -> 860 bytes assets/maximize_prelight.png | Bin 0 -> 613 bytes assets/maximize_prelight.svg | 116 + assets/maximize_prelight@2.png | Bin 0 -> 1286 bytes assets/maximize_pressed.svg | 102 + assets/maximize_unfocused.png | Bin 0 -> 476 bytes assets/maximize_unfocused.svg | 88 + assets/menuitem-checkbox-checked-hover.png | Bin 0 -> 383 bytes assets/menuitem-checkbox-checked-hover@2.png | Bin 0 -> 659 bytes .../menuitem-checkbox-checked-insensitive.png | Bin 0 -> 422 bytes ...enuitem-checkbox-checked-insensitive@2.png | Bin 0 -> 695 bytes assets/menuitem-checkbox-checked.png | Bin 0 -> 436 bytes assets/menuitem-checkbox-checked@2.png | Bin 0 -> 716 bytes assets/menuitem-checkbox-mixed-hover.png | Bin 0 -> 167 bytes assets/menuitem-checkbox-mixed-hover@2.png | Bin 0 -> 185 bytes .../menuitem-checkbox-mixed-insensitive.png | Bin 0 -> 167 bytes .../menuitem-checkbox-mixed-insensitive@2.png | Bin 0 -> 183 bytes assets/menuitem-checkbox-mixed-selected.png | Bin 0 -> 167 bytes assets/menuitem-checkbox-mixed-selected@2.png | Bin 0 -> 186 bytes assets/menuitem-checkbox-mixed.png | Bin 0 -> 167 bytes assets/menuitem-checkbox-mixed@2.png | Bin 0 -> 186 bytes assets/menuitem-checkbox-unchecked.png | Bin 0 -> 328 bytes assets/menuitem-checkbox-unchecked@2.png | Bin 0 -> 493 bytes assets/menuitem-radio-checked-hover.png | Bin 0 -> 300 bytes assets/menuitem-radio-checked-hover@2.png | Bin 0 -> 406 bytes assets/menuitem-radio-checked-insensitive.png | Bin 0 -> 298 bytes .../menuitem-radio-checked-insensitive@2.png | Bin 0 -> 413 bytes assets/menuitem-radio-checked.png | Bin 0 -> 307 bytes assets/menuitem-radio-checked@2.png | Bin 0 -> 425 bytes assets/min.png | Bin 0 -> 496 bytes assets/min.svg | 127 + assets/min@2.png | Bin 0 -> 1026 bytes assets/min_prelight.png | Bin 0 -> 485 bytes assets/min_prelight.svg | 93 + assets/min_prelight@2.png | Bin 0 -> 779 bytes assets/min_pressed.svg | 111 + assets/min_unfocused.png | Bin 0 -> 476 bytes assets/min_unfocused.svg | 88 + assets/pane-handle-vertical.png | Bin 0 -> 204 bytes assets/pane-handle-vertical@2.png | Bin 0 -> 272 bytes assets/pane-handle.png | Bin 0 -> 198 bytes assets/pane-handle@2.png | Bin 0 -> 257 bytes assets/qcheckbox-checked-active.png | Bin 0 -> 470 bytes assets/radio-checked-active-dark.png | Bin 0 -> 750 bytes assets/radio-checked-active.png | Bin 0 -> 750 bytes assets/radio-checked-active@2.png | Bin 0 -> 1232 bytes assets/radio-checked-backdrop-dark.png | Bin 0 -> 750 bytes assets/radio-checked-backdrop.png | Bin 0 -> 750 bytes assets/radio-checked-backdrop@2.png | Bin 0 -> 1232 bytes assets/radio-checked-dark.png | Bin 0 -> 750 bytes assets/radio-checked-hover-dark.png | Bin 0 -> 750 bytes assets/radio-checked-hover.png | Bin 0 -> 750 bytes assets/radio-checked-hover@2.png | Bin 0 -> 1232 bytes ...adio-checked-insensitive-backdrop-dark.png | Bin 0 -> 886 bytes assets/radio-checked-insensitive-backdrop.png | Bin 0 -> 492 bytes .../radio-checked-insensitive-backdrop@2.png | Bin 0 -> 1192 bytes assets/radio-checked-insensitive-dark.png | Bin 0 -> 768 bytes assets/radio-checked-insensitive.png | Bin 0 -> 490 bytes assets/radio-checked-insensitive@2.png | Bin 0 -> 1206 bytes assets/radio-checked.png | Bin 0 -> 750 bytes assets/radio-checked@2.png | Bin 0 -> 1232 bytes assets/radio-mixed-active-dark.png | Bin 0 -> 467 bytes assets/radio-mixed-active.png | Bin 0 -> 467 bytes assets/radio-mixed-active@2.png | Bin 0 -> 716 bytes assets/radio-mixed-backdrop-dark.png | Bin 0 -> 467 bytes assets/radio-mixed-backdrop.png | Bin 0 -> 467 bytes assets/radio-mixed-backdrop@2.png | Bin 0 -> 716 bytes assets/radio-mixed-dark.png | Bin 0 -> 467 bytes assets/radio-mixed-hover-dark.png | Bin 0 -> 467 bytes assets/radio-mixed-hover.png | Bin 0 -> 467 bytes assets/radio-mixed-hover@2.png | Bin 0 -> 716 bytes .../radio-mixed-insensitive-backdrop-dark.png | Bin 0 -> 467 bytes assets/radio-mixed-insensitive-backdrop.png | Bin 0 -> 384 bytes assets/radio-mixed-insensitive-backdrop@2.png | Bin 0 -> 555 bytes assets/radio-mixed-insensitive-dark.png | Bin 0 -> 467 bytes assets/radio-mixed-insensitive.png | Bin 0 -> 384 bytes assets/radio-mixed-insensitive@2.png | Bin 0 -> 555 bytes assets/radio-mixed.png | Bin 0 -> 467 bytes assets/radio-mixed@2.png | Bin 0 -> 716 bytes assets/radio-selected-insensitive@2.png | Bin 0 -> 1104 bytes assets/radio-selected@2.png | Bin 0 -> 1059 bytes assets/radio-unchecked-active-dark.png | Bin 0 -> 650 bytes assets/radio-unchecked-active.png | Bin 0 -> 650 bytes assets/radio-unchecked-active@2.png | Bin 0 -> 1063 bytes assets/radio-unchecked-backdrop-dark.png | Bin 0 -> 713 bytes assets/radio-unchecked-backdrop.png | Bin 0 -> 479 bytes assets/radio-unchecked-backdrop@2.png | Bin 0 -> 685 bytes assets/radio-unchecked-dark.png | Bin 0 -> 557 bytes assets/radio-unchecked-hover-dark.png | Bin 0 -> 650 bytes assets/radio-unchecked-hover.png | Bin 0 -> 650 bytes assets/radio-unchecked-hover@2.png | Bin 0 -> 1063 bytes ...io-unchecked-insensitive-backdrop-dark.png | Bin 0 -> 758 bytes .../radio-unchecked-insensitive-backdrop.png | Bin 0 -> 488 bytes ...radio-unchecked-insensitive-backdrop@2.png | Bin 0 -> 887 bytes assets/radio-unchecked-insensitive-dark.png | Bin 0 -> 588 bytes assets/radio-unchecked-insensitive.png | Bin 0 -> 465 bytes assets/radio-unchecked-insensitive@2.png | Bin 0 -> 752 bytes assets/radio-unchecked.png | Bin 0 -> 395 bytes assets/radio-unchecked@2.png | Bin 0 -> 588 bytes assets/radio-unselected-hover@2.png | Bin 0 -> 722 bytes assets/radio-unselected-insensitive@2.png | Bin 0 -> 1195 bytes assets/radio-unselected.svg | 84 + assets/radio-unselected@2.png | Bin 0 -> 884 bytes assets/scale-slider-hover.svg | 90 + assets/scale-slider-hover@2.png | Bin 0 -> 582 bytes assets/scale-slider-insensitive.png | Bin 0 -> 344 bytes assets/scale-slider-insensitive@2.png | Bin 0 -> 571 bytes assets/scale-slider.svg | 65 + assets/scale-slider@2.png | Bin 0 -> 592 bytes assets/selected-checkbox-checked-dark.png | Bin 0 -> 476 bytes assets/selected-checkbox-checked.png | Bin 0 -> 476 bytes assets/selected-checkbox-checked@2.png | Bin 0 -> 727 bytes assets/selected-checkbox-mixed-dark.png | Bin 0 -> 307 bytes assets/selected-checkbox-mixed.png | Bin 0 -> 307 bytes assets/selected-checkbox-mixed@2.png | Bin 0 -> 408 bytes assets/selected-checkbox-unchecked-dark.png | Bin 0 -> 322 bytes assets/selected-checkbox-unchecked.png | Bin 0 -> 322 bytes assets/selected-checkbox-unchecked@2.png | Bin 0 -> 359 bytes assets/selected-radio-checked-dark.png | Bin 0 -> 750 bytes assets/selected-radio-checked.png | Bin 0 -> 750 bytes assets/selected-radio-checked@2.png | Bin 0 -> 1232 bytes assets/selected-radio-mixed-dark.png | Bin 0 -> 467 bytes assets/selected-radio-mixed.png | Bin 0 -> 467 bytes assets/selected-radio-mixed@2.png | Bin 0 -> 716 bytes assets/selected-radio-unchecked-dark.png | Bin 0 -> 650 bytes assets/selected-radio-unchecked.png | Bin 0 -> 650 bytes assets/selected-radio-unchecked@2.png | Bin 0 -> 1063 bytes assets/switch-insensitive.svg | 371 + assets/switch-insensitive@2.svg | 371 + assets/switch-off.svg | 384 + assets/switch-off@2.svg | 384 + assets/switch-on.svg | 372 + assets/switch-on@2.svg | 372 + assets/switch-slider-insensitive.svg | 11540 ++++++++++++++++ assets/switch-slider-insensitive@2.svg | 11540 ++++++++++++++++ assets/switch-slider-off.svg | 11523 +++++++++++++++ assets/switch-slider-off@2.svg | 11523 +++++++++++++++ assets/switch-slider-on.svg | 11523 +++++++++++++++ assets/switch-slider-on@2.svg | 11523 +++++++++++++++ gnome-shell/classic-process-working.svg | 3160 +++++ gnome-shell/gnome-shell.css | 108 + gtk-3.0/gtk-dark.css | 6252 +++++++++ gtk-3.0/gtk.css | 6252 +++++++++ gtk-3.0/thumbnail.png | Bin 0 -> 1757 bytes gtk-4.0/gtk-dark.css | 6180 +++++++++ gtk-4.0/gtk.css | 6180 +++++++++ gtk-4.0/thumbnail.png | Bin 0 -> 1757 bytes index.theme | 11 + 220 files changed, 101042 insertions(+) create mode 100755 README.md create mode 100755 assets/calendar-selected.png create mode 100755 assets/checkbox-checked-active-dark.png create mode 100755 assets/checkbox-checked-active.png create mode 100755 assets/checkbox-checked-active@2.png create mode 100755 assets/checkbox-checked-backdrop-dark.png create mode 100755 assets/checkbox-checked-backdrop.png create mode 100755 assets/checkbox-checked-backdrop@2.png create mode 100755 assets/checkbox-checked-dark.png create mode 100755 assets/checkbox-checked-hover-dark.png create mode 100755 assets/checkbox-checked-hover.png create mode 100755 assets/checkbox-checked-hover@2.png create mode 100755 assets/checkbox-checked-insensitive-backdrop-dark.png create mode 100755 assets/checkbox-checked-insensitive-backdrop.png create mode 100755 assets/checkbox-checked-insensitive-backdrop@2.png create mode 100755 assets/checkbox-checked-insensitive-dark.png create mode 100755 assets/checkbox-checked-insensitive.png create mode 100755 assets/checkbox-checked-insensitive@2.png create mode 100755 assets/checkbox-checked.png create mode 100755 assets/checkbox-checked@2.png create mode 100755 assets/checkbox-mixed-active-dark.png create mode 100755 assets/checkbox-mixed-active.png create mode 100755 assets/checkbox-mixed-active@2.png create mode 100755 assets/checkbox-mixed-backdrop-dark.png create mode 100755 assets/checkbox-mixed-backdrop.png create mode 100755 assets/checkbox-mixed-backdrop@2.png create mode 100755 assets/checkbox-mixed-dark.png create mode 100755 assets/checkbox-mixed-hover-dark.png create mode 100755 assets/checkbox-mixed-hover.png create mode 100755 assets/checkbox-mixed-hover@2.png create mode 100755 assets/checkbox-mixed-insensitive-backdrop-dark.png create mode 100755 assets/checkbox-mixed-insensitive-backdrop.png create mode 100755 assets/checkbox-mixed-insensitive-backdrop@2.png create mode 100755 assets/checkbox-mixed-insensitive-dark.png create mode 100755 assets/checkbox-mixed-insensitive.png create mode 100755 assets/checkbox-mixed-insensitive@2.png create mode 100755 assets/checkbox-mixed.png create mode 100755 assets/checkbox-mixed@2.png create mode 100755 assets/checkbox-unchecked-active-dark.png create mode 100755 assets/checkbox-unchecked-active.png create mode 100755 assets/checkbox-unchecked-active@2.png create mode 100755 assets/checkbox-unchecked-backdrop-dark.png create mode 100755 assets/checkbox-unchecked-backdrop.png create mode 100755 assets/checkbox-unchecked-backdrop@2.png create mode 100755 assets/checkbox-unchecked-dark.png create mode 100755 assets/checkbox-unchecked-hover-dark.png create mode 100755 assets/checkbox-unchecked-hover.png create mode 100755 assets/checkbox-unchecked-hover@2.png create mode 100755 assets/checkbox-unchecked-insensitive-backdrop-dark.png create mode 100755 assets/checkbox-unchecked-insensitive-backdrop.png create mode 100755 assets/checkbox-unchecked-insensitive-backdrop@2.png create mode 100755 assets/checkbox-unchecked-insensitive-dark.png create mode 100755 assets/checkbox-unchecked-insensitive.png create mode 100755 assets/checkbox-unchecked-insensitive@2.png create mode 100755 assets/checkbox-unchecked.png create mode 100755 assets/checkbox-unchecked@2.png create mode 100755 assets/close.png create mode 100755 assets/close.svg create mode 100755 assets/close@2.png create mode 100755 assets/close_prelight.png create mode 100755 assets/close_prelight.svg create mode 100755 assets/close_prelight@2.png create mode 100755 assets/close_pressed.svg create mode 100755 assets/close_unfocused.png create mode 100755 assets/close_unfocused.svg create mode 100755 assets/close_unfocused@2.png create mode 100755 assets/grid-selection-checked.png create mode 100755 assets/grid-selection-checked@2.png create mode 100755 assets/grid-selection-unchecked.png create mode 100755 assets/grid-selection-unchecked@2.png create mode 100755 assets/maximize.png create mode 100755 assets/maximize.svg create mode 100755 assets/maximize@2.png create mode 100755 assets/maximize_prelight.png create mode 100755 assets/maximize_prelight.svg create mode 100755 assets/maximize_prelight@2.png create mode 100755 assets/maximize_pressed.svg create mode 100755 assets/maximize_unfocused.png create mode 100755 assets/maximize_unfocused.svg create mode 100755 assets/menuitem-checkbox-checked-hover.png create mode 100755 assets/menuitem-checkbox-checked-hover@2.png create mode 100755 assets/menuitem-checkbox-checked-insensitive.png create mode 100755 assets/menuitem-checkbox-checked-insensitive@2.png create mode 100755 assets/menuitem-checkbox-checked.png create mode 100755 assets/menuitem-checkbox-checked@2.png create mode 100755 assets/menuitem-checkbox-mixed-hover.png create mode 100755 assets/menuitem-checkbox-mixed-hover@2.png create mode 100755 assets/menuitem-checkbox-mixed-insensitive.png create mode 100755 assets/menuitem-checkbox-mixed-insensitive@2.png create mode 100755 assets/menuitem-checkbox-mixed-selected.png create mode 100755 assets/menuitem-checkbox-mixed-selected@2.png create mode 100755 assets/menuitem-checkbox-mixed.png create mode 100755 assets/menuitem-checkbox-mixed@2.png create mode 100755 assets/menuitem-checkbox-unchecked.png create mode 100755 assets/menuitem-checkbox-unchecked@2.png create mode 100755 assets/menuitem-radio-checked-hover.png create mode 100755 assets/menuitem-radio-checked-hover@2.png create mode 100755 assets/menuitem-radio-checked-insensitive.png create mode 100755 assets/menuitem-radio-checked-insensitive@2.png create mode 100755 assets/menuitem-radio-checked.png create mode 100755 assets/menuitem-radio-checked@2.png create mode 100755 assets/min.png create mode 100755 assets/min.svg create mode 100755 assets/min@2.png create mode 100755 assets/min_prelight.png create mode 100755 assets/min_prelight.svg create mode 100755 assets/min_prelight@2.png create mode 100755 assets/min_pressed.svg create mode 100755 assets/min_unfocused.png create mode 100755 assets/min_unfocused.svg create mode 100755 assets/pane-handle-vertical.png create mode 100755 assets/pane-handle-vertical@2.png create mode 100755 assets/pane-handle.png create mode 100755 assets/pane-handle@2.png create mode 100755 assets/qcheckbox-checked-active.png create mode 100755 assets/radio-checked-active-dark.png create mode 100755 assets/radio-checked-active.png create mode 100755 assets/radio-checked-active@2.png create mode 100755 assets/radio-checked-backdrop-dark.png create mode 100755 assets/radio-checked-backdrop.png create mode 100755 assets/radio-checked-backdrop@2.png create mode 100755 assets/radio-checked-dark.png create mode 100755 assets/radio-checked-hover-dark.png create mode 100755 assets/radio-checked-hover.png create mode 100755 assets/radio-checked-hover@2.png create mode 100755 assets/radio-checked-insensitive-backdrop-dark.png create mode 100755 assets/radio-checked-insensitive-backdrop.png create mode 100755 assets/radio-checked-insensitive-backdrop@2.png create mode 100755 assets/radio-checked-insensitive-dark.png create mode 100755 assets/radio-checked-insensitive.png create mode 100755 assets/radio-checked-insensitive@2.png create mode 100755 assets/radio-checked.png create mode 100755 assets/radio-checked@2.png create mode 100755 assets/radio-mixed-active-dark.png create mode 100755 assets/radio-mixed-active.png create mode 100755 assets/radio-mixed-active@2.png create mode 100755 assets/radio-mixed-backdrop-dark.png create mode 100755 assets/radio-mixed-backdrop.png create mode 100755 assets/radio-mixed-backdrop@2.png create mode 100755 assets/radio-mixed-dark.png create mode 100755 assets/radio-mixed-hover-dark.png create mode 100755 assets/radio-mixed-hover.png create mode 100755 assets/radio-mixed-hover@2.png create mode 100755 assets/radio-mixed-insensitive-backdrop-dark.png create mode 100755 assets/radio-mixed-insensitive-backdrop.png create mode 100755 assets/radio-mixed-insensitive-backdrop@2.png create mode 100755 assets/radio-mixed-insensitive-dark.png create mode 100755 assets/radio-mixed-insensitive.png create mode 100755 assets/radio-mixed-insensitive@2.png create mode 100755 assets/radio-mixed.png create mode 100755 assets/radio-mixed@2.png create mode 100755 assets/radio-selected-insensitive@2.png create mode 100755 assets/radio-selected@2.png create mode 100755 assets/radio-unchecked-active-dark.png create mode 100755 assets/radio-unchecked-active.png create mode 100755 assets/radio-unchecked-active@2.png create mode 100755 assets/radio-unchecked-backdrop-dark.png create mode 100755 assets/radio-unchecked-backdrop.png create mode 100755 assets/radio-unchecked-backdrop@2.png create mode 100755 assets/radio-unchecked-dark.png create mode 100755 assets/radio-unchecked-hover-dark.png create mode 100755 assets/radio-unchecked-hover.png create mode 100755 assets/radio-unchecked-hover@2.png create mode 100755 assets/radio-unchecked-insensitive-backdrop-dark.png create mode 100755 assets/radio-unchecked-insensitive-backdrop.png create mode 100755 assets/radio-unchecked-insensitive-backdrop@2.png create mode 100755 assets/radio-unchecked-insensitive-dark.png create mode 100755 assets/radio-unchecked-insensitive.png create mode 100755 assets/radio-unchecked-insensitive@2.png create mode 100755 assets/radio-unchecked.png create mode 100755 assets/radio-unchecked@2.png create mode 100755 assets/radio-unselected-hover@2.png create mode 100755 assets/radio-unselected-insensitive@2.png create mode 100755 assets/radio-unselected.svg create mode 100755 assets/radio-unselected@2.png create mode 100755 assets/scale-slider-hover.svg create mode 100755 assets/scale-slider-hover@2.png create mode 100755 assets/scale-slider-insensitive.png create mode 100755 assets/scale-slider-insensitive@2.png create mode 100755 assets/scale-slider.svg create mode 100755 assets/scale-slider@2.png create mode 100755 assets/selected-checkbox-checked-dark.png create mode 100755 assets/selected-checkbox-checked.png create mode 100755 assets/selected-checkbox-checked@2.png create mode 100755 assets/selected-checkbox-mixed-dark.png create mode 100755 assets/selected-checkbox-mixed.png create mode 100755 assets/selected-checkbox-mixed@2.png create mode 100755 assets/selected-checkbox-unchecked-dark.png create mode 100755 assets/selected-checkbox-unchecked.png create mode 100755 assets/selected-checkbox-unchecked@2.png create mode 100755 assets/selected-radio-checked-dark.png create mode 100755 assets/selected-radio-checked.png create mode 100755 assets/selected-radio-checked@2.png create mode 100755 assets/selected-radio-mixed-dark.png create mode 100755 assets/selected-radio-mixed.png create mode 100755 assets/selected-radio-mixed@2.png create mode 100755 assets/selected-radio-unchecked-dark.png create mode 100755 assets/selected-radio-unchecked.png create mode 100755 assets/selected-radio-unchecked@2.png create mode 100755 assets/switch-insensitive.svg create mode 100755 assets/switch-insensitive@2.svg create mode 100755 assets/switch-off.svg create mode 100755 assets/switch-off@2.svg create mode 100755 assets/switch-on.svg create mode 100755 assets/switch-on@2.svg create mode 100755 assets/switch-slider-insensitive.svg create mode 100755 assets/switch-slider-insensitive@2.svg create mode 100755 assets/switch-slider-off.svg create mode 100755 assets/switch-slider-off@2.svg create mode 100755 assets/switch-slider-on.svg create mode 100755 assets/switch-slider-on@2.svg create mode 100755 gnome-shell/classic-process-working.svg create mode 100755 gnome-shell/gnome-shell.css create mode 100755 gtk-3.0/gtk-dark.css create mode 100755 gtk-3.0/gtk.css create mode 100755 gtk-3.0/thumbnail.png create mode 100755 gtk-4.0/gtk-dark.css create mode 100755 gtk-4.0/gtk.css create mode 100755 gtk-4.0/thumbnail.png create mode 100755 index.theme diff --git a/README.md b/README.md new file mode 100755 index 0000000..0802042 --- /dev/null +++ b/README.md @@ -0,0 +1,11 @@ +# FAKE // OS Gnome Theme +FakeOS Gnome-Shell and GTK themes + + +# Install +Copy and paste the folloing into you're commandline terminal: + +``` bash +sudo git clone https://git.fake.onl/fake/fake-theme.git /usr/share/themes/FAKE-OS +``` + diff --git a/assets/calendar-selected.png b/assets/calendar-selected.png new file mode 100755 index 0000000000000000000000000000000000000000..923129075272536095823232e678ff6d47c88e71 GIT binary patch literal 283 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaN3?zjj6;1;w=3*z$5DpHG+YkL80J)q69+AZi z417mGm~pB$pEOWVvcxr_Bsf2(yEr+qAXP8FD1G)j8!4b7X^^6j z%#xf`2G_Fufcyf5kc`yaRE3b#+=86MlGK}x5uHF~q9A3Cr6n2pMGVgQMR}kYBK;m-nN`PZGX5 zCIUs|JY5_^BrYch_%<`UvzfD~&s5~)>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC{<-d_r6qo*!p;euUxqQHB>s8D1V^cyWy3(q@LsTNtivWw^PE;lX}} zCx^kZ$C%HoV}5a*_rx0BmnTJ@oe+I?Lg~bM%eR-UPHl_%a69($!Pa{hTfaP6_5ID- zmk)M)ezouIv;7}l?EmrMz`N%MetbCiPZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMT-X)h6XMG7{5Zq&BMi@vGQ2p-@bVbLi(?FzHZxq_!f<6P!_8d`5B4)W zISiIP#(ZWS^NZuWC)V)3JSp<*gy^#qN+;G^zP)U9YFo^Q+p(7qw%)tg`sK;0?{C(= ze6Zv5t9@^u?f>v%|Bnv`-aS9?Eak7F*P|M>8UG|P7jaH9*u^X zjpDoygatw-JarR$F#THK69=&gmo5r4t_lbed-hcH`c;v~O|urRS*xY9YN_r)PUDb> z&}iS-=t;bZ-4nXDZR3&OwAJZT5tEI^y9a5{kG%}yId8aW!6!yF8U9SiuRp#5ZDsIu L^>bP0l+XkK%EZ>I literal 0 HcmV?d00001 diff --git a/assets/checkbox-checked-active@2.png b/assets/checkbox-checked-active@2.png new file mode 100755 index 0000000000000000000000000000000000000000..02ace0e88d4b5e80042613a03903248e9012fe0d GIT binary patch literal 727 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a^ar4 z@CS%~fB5_R!@oZro}LCk?{k*~`2{l=8W|rrcl)4AD5hb#i3& z!2p3a_nd`Wr+KYPTE1=37LBD_*DF8z|6ly%!;dac=G^;mcc1uk+xur2BIfSNkh*t} zG2*V0sUEk5tJ|9cn+^DtjK3eqKdZz%J^YlC|IwX0n<8qLJ-8CF^s>(hnd5a+b@jaE z4$5r*W|a4;Kk@GE^>0sx|M9R7>6*{4xcBGpxO@LRT&nguzuC{C_b)aub%XlcCGMR2 z7f#a?@>`M~xjx~*N4bafvq}yM@6-x?l@W8zGk%*|t@6ppTLG^o@}IkO?3}5c&##rt zz1O5N=O38yJvd;;OQXM=PwPZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC^dyd_r6qo*!p;euUxqQHB>s8D1V^cyWy3(q@LsTNtivWw^PE;lX}} zCx^kZ$C%HoV}5a*@5EZZmnTJ^oe+C=LgmB;+qYNj&TLQmcqjSlk=_SadcQu~`s3Y> zH%|_KeS7NT>(ig#p8omy%*Qupetkas?Zc%n?=OFOfA#B!*MEM!`Ss)H-@iZq{r&&{ ze@w>@bD(?JN`m}?J-xgiJ${n#)iDt$lI7{*7$Pw>IU(t(E0azSkIo*AhMA4xybpv0 zLMA+Q6MHcITG$f@u?d&12{f(>2oihtRP_2ak;hH57Oq*VrL$_O?m9k{=~EGtjmEnNY0rPZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMT-Xxe6XMG7{5Zq&BMi@vGQ2p-@bVbLi(?FzHZxq_!f<6P!_8d`5B4)W zISiIP#(ZWS^NZtrC)V=4JSqC@gxIqaDknDBzP)01W_!}dJIPm%^gg)K`}Nt@AMbX& zd2;yc+fyH3pZ@&z^v};{KE65g>+{)fA1-})fBDP%t6x97{`2e2uOC1E{{8vy@Bjb* zV>*7A1Kq<`666=`>E-?C@sotFj)_2#EKe855Q(YD2}w^~nRI%1boOX8%xo0reIP6l zGU2J4*n{cU!k##YO}KPTpm9||kl3@QqSvp9JZ_q`aLrmRomES94{{oZM1)5B#zs%# zP3)e~wQU=Z{HCo=pNg1lG~PW(dw%R?5YKtTO$$CTDsSLVjd72f478QO)78&qol`;+ E0Qhs!f&c&j literal 0 HcmV?d00001 diff --git a/assets/checkbox-checked-backdrop@2.png b/assets/checkbox-checked-backdrop@2.png new file mode 100755 index 0000000000000000000000000000000000000000..d09b34c46dc0d6631df76c8026d3be6c1a829ec8 GIT binary patch literal 710 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a^Z&npAc6d&G70N!?WWI&rUGBIL7eu7{hZQItpS#(C+yRdlxYrTFP*I z6~l?u4Cgm6T-(NQV+X^nT?}{jFg!ZQ@c1CZ(<2ZqjJxJBK0nI%;uzD5W6aNwF~2y@ zxo08Q-bK7GPx9|uBDjBv^uZMhug@wyI;Q{TqREL(rf)Bqo!o5m_OkoCYd-I<2VXi6 zarb28r2`2cZ)aaWUitZ9!`<_pU!HV-eLC^$vxTo8EPV5D;m2o--aK3kL~kFhd~t8h z%ljLDyxaWa-H8vcPJeuT`S;gbf4)EY@%8DCudn|8`ttYBx4(bB|NHy%-@kwVK|rIz z?gG%u+$BMN!3>5*#s>}_I{f43ulp}8Qh>rQJzX3_G|nd{B&0o`aD>a^#taFG89P-9 znf%&S$_in9J-QYc&IrT43rOU)O(>4|uPi{XU#hCincc<%w*mdk8nPZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC^dyd_r6qPON1(xtihB8ivOQ8J-+uczlTA(q@LsTNtivWw^PE;lX}} zCx;oHA7yxPjQPwu<`>8LPORm7c~bP*39)A3wje_v^E* zKi=(l^W^Z?x2Hb7KK=Ra>7Sp^e0+1}*XOg}K3w|p{_>aiSHFIE{pZ)4Uq62S{rmIZ z-~a#rN8V{&3v>@#NswP~NNCve7cW^p>{tO5$?|k@43U_coRIX?l}V?EM`w>l!^}o; z-Uq@0Arqdui9MKpE$oSd*n~^h1R7Tb1c^O+Dti5z$m6D23)igG(pj}s_aLWnNJMC~ zZ*24=-o)++UE8+t$Zy)}^r?u+M&sRswCBfO2JxIX+_c~mqw)s+)EM`u$v|5fJYD@< J);T3K0RUgz(P;nx literal 0 HcmV?d00001 diff --git a/assets/checkbox-checked-hover-dark.png b/assets/checkbox-checked-hover-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..84bb29b4d64cc6878c4d72de4df65379e6914e8a GIT binary patch literal 470 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC^dyd_r6qo*!p;euUxqQHB>s8D1V^cyWy3(q@LsTNtivWw^PE;lX}} zCx^kZ$C%HoV}5a*@5EZZmnTJ^oe+C=LgmB;+qYNj&TLQmcqjSlk=_SadcQu~`s3Y> zH%|_KeS7NT>(ig#p8omy%*Qupetkas?Zc%n?=OFOfA#B!*MEM!`Ss)H-@iZq{r&&{ ze@w>@bD(?JN`m}?J-xgiJ${n#)iDt$lI7{*7$Pw>IU(t(E0azSkIo*AhMA4xybpv0 zLMA+Q6MHcITG$f@u?d&12{f(>2oihtRP_2ak;hH57Oq*VrL$_O?m9k{=~EGtjmEnNY0rPZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMT-Xxe6XMG7{5Zq&BMi@vGQ2p-@bVbLi(?FzHZxq_!f<6P!_8d`5B4)W zISiIP#(ZWS^NZtrC)V=4JSqC@gxIqaDknDBzP)01W_!}dJIPm%^gg)K`}Nt@AMbX& zd2;yc+fyH3pZ@&z^v};{KE65g>+{)fA1-})fBDP%t6x97{`2e2uOC1E{{8vy@Bjb* zV>*7A1Kq<`666=`>E-?C@sotFj)_2#EKe855Q(YD2}w^~nRI%1boOX8%xo0reIP6l zGU2J4*n{cU!k##YO}KPTpm9||kl3@QqSvp9JZ_q`aLrmRomES94{{oZM1)5B#zs%# zP3)e~wQU=Z{HCo=pNg1lG~PW(dw%R?5YKtTO$$CTDsSLVjd72f478QO)78&qol`;+ E0Qhs!f&c&j literal 0 HcmV?d00001 diff --git a/assets/checkbox-checked-hover@2.png b/assets/checkbox-checked-hover@2.png new file mode 100755 index 0000000000000000000000000000000000000000..d09b34c46dc0d6631df76c8026d3be6c1a829ec8 GIT binary patch literal 710 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a^Z&npAc6d&G70N!?WWI&rUGBIL7eu7{hZQItpS#(C+yRdlxYrTFP*I z6~l?u4Cgm6T-(NQV+X^nT?}{jFg!ZQ@c1CZ(<2ZqjJxJBK0nI%;uzD5W6aNwF~2y@ zxo08Q-bK7GPx9|uBDjBv^uZMhug@wyI;Q{TqREL(rf)Bqo!o5m_OkoCYd-I<2VXi6 zarb28r2`2cZ)aaWUitZ9!`<_pU!HV-eLC^$vxTo8EPV5D;m2o--aK3kL~kFhd~t8h z%ljLDyxaWa-H8vcPJeuT`S;gbf4)EY@%8DCudn|8`ttYBx4(bB|NHy%-@kwVK|rIz z?gG%u+$BMN!3>5*#s>}_I{f43ulp}8Qh>rQJzX3_G|nd{B&0o`aD>a^#taFG89P-9 znf%&S$_in9J-QYc&IrT43rOU)O(>4|uPi{XU#hCincc<%w*mdk8nPZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC@?jd_r7-G#v2r^F!FSwzhCVe}DhLz(6i8E)5Nh`Sa(8goGSEe7L&0 zdg;=ockbLddi3b)*RSv2zyIpht50C?{{8!xFJA(=K=K_7{QUXz`}gmE|Ni~+=g+@? z|1?zUYk?N1l?3?(^JyCx8X22g+d4VBxcWpTTG@qn#NKCrjy*ZFgTj;gPROMxoGmDq*U=FCrT625rzOvVf hG9Pb#F@0xQ&n|tDO~8CV^IuRHc)I$ztaD0e0svx;!kz#C literal 0 HcmV?d00001 diff --git a/assets/checkbox-checked-insensitive-backdrop.png b/assets/checkbox-checked-insensitive-backdrop.png new file mode 100755 index 0000000000000000000000000000000000000000..2dc2b7f0bafe1cf5fcd7331881eb6e1784e3f24f GIT binary patch literal 482 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMTv!_56XFV_;eel?AHue^wS^1%`}+q526Az6X=rH7pFck&B;@en!`0Q* zOP4OabLY;{qeoxAetrM`{a3GEeFB5`@87?C`4Y$llJ8*P=g*(tzkmPx_wS!SfByaZ zr=e0`3$#G3B*-tAPusxI$k^Q4*2&q$)h8+`x1n+7qOFH7UcP$m)}1@|9z1;f;q$NG zD{?&@fjUw>T^vIsrq=em^EDXoun0S^SorZuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a^b@OpAc6djTNx6vI50{Bo`MKKN!H3Sy))W*+52KULKsAk&yvpcXxLK zNoHo|sZ*y)NJvOaOV67(PhDMITU&ee>eUVo4jVRX$jQmc&(A+}=+M%oOM%KRU%otR z)~q#a*4(^#^Y-oAckkZavuDr!`}cv|8#iu11cBr$Ft~pGI*|S1#fz_BzrK9=^4qs> zU%=qkuV25x;Lo2wfB*jd2L@hZ*;|3G@hS=O3ufTtQc=}6Ff=p*0%KD%Yik>O2X`+Y z-=N^Iu*j(B_=Lpdl&tK$>YBQazDbkkFIc#2&GtQe_wLI2a%AFIRORp(tCyd7W{kv-$Bo5>7oAJ=BgVpi4MaIAdwlbKzqng*d-f7#d1Ez#QX`)I<^lil+V zeC%nSUHhPRci_3p{0BZPke&9K^+WM4tJynk3xAfy`F|03khOQB?>_cB?vt+kWt(Rv zHsz^ogN0OU-Q66`an|_$-dUC@LL5X+U)k70px2sHUJGXJs?3T+HD&>9_ zOYJ()_3lCHYE|~^S1;CV7qN<*HT(SQ`1zS1jUuGO2kao*~td8Yffxf$l44i&ft P^e}^`tDnm{r-UW|?=nZD literal 0 HcmV?d00001 diff --git a/assets/checkbox-checked-insensitive-dark.png b/assets/checkbox-checked-insensitive-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..30f90eb884f8cf23547c8a77cbb4ee63406ab4d9 GIT binary patch literal 457 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC?%Cd_r99oqQb~eHL9U)yB@<&cV|jDDLFr= z;^*ZP<{uap5Eva46qTBmlb2uK)ZEe8J#q1pG`3T gK|JRTH!b+Y$PvTqd-CaNP*5;PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMTv!_56XFV_;eel?AHue^wS^1%`}+q526Az6X=rH7pFck&B;@en!`0Q* zOP4OabLY;{qeoxAetrM`{a3GEeFB5`@87?C`4Y$llJ8*P=g*(tzkmPx_wS!SfByaZ zr=e0`3$#G3B*-tAPusxI$k^Q4*2&q$)h8+`x1n+7qOFH7UcP$m)}1@|9z1;f;q$NG zD{?&@fjUw>T^vIsrq=em^EDXoun0S^SorZuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a^b@OpAc6djTNx6vI50{Bo`MKKN!H3Sy))W*+52KULKsAk&yvpcXxLK zNoHo|sZ*y)NJvOaOV67(PhDMITU&ee>eUVo4jVRX$jQmc&(A+}=+M%oOM%KRU%otR z)~q#a*4(^#^Y-oAckkZavuDr!`}cv|8#iu11cBr$Ft~pGI*|S1#fz_BzrK9=^4qs> zU%=qkuV25x;Lo2wfB*jd2L@hZ*;|3G@hS=O3ufTtQc=}6Ff=p*0%KD%Yik>O2X`+Y z-=N^Iu*j(B_=Lpdl&tK$>YBQazDbkkFIc#2&GtQe_wLI2a%AFIRORp(tCyd7W{kv-$Bo5>7oAJ=BgVpi4MaIAdwlbKzqng*d-f7#d1Ez#QX`)I<^lil+V zeC%nSUHhPRci_3p{0BZPke&9K^+WM4tJynk3xAfy`F|03khOQB?>_cB?vt+kWt(Rv zHsz^ogN0OU-Q66`an|_$-dUC@LL5X+U)k70px2sHUJGXJs?3T+HD&>9_ zOYJ()_3lCHYE|~^S1;CV7qN<*HT(SQ`1zS1jUuGO2kao*~td8Yffxf$l44i&ft P^e}^`tDnm{r-UW|?=nZD literal 0 HcmV?d00001 diff --git a/assets/checkbox-checked.png b/assets/checkbox-checked.png new file mode 100755 index 0000000000000000000000000000000000000000..ced744f7bc6e1d5207e9edaa0227bb2cdbb64412 GIT binary patch literal 470 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMT-Xxe6XMEnVlBhT)eNWBFg!lU@Z=!F<3kLWHZxq_!f<6P!_8d`5B4)W zIn40CbOZ|NMOBKfm7m`tkGc-=F{f z{{R0!@=ohopnKR#g8YI*Lc^ZFc**i%#|ofGmZytjh{V+7grujgOgcS0I(sx4W;TlR zJ`ffNnefz2?7{SFVNV>yCS1BE(6}lfNbK2D(d*Yl9yiTexMr=E&Z?!l2RV&HB0{5m zW1}bWCU#Hg+O~~He$!T`Pen{N8t)#YJwNs`i08cFrUjoEl{fIG#<)jK2HMKt>FVdQ I&MBb@0H1Qvp#T5? literal 0 HcmV?d00001 diff --git a/assets/checkbox-checked@2.png b/assets/checkbox-checked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..61891bde002bd93e4f8cc758edb63e38f53b2570 GIT binary patch literal 710 zcmV;%0y+JOP)03RAp^&Y+-a|*@0Mz0000L zbVXQnL3MO!Z*l-oWprh7AVY6*Ze?s~bN8mwQUCw|@K8)tMF0Q*0LiKV#;X9wtpMJ= z0N%X--M#?by#VLN0O-X4=fwcKp8&n00K%mJ$EpCxs{qfi0M@nu*th`Nx&Yj~0OG*_ zB$eiq!GWQ8^Nd`>&+tK z#xLyAG{~|w?b0^Mvpnt7NAA{4@7Gh(z*ybMS<=8@@!MdW!#)BE+>{P*Pe_2u~W>izok z{rvX*{P+I-`TqX?|NsC0|7Qyng#Z8m3v^OWQvf+SJITt+%=!BJQ^yZz0002#NklYHU}oo##0ogrm>3wCxg>D{PDTcHNj!j+fdij32ZJPDKnrON6D>T_IzIkh>Nus< zJpKLs^~G>VE4cz?-Bm=eOUpU}Wxcg|C9q4I17-aTc|?)yma%X%lZVI}0cHJ7xkZp& zt_KvdlLI^27s#}i5=8O0E=Y^59MsV+3Ib@sVhxc8JK95)PXbL^-WDwH1ah<{uQ*1a z%31nD0Nl~2p(bYqk%l`OEl?ry4sb`Khq;`MzrVAh0L}=NHZWG^m%tO>!a@>MO-uw5 sG8;Z=76v9xyqSoBi4|8CWMO0g0Cj34PlzkS^WzN9k1#wx%JAYS!^>j~FOD%>*u-#W50LTy|NrDSk1c>I z*-C=^f<3*wA3c7O@YOL9D5C4>;uyj)GdbWb1G76DKgZ&k3z@k(QqHh6aY-mMAJOpk l_Fk>vXMHC~kmE1|!=wj}7xjpMY$9ETYgCOvSxsDC_H9;lJQ)78&qol`;+05>jXZ2$lO literal 0 HcmV?d00001 diff --git a/assets/checkbox-mixed-active@2.png b/assets/checkbox-mixed-active@2.png new file mode 100755 index 0000000000000000000000000000000000000000..76af8276d20d8593a95f33a1e0d2cafa7a94d83f GIT binary patch literal 408 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a-m;w`Z({{R0krYHRpXdrh6ET zS6a__xiB<@L#IGNQ#j&Em0!4;Xytz6+bYjWb=u}1za5k!_v_4^A6|8QH@$B4PlzkSiM0$TS2LVi!|?bZ!;^yyj}I|i*u-#W55tRN|NsB5yBm@W zRLNEn6g literal 0 HcmV?d00001 diff --git a/assets/checkbox-mixed-backdrop.png b/assets/checkbox-mixed-backdrop.png new file mode 100755 index 0000000000000000000000000000000000000000..165dfa9afd9a301fa3078f3877d24deaccc57acc GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!73?$#)eFPFFU zO16?9zu=J2u;(vcvV7RF0w|*E>Eal|F*7;fEd#SV8$ZY5nG2b@I#SNCG;v8NGau3L m_V!+_;Aed&NRZ<&1H+^Tju-Wh=gI>$GI+ZBxvXZuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a-m;19u$1_KV4i|2e~49|Vvzao0FQANX^ zx9gLb8Po*omDV#}E({If&?!*R6ppx34PlzkSiM0$TS2LVi!|?bZ!;^yyj}I|i*u-#W55tRN|NsB5yBm@W zRLNEn6g literal 0 HcmV?d00001 diff --git a/assets/checkbox-mixed-hover-dark.png b/assets/checkbox-mixed-hover-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..e72a86d5cf01fca820ad6dee61ecc9c70afcb20f GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!73?$#)eFPF4PlzkSiM0$TS2LVi!|?bZ!;^yyj}I|i*u-#W55tRN|NsB5yBm@W zRLNEn6g literal 0 HcmV?d00001 diff --git a/assets/checkbox-mixed-hover.png b/assets/checkbox-mixed-hover.png new file mode 100755 index 0000000000000000000000000000000000000000..165dfa9afd9a301fa3078f3877d24deaccc57acc GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!73?$#)eFPFFU zO16?9zu=J2u;(vcvV7RF0w|*E>Eal|F*7;fEd#SV8$ZY5nG2b@I#SNCG;v8NGau3L m_V!+_;Aed&NRZ<&1H+^Tju-Wh=gI>$GI+ZBxvXZuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a-m;19u$1_KV4i|2e~49|Vvzao0FQANX^ zx9gLb8Po*omDV#}E({If&?!*R6ppx34Pl&6%ldq$rkE5fvgQJgw69`#ayV%-$02%-O{bSIyvIDAQD+%%o z_Vn_8^!Q1_SI0!4h_0uLV+hC08NLlO8x;)IXjp57fxu>FVdQ&MBb@06aEat^fc4 literal 0 HcmV?d00001 diff --git a/assets/checkbox-mixed-insensitive-backdrop.png b/assets/checkbox-mixed-insensitive-backdrop.png new file mode 100755 index 0000000000000000000000000000000000000000..6a138a877d2a0ba056f77e7a5b343b2c130e6265 GIT binary patch literal 297 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!73?$#)eFPFWJ;Ry#NxH?jnFg6T5JlA(R0)RT-K6K{ab_jL7h JS?83{1OUIdRdxUX literal 0 HcmV?d00001 diff --git a/assets/checkbox-mixed-insensitive-backdrop@2.png b/assets/checkbox-mixed-insensitive-backdrop@2.png new file mode 100755 index 0000000000000000000000000000000000000000..2237059cb757b10ac2f1d7c8134f946fc13d2cc9 GIT binary patch literal 389 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a-n5_Plzj!#sf~DK7HlNm38aZ?b)+u*REaPzkmPo<;$l}pZ@*(cYc9n z6Hup6NswPK1DBe*k+GwTYiRGxC2Q6_d-;09mQ`Uu*$7V;#}JM4PbYixH5hQP%Cl~{ zw*R~Rnoe!+FJBqvz7;StXjt)6eHqh<{u(xxS1hfDxdmSDcfAo+eerWug!`)PGSlRr t&sNPiAAIz}Pfw|SA7hWT9Ue`d1s|!8-P6_2Wt~$(695eRh~oeN literal 0 HcmV?d00001 diff --git a/assets/checkbox-mixed-insensitive-dark.png b/assets/checkbox-mixed-insensitive-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..a56c2c4bb1c77a076058c14226474faf53d99c4a GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!73?$#)eFPF4Pl&6%ldq$rkE5fvgQJgw69`#ayV%-$02%-O{bSIyvIDAQD+%%o z_Vn_8^!Q1_SI0!4h_0uLV+hC08NLlO8x;)IXjp57fxu>FVdQ&MBb@06aEat^fc4 literal 0 HcmV?d00001 diff --git a/assets/checkbox-mixed-insensitive.png b/assets/checkbox-mixed-insensitive.png new file mode 100755 index 0000000000000000000000000000000000000000..6a138a877d2a0ba056f77e7a5b343b2c130e6265 GIT binary patch literal 297 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!73?$#)eFPFWJ;Ry#NxH?jnFg6T5JlA(R0)RT-K6K{ab_jL7h JS?83{1OUIdRdxUX literal 0 HcmV?d00001 diff --git a/assets/checkbox-mixed-insensitive@2.png b/assets/checkbox-mixed-insensitive@2.png new file mode 100755 index 0000000000000000000000000000000000000000..2237059cb757b10ac2f1d7c8134f946fc13d2cc9 GIT binary patch literal 389 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a-n5_Plzj!#sf~DK7HlNm38aZ?b)+u*REaPzkmPo<;$l}pZ@*(cYc9n z6Hup6NswPK1DBe*k+GwTYiRGxC2Q6_d-;09mQ`Uu*$7V;#}JM4PbYixH5hQP%Cl~{ zw*R~Rnoe!+FJBqvz7;StXjt)6eHqh<{u(xxS1hfDxdmSDcfAo+eerWug!`)PGSlRr t&sNPiAAIz}Pfw|SA7hWT9Ue`d1s|!8-P6_2Wt~$(695eRh~oeN literal 0 HcmV?d00001 diff --git a/assets/checkbox-mixed.png b/assets/checkbox-mixed.png new file mode 100755 index 0000000000000000000000000000000000000000..165dfa9afd9a301fa3078f3877d24deaccc57acc GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!73?$#)eFPFFU zO16?9zu=J2u;(vcvV7RF0w|*E>Eal|F*7;fEd#SV8$ZY5nG2b@I#SNCG;v8NGau3L m_V!+_;Aed&NRZ<&1H+^Tju-Wh=gI>$GI+ZBxvXZuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a-m;19u$1_KV4i|2e~49|Vvzao0FQANX^ zx9gLb8Po*omDV#}E({If&?!*R6ppx34nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F*xTJ<)!9i7Apj# zmZTQ#_~j3BLAj@kV~9oX+sPXRn+*h5zAur~Xv&&%p>x+FJ`aVXODk-gne(OZHNJ__ zNc()Z+b<{k_-w{P=BQH!7o6@)uDIv^K~7!lR6SpUQ2$kdvz|ZOqgPC4ywX->SeMvrm%eJY_iBxI;bR(A`t*cN-@D@Qmj?t=!3ySf3Ac0)wZkpUXO@geCx~ C?Qui^ literal 0 HcmV?d00001 diff --git a/assets/checkbox-unchecked-active.png b/assets/checkbox-unchecked-active.png new file mode 100755 index 0000000000000000000000000000000000000000..dd4ce43b8652f57eadf551640551673e44737819 GIT binary patch literal 322 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf4nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F$AQRq!uYS=NILr z=42LsUv>%P#Bxs;#}JF&x05#tHX8`Ad|x7|(UdjkLg%hUd>#r%msZ#~Gv`a+YkU)< zk@op+w_i^7@!5=p%u%NdE;!wpTyf9+gPgk9sd~Nyq5i7^XFY$mN3WR9c%`k%vY2(9 z1E0nEs=K-hXP+d`dCG9Maff=sp}VKr?>0>Q;Tg|)TDg-Yu|6N@1O`u6KbLh*2~7aV C>v4Pl literal 0 HcmV?d00001 diff --git a/assets/checkbox-unchecked-active@2.png b/assets/checkbox-unchecked-active@2.png new file mode 100755 index 0000000000000000000000000000000000000000..9fbe2d2390040aee0f91c760df41c1cd123475bb GIT binary patch literal 359 zcmeAS@N?(olHy`uVBq!ia0vp^av;pY3?xs=ZJr3En2Vh}LpV4%Za?&Y0OWEOctjR6 zFi5WlVa7PAi84Sz$r9IylHmNblJdl&REF~Ma=pyF?Be9af>gcyqV(DCY@~pSq(O>8 zGD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(Msxy|iGq|lmX>7X7cm5+mZTObIOiAT zrRHQ7e_wV9k}be!SkQHB@C8D4<7KoTegBEbl#=EX73eODcT zTKG$X{DK+$0|JABCr+NSbJy-YZ{NACn^*>va`SX?43W5;oX}DEU!Lt>Zc@U7AN@RB z5`O}J%$Gd3_(Q$n9`}d;Q-Abxx&2i6^nP*c^E#1#{#$4nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F*xTJ<)!9i7Apj# zmZTQ#_~j3B!E{d-#}JF&w|%yJO%4*Q&jmexST>a#rey0is@$lQzY=|;Yo3?l%^W*v zpPs9ijQ{SbELwMy)q-1Qg7EPkleErXB@@3pi8q(`=xUsO^PrjcWzar5`R&0evJJOP znRc<9IQ!_-ejUGwYefIwWZTyG{(w&4I#E_pgQXtIX}NEu9M)Uh)oKniSQfeH9=mh{ j-8#Nj;m7tapSL_Y=Z&>+c#a|{go_X?b2UKY0)WRIt- KpUXO@geCwEhEL%D literal 0 HcmV?d00001 diff --git a/assets/checkbox-unchecked-backdrop@2.png b/assets/checkbox-unchecked-backdrop@2.png new file mode 100755 index 0000000000000000000000000000000000000000..8b2b943322a342b676005a30dc79a284c689846b GIT binary patch literal 341 zcmeAS@N?(olHy`uVBq!ia0vp^av;pY3?xs=ZJr3En2Vh}LpV4%Za?&Y0OWEOctjR6 zFi5WlVa7PAi84Sz$r9IylHmNblJdl&REF~Ma=pyF?Be9af>gcyqV(DCY@~pSq(O>8 zGD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(Msxy|iGq|lmX>7X7cm5+mZTObIOiAT zrRHQ7e_wV9?7{$_5Lci=JYc&4nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F*xTJ<)!9i7Apj# zmZTQ#_~j3B!E{d-#}JF&w|%yJO%4*Q&jmexST>a#rey0is@$lQzY=|;Yo3?l%^W*v zpPs9ijQ{SbELwMy)q-1Qg7EPkleErXB@@3pi8q(`=xUsO^PrjcWzar5`R&0evJJOP znRc<9IQ!_-ejUGwYefIwWZTyG{(w&4I#E_pgQXtIX}NEu9M)Uh)oKniSQfeH9=mh{ j-4nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F*xTJ<)!9i7Apj# zmZTQ#_~j3B!BkHd#}JF&x4qVUO%5Uq&vm0e>}U@$>J)~cCu4aSm h1eSN%5B#pov#aUQ-oX%IQx9|?gQu&X%Q~loCIIKNd+`7O literal 0 HcmV?d00001 diff --git a/assets/checkbox-unchecked-hover.png b/assets/checkbox-unchecked-hover.png new file mode 100755 index 0000000000000000000000000000000000000000..72c58d9c315166508a08d056aa5301b94da4ed67 GIT binary patch literal 352 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf4nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F$AQRq!uYS=NILr z=42LsUv>%P#HpSxjv*GkZ+orznjAzJp6f<`*x7J#@r;NUo)=uK-#1r@Y&WhJ6Uq_g zdJx&rxiPA0*?h@|FT=MKG2Ue|Of+dwe$`(##e6~dkv+{NZ-Xb;&eeQVv2SCCv|b_H)cGW%dPu+OT+IgA h2`uljANXCFXIImqy@MgbrXJ`(22WQ%mvv4FO#ls0d?^3` literal 0 HcmV?d00001 diff --git a/assets/checkbox-unchecked-hover@2.png b/assets/checkbox-unchecked-hover@2.png new file mode 100755 index 0000000000000000000000000000000000000000..7d28707e1ee2770471f904ab54724a6cbe63cf85 GIT binary patch literal 429 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a-m;D4 z#=Vr`@(F05WJ!=;Fasl#e?VYRaBW?E!^Fu`cJA7}=kCL|?>>B7)3Rt9P*IAfi(`n! z`L~y?nVJklST8Cv)lF;=F#3Ieg>=QnO;5I5zQ-MNJ!yfC?Sb3NINiSfVBsrGxEk%g zV0ZSi2;qexcQ5v~`JS(N_W$YM?;_&0Ew;9$X(8Dq&8xl{Z1w-bBvDjzu%=Nz|BUqB T6$PDJK;HCp^>bP0l+XkK-FK}^ literal 0 HcmV?d00001 diff --git a/assets/checkbox-unchecked-insensitive-backdrop-dark.png b/assets/checkbox-unchecked-insensitive-backdrop-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..af227e305d807713f8435fb3106a6c1ccba2899f GIT binary patch literal 314 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf4nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F*xTJ<)!9i7Apj# zmZTQ#_~j3BLB6MpV~9oX+slT0%?1K47uz?-G>E*jaCld*bV}rli^{?cnwKosNoLNT z`tQ1!HM85983mW8nTP2FK4dqmk!EE!VtH5b@FvInlQSk2eS7X7k*ZYMV84@P`U8NzwN`)b6tVS4nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F$AQRq!uYS=NILr z=42LsUv>%P#C%T|#}JF&x0en1nhgY8F1BxuX%Km5;qb0r>6FM97nOw@G%s1Mlgykw z_1|?dYi74IGYT$GGY``Ve8_HABhAWe#PY7<;Z2VDCudA5`u5yEB2}rh!G0&p^amnu u<}PZnof7ucYOVggcyqV(DCY@~pSq(O>8 zGD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(Msxy|iGq|lmX>7X7cm5+mZTObIOiAT zrRHQ7e_wV9!m=d#Wzp$P!I C5NO%} literal 0 HcmV?d00001 diff --git a/assets/checkbox-unchecked-insensitive-dark.png b/assets/checkbox-unchecked-insensitive-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..307f22b6502db78997b06e8487ebcd9141a23667 GIT binary patch literal 350 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf4nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F*xTJ<)!9i7Apj# zmZTQ#_~j3B!DLSt#}JF&x05&W9x@PdxnFB3G_Nr=Agg6N$7Ta3BUd(s;-iy9>$w~{ z&b|EntGxW|%J=J^^Qt-W&&g0$)}5QlA?rg g6R$ciTJyVjFVdQ&MBb@0P#_NZ~y=R literal 0 HcmV?d00001 diff --git a/assets/checkbox-unchecked-insensitive.png b/assets/checkbox-unchecked-insensitive.png new file mode 100755 index 0000000000000000000000000000000000000000..1ea8200de929425b4ee4ec1ebed846d53222080b GIT binary patch literal 314 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf4nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F$AQRq!uYS=NILr z=42LsUv>%P#C%T|#}JF&x0en1nhgY8F1BxuX%Km5;qb0r>6FM97nOw@G%s1Mlgykw z_1|?dYi74IGYT$GGY``Ve8_HABhAWe#PY7<;Z2VDCudA5`u5yEB2}rh!G0&p^amnu u<}PZnof7ucYOVggcyqV(DCY@~pSq(O>8 zGD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(Msxy|iGq|lmX>7X7cm5+mZTObIOiAT zrRHQ7e_wV9!m=d#Wzp$P!I C5NO%} literal 0 HcmV?d00001 diff --git a/assets/checkbox-unchecked.png b/assets/checkbox-unchecked.png new file mode 100755 index 0000000000000000000000000000000000000000..d2b6816c5648f1b003228dfcf6f108c091c7cc46 GIT binary patch literal 305 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!73?$#)eFPF8#Nj;m7tapSL_Y=Z&>+c#a|{go_X?b2UKY0)WRIt- KpUXO@geCwEhEL%D literal 0 HcmV?d00001 diff --git a/assets/checkbox-unchecked@2.png b/assets/checkbox-unchecked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..8b2b943322a342b676005a30dc79a284c689846b GIT binary patch literal 341 zcmeAS@N?(olHy`uVBq!ia0vp^av;pY3?xs=ZJr3En2Vh}LpV4%Za?&Y0OWEOctjR6 zFi5WlVa7PAi84Sz$r9IylHmNblJdl&REF~Ma=pyF?Be9af>gcyqV(DCY@~pSq(O>8 zGD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(Msxy|iGq|lmX>7X7cm5+mZTObIOiAT zrRHQ7e_wV9?7{$_5Lci=JYc&Ik-(o& zgsm$55!D}QB}mY+4`^dJZKO<{vixXfymMQWF)EP<4xIb)zMSX6VenNI=~*>OCyFjt znc~I31Y}QIq9gBIE0~?b#Y^AI`a>rACTjl&vo2_+;ph>>Faw`Evksx%0I90zeg zlaM4m@jCAReshA}NOYYW+4IIi1OU%v5N*09=e3pnc&wXaAp&TXLS@_HS(-<&<}^R^ z-RG9|C)-cBTM0I7OU)%vsQXTCXIG1;2l`52iTL0lcs&=b2eoWll$&W@o{w-mVJoi1 x0>{cEtufx41|&RJ)WxT~bsEZH0)=|t`vsEdoldT#Vb=fv002ovPDHLkV1oK#({2C& literal 0 HcmV?d00001 diff --git a/assets/close.svg b/assets/close.svg new file mode 100755 index 0000000..ae977f3 --- /dev/null +++ b/assets/close.svg @@ -0,0 +1,102 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/assets/close@2.png b/assets/close@2.png new file mode 100755 index 0000000000000000000000000000000000000000..1aeb299674b2151f37a8538632ca8a020d4a5172 GIT binary patch literal 1122 zcmV-o1fBbdP)lYjj3F^E_jJ^UXQH3l4QV;V-;>!ZytFn)NASi~+<%Sl7f4qLhA}Kwch44@U42Y7vI8Rc1Wagyf zja$AwOdvx8qyVUfBc~eCQ=nQjgQP5KoYMPas&I<{-L=3b<^~d5eJyM`oty0QtwHe& zwh!Fu7;h2E_x(VH;(Iglt_)+T+_69jGZV0lZ=6x*rGd$Q7eY5eIuHOUu+}Kw>yN@m zR*55;&7-h(pui^P24Y+P+;=8-+JD8Dy?`6%0KuQWs;s$1GxE;u|0P8IfB_NP`nEgb zo%CPM$(H|35An|i(m5ID6T5nw_c0p=C3$gP+Qx<4eeR~>_2&jgq;E*$FsdMi+G#VXxYFw=M@0LGZ%n01fd(SX_u zXor~d&jkL1@{zzgs}}|YWdcmRk%n<}ICAGvRT(kygG@jWJ=9^+{L1XQ`a2Y;2`1u= zOu$Ozk4Y_dIc@veKC*C1NUPEbQ(DdhhHz(xq*#u&f@2qm{;?n=|FE}o%ZgCP>1WlA z<2R`O?FK5L8++qSU`vmFnpDC{yj|_>${o~8ylEoYHG)8SH=6{e@MX-Y{-C__IN)O_ z1=fV}z5YO_^xmsj%AUA}?l-0iw^XR^mj8Hs;A*yY+BdNBZ~c*q#NE6qd|p38?3=F5 z#J(Cn2};3QS#<|$-@qy>z6u{%8!}3->|Y@__5Wckl{w-|mG$l7_U~IY*1fl7)`Xp3 za#6767IiEyjpEzgR=3hJPjNYy*wI(g5^v@v`+e(##Pb)QjpyP`LixTIs7QP#qvUEU z_;Uq-y^YDtH8RAkjesU*2*9B7*&f5M4EmZZt*JVapx)0jQl#`JLS zs@GWpFB%7$Sl({4d;$N8xoKnaZKUm8^*X73y(txCb|6Tltm(LLy#Vqb14fpOJVU|d za+r-L?&H{~k_;0ZbE1$10M`$2b~C{J#9V^zCnnCW2XMRq0KjbtxrkwoXuiORUF+d2=yVLP{M}f>OSP(+M6!IFSnM`?=R;9=zju!v`P-_aFmH6MNrzx$_ z81Y&m)>ogNY2=4GfEP(+I5p9`)1mGtAOuU=Rq^T9FbH(=!=87dFj}hj=~jnYQ&1Io zREj**nu7DMI!2ZaU~yB=cH60by(tMYJ19z}tmV3JykIHB`g0hL^DwLaGJx7DmE{i` z|6u^*`}pntW%qQ&a%yW+ES_*%LXMEXEoT{1$C{Xj` + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/assets/close_prelight@2.png b/assets/close_prelight@2.png new file mode 100755 index 0000000000000000000000000000000000000000..7314e97f24a4b2ffab5d641ad639cc96b0e73eae GIT binary patch literal 860 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dy%*9TgAsieWw;%dH0CG7CJR*x3 z7-ZW)n6dxq$5f!8WQl7;NpOBzNqJ&XDnogBxn5>oc5!lIL8@MUQTpt6Hc|`>jG6&H zA+A8h{}~vrYgpV+H@mE2d{x`%ikjI~Rnw~~Cf78LuWOiJRyVt%ZgN%4_^O)Obq&)i z>gHF~&914LT?Vo>Os)c@)J?CcnO+4UldBqLS2awpsRNan0>y!{KsJ~GRsa@(a>3%) zHO#I75zqvnMyN^<|6|4J6(D-g*YU^8%uvkA5K^{X#$bhkW!8{RBh-VHtO0 zcLD>;q$J2Mn1NA2QCUUbz|hFp#M;Kz-q9&AC^#f6yso~Xv8j3QzWqmz9Y1;P`i+~n zUcP$s=HsW&Uw;1Dx5vK-80e{XS2*zQ09d}h$peL?8}E88YzFLBpb zT(0%cUmjAJD3`Kk_lueN?GhYU#MQDw{Y}+huM|`LyFf*15E+8 + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/assets/close_unfocused.png b/assets/close_unfocused.png new file mode 100755 index 0000000000000000000000000000000000000000..e0f313b6ab52b440f84594112d26f2ec7bb47a58 GIT binary patch literal 476 zcmV<20VDp2P)9}mOfVJeO_v^7XhZ4y!-A}wzHF9s1fwzW027fRsN*3zq% zXlZDCJ{0Zxk}L1sdtXaLKkdRozL!p?*P|$6VHn;krB3Vh z`UPVw`Ubn*?s6)XI=5|mGn2`DDw9%TGMQXUDI3jZ(|d>get(IGZi~g@8WH`tnlT2R z=RE-^*J?FE0HC$r&*$^MA^;#F6bgkErPLt+FvoF{v)Sx9m&;{-RUa}Qj{_luO|I*% zTb30I0f1#$Db9JB0N9-KxDK3i7-Mq881s};v7u55#u%3z$9b5~=aaZlO8Jt_X78xo zZX4hC4}u{069qv4-}gJ!YE{u&%h7N+ybQx|;fkZt=&DpIbpU_>pw((=A;gaBy2nBY zqqTkqT5C+F(`YaloFtRUtxBa50zd!iDuCTYBC!F0wAMGqn6pNs@fi0G3-byFZKiBl S6Z+-=0000 literal 0 HcmV?d00001 diff --git a/assets/close_unfocused.svg b/assets/close_unfocused.svg new file mode 100755 index 0000000..ca289c4 --- /dev/null +++ b/assets/close_unfocused.svg @@ -0,0 +1,96 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/assets/close_unfocused@2.png b/assets/close_unfocused@2.png new file mode 100755 index 0000000000000000000000000000000000000000..f24a80dc65fa07e5cab8a914758a998575e8072c GIT binary patch literal 719 zcmeAS@N?(olHy`uVBq!ia0vp^5Bm%{pk#?_L`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#TC4274(Gy6fQ!Hx$Wq8AY~Q|p$BrF9H}BfD zYxnNmd-m+vyLa!tefxkOIdI^>!Gi}6A3l8K$dRK*j~+XA?D+BHCr+F=dGh3`Q>RX! zJ`MEm*|TTQpFe-$!i9?$FJ8KI>GI{vSFT*Kd{p5C3>w#xAirP+MkZz!Rt|0+K@m|o z6)jy8YnOn)(5SeCl$_jx(%QO)miEpGQ|B*Sykz-`HS0EP-L_-b{zFGko<4K#!nNy< zpFVr_`_I3BtHgu~fd=06ba4!kkeqw)xl>buM8idQ>9o_|?j6p#c`wy-=>*R%7moLT z{ z?fFkfG+SuHmZ>cN-M)2CjXJz8e9Iq=z?U<7=iYhtMj`e$+Z&%+ug%W)?0}wR@O1Ta JS?83{1OR|qgX91J literal 0 HcmV?d00001 diff --git a/assets/grid-selection-checked.png b/assets/grid-selection-checked.png new file mode 100755 index 0000000000000000000000000000000000000000..91187176cbea5765884370ec4f3d71d1faa38adf GIT binary patch literal 1269 zcmVg&>w%ZL!ox2#KO;z(`_ah{iM$jg5WSMnf!A0;QEg zj~?9J9=EqM{&7H;y9+Gbi|>E)o%!v2Zgze%vvUOZ!~sYKkOaUmS&pSB01<#4z%T#? z0A#XK3t;6W*kX_fpa+1LhkvB9uz27AKmcF{Fv0^^0>Bnuo{$m%_%!g(xf#kREXhoJ zZqr_!$@B=}czrY}7?nL`ec9L(P@O~o))wx2W56BpmF8x|2wtdm7v@I1U50C^?-dy2P z2lVxIH;jFJ_!p&Tt~m7yZ%chiO?*@V>F98Wqq6vGrDrNGUn^u}?N)6=WHnj3xQJws9l|R#C+((7nI&aXWLCzQ_UO9>-lHO3ze~ndupEIm#^5l zP&ie9AcPZEWtW>Po3_k={NtQ`tl`jhCc3YL%2?y(ovXCjk5>UCtd&CTVSxzgS$nNV znvJ7nubrMUechMG$7*+#Akiu)Ggh}Ye~CW-#bY2O?6c*(ejRsz`diiyS`R`HrsI75 z*G1o77sjT_nzVGCaqGT%2trD@aPtNP04{my%hvkVN|?>Ti>)A##Dhl<6GOu4NWcLL z+(|f#ZG*L@rCyVku2cG!s!z9b7TdFtL7VJr!GWgx)|uZu@sTF;K_dVp?yGy6UzT1J zIW)h*I#H7Z(_`k+qm90+=TB=M&aJ||yPk+C>?1$X8y*tYtUn$Jm{1CS#gv9<79)k| zI|z`8E-@xBA;d(NE6@x6E*=`Z9G6j)Wzbs#7Xxh`z)~nCH>c5E}!hVZwm*+jrZ>hWBd z=sNrUL|5m{fNB>3kOE+NG$F#!00;ktb=(qT7P$coPwl4;`0s>;`0>n;8~#glS(yO@ f{`=}h^*6--cW|9RRt{G400000NkvXXu0mjfTpUR* literal 0 HcmV?d00001 diff --git a/assets/grid-selection-checked@2.png b/assets/grid-selection-checked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..b47379e465b6fdd27a1d2a77ccd5d792ee6a1e89 GIT binary patch literal 2421 zcmV-*35xcKP)vZ6 z4{dC;okUI58YAfgoX!T2awYKHxGcJd?((K z0R-D$tpHlu|Lzvj!}~md!2r@j*z_ly0R9Ug(Dj4v#7PA(9Eso3dW#I89%_rci=m6r zLjZU?CH-s0s_+}h!A82vZ93Je#~JA z0nZR5aV*kJoGd%qe&=ow^bG2l$eAU4*;6|0&a@TxUX%iD$-!iGoVD@oV;tK_U$CxycW=9p!uNbm)@hA@QgP~qKRX~ZrqK`ZAheR0awbKQR^Ko7{Xu0-& z7aa6vK)^8R7Xr$TJ4c0!b!C7e>RmRgcYzNYiqBKmw)vHK`j zs3YK3Mfln?}vXZ2z++Z(fMuP`&C!m z)fGz=zwe?R)g-8ZiY(NfF7~}&b)~yc1E>GeTxQ^nnSD%_e9Qb6h2l{Z{_H~c-6 zjaYxlD_;E9yW!TAa01GXJ4ahemi?AyXa4?6!@0+wEDN{3gc7hL;?nHc+{r2C=YCuX zhDi>$&cqS0OT_IFTRLmYFRmaQ{}nx|O$-5hh`8NhFFjaDtjUw~syYD#RAk{y&k?sX z_R__Va@DeB;mpbPS|V;r>6>|sJ^i~8 z@uL&E3n{_fCKK)K=i;nuR1 z?~4Dfb-A{$S)sVw{;6Bp&ZZ--lKkJ(?5r;=AI0ZRDMOUflywtOZfQR5EXh06@xNGq z$?Mvfw_0{N{}yi9iq~_tZPUtfnw@d#Gnu9tb9aLfQ@C|%MHc}TulrMH*|IVS!hP$2 zqN6eBEMD@u>})#H=fbr{-0WdS>*9i4;JBzJ0)#D~67XMe?O3}O4oCN?TP~O6EL>P7 zH#OAsy6|2^T-&2)1p61ITCr=L`c^_RS%jReK{+QQw^ts8G?E?7}yq4q?P zrhD8?RVzqJ>a&{5){(FUAH1sE0>W>8B_koPTW|}_dK+>|J$y&@?%a*?*{O9vhC`ykBhqANjh^urN^(Sv# zye5|&J^q)yaaV8jiNXwH;it{qll+S<)3unpDhiGT>rNFaiu|R(pgH0`Jty1v)U2HZ zgztmLx}n=JhJf(=_^B1P*DGghv2WW`{7LZi$EzSq_xev!Xz(81Mx9k=bH-SbUR=JL z7z{Dro}urZ2q6Y;)cBH=(u4E0n7a>^f9C)A&&wf6tsN29|M>}L$S-jmle~88X7Hv* zbn!V%B9Yob*x{oJ>}6HPmW_FD(~Lbe`_9Wj&vHZN;B+k!H+AdVtC^&fr*!dD2O^al zLkvSltW4celi^&ycvsf}c2|7wRbK{hnO3N+XwP#@X7&Qzywrh+PG>QhgI`Ros40QX z)^%HLuSs6|>I81&V_LQzM3soo2Qq0Hvs1VHrh-k&>T|TT%$z%ffATxqLFjv0qD@pL zRGDP^blc|YJ#5a%Ugul0V<*~7Kgxdt27^5kzJ*KFW~7NFX|k=b@&G$_B6VNhU2N&B z?UmAPgy)Aw(6z9L>Xbe)TgIiV+I-kJ^_fg9_V$hYUnQ0#O?No4BKm70M$-uE(sfmq znRADPGD|5vINy*l=!emAtFOdlQHgNe5Yr1kt2WPDI-*O?sioJBdtNz=E2kg$h7(IB?Vnq6jc*xbn}=GhB(>ydUAEn=Ug&oCC_ z*Jo4`OL8$cGIya~X=l+Q_5uO`!x;JTQ+LGLjlK|nnF$XV0|JH#UBG_4TNAQOHK7YA z2%%Tp5*bnS&`hWT%073aKHkJ1ve!kucDjJK8_wwCPMo1AkZ<3rrI}F$44ggvf#PnV zcLoWD+}0uo&Yt{$X2(E1P_Re*AJ&`~uU+{_@%NvuQ1N>q-T2~||M)u>D5jDDKn5rS zYUx7VDfZFaDd6}l!W#jSpa)zk3gos{$PHJ|xejew2cM62+ECB{^@QG#XJ^Sik0hO| zJjIOg$rFj*&oF=RwD7cU|xiXW2H1fRP$aQ@7D8h*B&xlW)Sz&H*A2ha8v1;9B5 z>LJt3F?J>%X$BDN7{=TJB^nQK9}<8D;NCIF64YaTW1g%NCtOAQS<;=S&HYeYq4s6R z{>cq=>hij-J9q&2(945q`w0@%qu}q07d?r@K|LpV;9&$RP5?L2%~Ks{;&eO?!v=M* n-Jc$Z5rFzQj8=qr9LE0v!%iiswe@N(00000NkvXXu0mjfsn)Og literal 0 HcmV?d00001 diff --git a/assets/grid-selection-unchecked.png b/assets/grid-selection-unchecked.png new file mode 100755 index 0000000000000000000000000000000000000000..508eea89425078eb2edd219119e357f7fea51c9e GIT binary patch literal 1252 zcmVLu+Ze&Jr+_j!JKK0N$>&)xk(;E_lGF95gzKyq>)PtgF50PF*J2!H_q z;$%<+;K~WudC(Dn4FJai1a|5g&JP>_2mw3~;2!~iivSdf<%uXE0ACUUIro_Kdi_R z27F!sk|Yv|Qmt0kipAo47K>${1(-wtC}Jb;?CcDrrKP>b&wib*gM)(~l}hCewikAk z$YipD_#uU@T^Qd%Ia(sOJCQZ|xvtr@~==FMcT3cH`ayT6S0YFPj%THrtW4F$Viwhu4)1LnR{&ut3 zOa;C4^z@|a>gtxWVtEH-7>1sjn(FNC?%rhk7K`PUOeTBvta#o5Z8lq9Q&ZCd+gn&z zXv)scev?Z)uYeAR<8E15+4pR3czF2r!otEEPl^c@Z-5jeq4SC^*K>An&O1kZ6@lQZD@`ucZyd3m>uM&tWF zpYPw(=KB49cVAy$SjC!5rrXKM$uC9&#|dz6Z_lh&tBnAl)9HRU7!2PD$ z4FcXwFW7m>mP(}( zTP&7uQd3i3iWV*sVAR{6lauq7-ERL(p-_Y!wnCwhn4X^gG*-AsiYY%bGBRqHmzVFT zR4OssUs_tao|&0h{cO+ziaCK53PsuM?CjSiB_$~UFgZC{nVXyY?z2M+DC!&xmCNN? znVFd})z{bGAxTp7v_MZ?Bz)`4BJukBQ#drfXnepnYX! z#l;>b0H^?@u!Gv#+O9M-G~AR*r3C~*@Y)Jt80P5k@bKrMp`qT9k&)eyVK)Kb5&|u_ z^QZ?T0uAeg6~-y@0C*UDo>B<(goTOYc}yMzn&^IlWfBPVtIyTn5dQ-q+uAg#S9hKO O0000tBq+4eC27_@z#6k>}1#QaD05JL3XDscOVD?1Ytc9hlhv%mXwtA z0S6IB2mtY5sZmd!JSmXLWb6G=xQUDjNl{d-TrNMxVosA_5wEbYaG6XdQ%wi)fY)c2 zOeWiK^5n_4SjT+jiTYO>1lGi-v}VN>_dPoq!ZY)hHB- z-?G^qI&>&1EiFy!sz1LHa4h4p*{M`2>EXkNO9TQzu&X}(M!<;~cPb(xB82D8ojVa2 z82APse*HqgsWR?l+`fG~S1Ogh!U2xhq>4xbdzmT`00GVYQkOT=YmWkmr20g>*C#peX%nsG%U5pnI> zwWGno!Ed`W9^M6H7{+2UnJB)?wUtd*S6BaxOUAu(=gywU$jA-uh+{mw3)tM;T(o7& zmLCrd4R!Ecc6)pKXBin8e`d3*s;c@yY;5cYeEXjaUIl#k@L~CyHESww-n{wW)YR0y z0|Ntp<*RIpqOK+sjV3%hJG+=9$v{_qa)lQG4F*HAQmNFAj*fm~3PVp%k2x_h@i0YE zSDh`JYsOu=bZJ0INy(>Tv3Q=dzMR2j0gXoE!?d)t1HHYyqmymd>-Cn{*jR0MclSj{ z%XTE=>U6qe!NI|?j{0yFmj%3h`Ep5XYwHVpHlw4XOk7-C@#DvjzvNo3E#rQ~CF3?X zH}8#zh){7Yn@?O8Fg-o}WN~qE92eUaD^{FoX=ynLfOWP~TU%RcMn*;>o1IRl`(aE> z%q}ke-GR#j3WdTsnVFeq%FD~&{`ZUff61^sDQq$z-B3Gc#Fxl@k&YBn1Tp#X_Ob z>yKyf+K?s)LZDPCk2N$jXt>yCWo3PR_Uzg0moHx$#xibgZS8=)eIybIdF9HL0*OSj zgrBHgg8*Q67N*f?{Mw0fnfCVfU#(oZ@*EfA{QUfwsHmvWojZ3nvDtQXbnK6gj^6G> zOinRt)-1c-|LzhH0MOmteJMUZ{?myKY-hQC{rX0QLh*Ax%Hj%}fNt&1ijIy>fAHYJ zvCz=aiI3GfOj%i3LUMBQM|{M^CvNW#oIihlT1!jIiN%W-JDn|aa&i`I-@d(&AP5nk zvGIXNI#k2M!{57m_ikxILW0E6eOIquJtsdu|CCTD3~@(nuHvyCX{l8Du1=>rlai9c z`dr=^5fKr>ii(O~1_cEza%XI=;L$Gq;Nal6OP4N{Ycv{8k51Ir*B_KhrJU|?yoJZd zL?jZ4{PgM5zs||YSzynup`k&uXwjngJr$R;cx6y2FfedIK|#T9jvhTKpKSa2^XFH_ z$H#x@>A0N1Yol@^ktpoo!Gq-!dvbDfbEDO2^(O>DxZL#d1YRB1oY<42QmLeQd3nWr zOgr-wLT?8^lB6U(J-s9(B;;d-LXpAOv@=iP)>}D$z^k`%(}5WQU4&IYnx;Jw$9EEo zWy(>9SFj3bHk<8^xcM`qqob^kg|P}~Fc|*BPdL8E;NT$Zv9k);)z#I?PdL5>!!YRV z>}+APV->Krw)To%ub*}o!v6k#x~{J73Y(n(KqTzUWNK<^>PtyUc_TbLJVq?`>IkC8 z7#+-%caKi$C0$wkJY=L!IU$0Nr@e%$G+gj4&yUj;nt%aP29j7TzG47H#aooWO;D2y% zVcKbe1=gkDzmYGd5=jK>I>|FHBd{_6;GdY}tqyGBjJ*zH4y=vs>GV1b6RfYpFu>01 aF#ZqL0YI9y{VCl500009Jb? literal 0 HcmV?d00001 diff --git a/assets/maximize.png b/assets/maximize.png new file mode 100755 index 0000000000000000000000000000000000000000..23af861c1355ea18acdc4e5a3618b65d1a248040 GIT binary patch literal 451 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1) zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&3=E78o-U3d z8WX2Z^7UhK6lmT5QZB>6a3Tk%mrY|MZ#skdn-m}WBi_5{IXeffU2E)&6bvf`8A97#`bz1>+8QP;#%a) zAA9x1+GQ5Oeif^yo# + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/assets/maximize@2.png b/assets/maximize@2.png new file mode 100755 index 0000000000000000000000000000000000000000..fc25c39454e7e3ce2dc05ae32513d816b0689a8d GIT binary patch literal 860 zcmV-i1Ec(jP)#i;phQeX!eg5;+` zuMH7-+cdxvQvC)-+(%od5d5oY^|wJgKiJFHj9_0GBJ#q?$8f5A%KSM4&x;_TP7{B< zNvf-#?BWB5_E?xtlFXiM2w;qv!-D-VM7!6-Y}tHWIfA6=@d*-t%Il+b0TdO*c+if2 zpNVJ7=IiU5qm3oH_JDO)(TZiS0C>jy6)(~oz_(@d&HBb}as>Ovn7!l(Q2u+p723j@ zSE~B-eWnYLJB|R)nLlG<9P_y_^|iD@I|cm5lcb_m0E&(Tw$XfDKj=V^5eESJ{r>=9 znGhfYRRACd&BmXGmQ}=yz(EH9?KYh6C0DhI7n}jmy03=2vYh}v*&FrSCNCv`j}8F( z!E!jet*X{;@=-#a0c5g(1#4r35 z7Gj*7sR9s01sz?c;NniG)P9ywb^c>%p6wao?!Mh6PA0)(?JF=`6;lk4-WcE@yk};2iA8Rc!DVK6$0ydtF#AHE{(P2(K`rG(Ty}wCP(Q+^$0|E!wNX^m; m9}Q$eFcO2DNHsI=|E=Gopa@66tIDnb0000GdtPa{ywKQaXnI8O7G&hEG!;`H|ScATWRo zGz-pSV(tt{8g7zWRvOf5oTvsc7yxe7mxy}_8g`kcU8WxYj+6KTK!a3FpjYGsA}5CS zKA+!U-|8TZ#r^U!Gp&U~zajv@N6}(3FD3Fq$kk$1UeCV79g6Q(mdUoRpLlZ*D>92**nGS4lyrM;#77xarHd(s zM~Mb{L^kbTyubX6-cWq*-xUB9KBs9Hj(o>%q(kYru-AhdUy*3I%l4du- z@2mjWVmqg?*TJTb!b8y?OHNp8I!sf0xWwFB39!g~u}3#QVBbA{EC5MBlHG178Xo8n zANZQGh^+X;@;)ka5c0s$xCM{yiwE3nhQ0p*8yL5qo|N2K00000NkvXXu0mjfORWR0 literal 0 HcmV?d00001 diff --git a/assets/maximize_prelight.svg b/assets/maximize_prelight.svg new file mode 100755 index 0000000..bb4bef6 --- /dev/null +++ b/assets/maximize_prelight.svg @@ -0,0 +1,116 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/assets/maximize_prelight@2.png b/assets/maximize_prelight@2.png new file mode 100755 index 0000000000000000000000000000000000000000..16ca3923397ea80c869c0bb8176b670b481fbb19 GIT binary patch literal 1286 zcmV+h1^N1kP)R3xpy=7pZ~`I z#~FJL*kj;d2{sZx3V}o*F>c-$+Mo!KA;Po+^3y#2cL%sPeaiqNj97V=>=Rh8TeP6@ zl^oRrn7?ZjF|H9|=2wA!aue&$H4QMtxIcnC>ciI;z(!)a95n+l-)>==Hd0f-#(ug_ zRr)fj0Ys1o{P_Ap*!6O~E6h^5pm~X{)I!klXL`c!Ts*Ti_8vUq1=&At2oQ((yyQ2iDwQ^INe6#X1vR0<< z%2!YIvhLCgrRNlFw2;~GJ!4M;U(NTsK0$!OUay-{0HF9 zjHS8dJe3%17>ROC69wq^04TWIs*!j(Gs_q8Pf8HwTI6)_L}HL|G1e4-gC7v9h8Qwk z06=GD_$wiX;s=-2ji88W*{o@E0SJgR+H`VemV@#AOoq>U#$rw<{fV7T zK}bxX5Oo27zM{}Irj$d>aVWl@D>Wec5^ptxuqYs~Co2F%vKasX$DHFx{9~?GfrvVt zJeGKyU=0WZg^9{+VfBm)Kp;*RD6b>x!#L&~U&lWp74qgp)ahiy#7-<}d&X?$08TFe zl^Vuy7Nr|GE?3T+x1r5U*4sD_5hi2^FR?R)a wcuNtrLLxc@+Lp*m8ej5p)=b`xz5i5y0j4$4hcZHA%m4rY07*qoM6N<$g28=1rT_o{ literal 0 HcmV?d00001 diff --git a/assets/maximize_pressed.svg b/assets/maximize_pressed.svg new file mode 100755 index 0000000..2a4397a --- /dev/null +++ b/assets/maximize_pressed.svg @@ -0,0 +1,102 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/maximize_unfocused.png b/assets/maximize_unfocused.png new file mode 100755 index 0000000000000000000000000000000000000000..e0f313b6ab52b440f84594112d26f2ec7bb47a58 GIT binary patch literal 476 zcmV<20VDp2P)9}mOfVJeO_v^7XhZ4y!-A}wzHF9s1fwzW027fRsN*3zq% zXlZDCJ{0Zxk}L1sdtXaLKkdRozL!p?*P|$6VHn;krB3Vh z`UPVw`Ubn*?s6)XI=5|mGn2`DDw9%TGMQXUDI3jZ(|d>get(IGZi~g@8WH`tnlT2R z=RE-^*J?FE0HC$r&*$^MA^;#F6bgkErPLt+FvoF{v)Sx9m&;{-RUa}Qj{_luO|I*% zTb30I0f1#$Db9JB0N9-KxDK3i7-Mq881s};v7u55#u%3z$9b5~=aaZlO8Jt_X78xo zZX4hC4}u{069qv4-}gJ!YE{u&%h7N+ybQx|;fkZt=&DpIbpU_>pw((=A;gaBy2nBY zqqTkqT5C+F(`YaloFtRUtxBa50zd!iDuCTYBC!F0wAMGqn6pNs@fi0G3-byFZKiBl S6Z+-=0000 literal 0 HcmV?d00001 diff --git a/assets/maximize_unfocused.svg b/assets/maximize_unfocused.svg new file mode 100755 index 0000000..b9fc206 --- /dev/null +++ b/assets/maximize_unfocused.svg @@ -0,0 +1,88 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/assets/menuitem-checkbox-checked-hover.png b/assets/menuitem-checkbox-checked-hover.png new file mode 100755 index 0000000000000000000000000000000000000000..74a1a38a96c104813965493e78e47b86ed3fca11 GIT binary patch literal 383 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4+|c0=6mfYI`sS@G_x?li8&0}ML`AtIE#xR`S}@Z$ zk;_p)mOMl}On3-#pFtR@Xo1sB%td@Ik&kQlwWwMR{W z*>=H`2TC%jYlU~;ThG++s#ooDLo$2!fmp-Tr-cV?zy7uD|KOFFk~Ky6EWhZV*?X9; X{7*RO^0`127!C}cu6{1-oD!M<%}SY< literal 0 HcmV?d00001 diff --git a/assets/menuitem-checkbox-checked-hover@2.png b/assets/menuitem-checkbox-checked-hover@2.png new file mode 100755 index 0000000000000000000000000000000000000000..6bb911fa24e58839339a9e744c481e32e5ff574d GIT binary patch literal 659 zcmV;E0&M+>P)% zIX>_EpWidX^M`@9+G;Ch<$PW77W9aB>PVVfn(!081|xV4bON*HFdFvQkH(!$TJY|& z@)68z!2yO<<3)Tgl>pwNvb78^0k^^a1>8wLfaEA*8Yni}2IG~2y-7WQ8!(ADw+$}t zg#~+%w121pa=uEyc+8#+SGeBn%%R t^@k==uCIZduUDs*)b-!tZMAhI^&8KuxG--w3$g$J002ovPDHLkV1iLRBijG~ literal 0 HcmV?d00001 diff --git a/assets/menuitem-checkbox-checked-insensitive.png b/assets/menuitem-checkbox-checked-insensitive.png new file mode 100755 index 0000000000000000000000000000000000000000..2186347f4c9438d095ce71c45cfe3082d90a1d0f GIT binary patch literal 422 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4h@cA!Z|Y`4T87P0*ep10d>z592{ z^`PiRZf&)Lp@&8HR?9c%tSB~GJg=hS+`~Da56o}>^UQ+hu;;`xD-Cz0=YAAB(4*D2 zNJG~sj;-eT8OMJ4n+koFEU|2r0attF?1NgpRBy5LHAtjra(pspX6toJUUu8}eadFx z-SeLB{r1CPk4D!FtqiU+SprYa+t2#0t>XDBV(MGJ=P%cUWTi5^`g%HYVu+*!^XC7d ze>5G}ik-D|mz^OtQCl#w_*`g1<%P)#8tdxA*Uvw2>yYe(;H7IeMGz68;2>^RIFT9(cUQ2vH0aRD(a}W^bWuv7BsHHyTex0xP0} zJd@}Z+;ta+RdsF?4v;sD`n%{{PXd%mAJdR{4;&8JbrF3WojtJMaK~|yhEbmt;dIy+ zVal?yi#-pJP9J>=dN~4rW?ANoX7l^{30${40Xh}27X}Bp8@FcPPC=yc8=DJXlF9Y+ zxm@md+`8B|;CbcAjWV?Z4^BiH5AahYQQQq48^H5|dmu9d1NHL!d~js94P4h9Qe{Wu zRdp<%zx1_L_#FW}FSrgo+bi@=(aDX*Q{3+ABg-;hwgYb(U}fdU4H0=2v5!OIlkb<$Y#A|)pIct8-ftHU zF{eOP#rKz2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4=hDA2n9XL++rz$Bfl#br$sjyY}MP7}=4)j8}YxN+kJr;Q&tb7~k4dWf(% zZ@K)S)z#73np?5AiNkAAN9*>K`qeu3m^@c5pEI-g*_p%#=bc|k_N{qu;;lJD^h-_R z6+7kt)6KEhrvxRlNnBVYru}pl>l*E84*X4bGMv?43w5m7_4t6uhn}<_c7prYefh(4 z=;dF(!^Y`c>wSxTzU})xJDe|f%Be;(0n;F#Z~66N-(^>9nt9D2*VHC=YyLbo#;73o zSPf-n76;uL_4>kurFZgLY!^5yAFr4s@boQHpv!vE$=g2PuH4uBDB{neHJyx=j>lap zD;2Z~gz9Q$u9$Yd-##POE<>BOXO07ZLFTIM`=ZldtV?5T2sp(%^N?Gl;qM1W&aa;M cpVN+^#UU&!U9ayRFoYRAUHx3vIVCg!0C;SzBme*a literal 0 HcmV?d00001 diff --git a/assets/menuitem-checkbox-checked@2.png b/assets/menuitem-checkbox-checked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..fabd74dca2a511806cc0c55ed1bca3b45a6deb24 GIT binary patch literal 716 zcmV;-0yF)IP)<6Pdw8SQ|med862(Rm+yO2%>spNhmUZ-f5B5%=mO> z)M?XvyZ7C5@Aq4rd+vj}>iXX$wGIfxQ+)<{)NSP=mX-Ub04;W^-4kAcHlj?4x2?xL zf9ywLjZv%caD2MW6P*BU1VHFgGyA->t|kDX(YdBP#tR@=U}r&Z)gB;`FxAYC0|yIj zQ3lhoj_H~M1ee0Yz=@)8xa0O&_xTQFOY5yGUTHHLq zibA$?U4@|%dlAS0y9>Ne+Q5kN43IO-ZY=V2qv25H4@t;&A}aC{v{{5_ZZy)1 yh;9a;s<*)Hvr2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4zopr E0P~11eE#{$r>FVdQ&MBb@03aeXj{pDw literal 0 HcmV?d00001 diff --git a/assets/menuitem-checkbox-mixed-insensitive.png b/assets/menuitem-checkbox-mixed-insensitive.png new file mode 100755 index 0000000000000000000000000000000000000000..9ba1e1729a9d0cd75613e61e2de05c8480312d80 GIT binary patch literal 167 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4mdKI;Vst E0Na}`F8}}l literal 0 HcmV?d00001 diff --git a/assets/menuitem-checkbox-mixed-insensitive@2.png b/assets/menuitem-checkbox-mixed-insensitive@2.png new file mode 100755 index 0000000000000000000000000000000000000000..4cb0736596feba9adac30868401be32f2c55a70a GIT binary patch literal 183 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0u}o-U3d z5v^~}Z4_k?5MaKLY`nB{y@`}`z=fat&v^?mGVIr0?(l4eIrHA_Z{7B4)*obKNMO7& WpM~SH-lVfY{S2P2elF{r5}E)Y0X5?Q literal 0 HcmV?d00001 diff --git a/assets/menuitem-checkbox-mixed-selected.png b/assets/menuitem-checkbox-mixed-selected.png new file mode 100755 index 0000000000000000000000000000000000000000..2064a6311cfe8123e793cd7b51c167e764dfe5ae GIT binary patch literal 167 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4&G*Dq=*r3S5@`vHjX`p%rPgg&ebxsLQ E0MD&1L;wH) literal 0 HcmV?d00001 diff --git a/assets/menuitem-checkbox-mixed-selected@2.png b/assets/menuitem-checkbox-mixed-selected@2.png new file mode 100755 index 0000000000000000000000000000000000000000..900ccea1951049e752c43ddd2a4293e55abd7ae7 GIT binary patch literal 186 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0xKo-U3d z5v^~}If^m}Ffa#%T<{iXWVz_gCROm@+5gY?wh1siDE}yOV(t0aje)1jl2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4mwE8Z>&G*Dq=*v!bnVz|Iw7^t4X)78&qol`;+ E0IifPX#fBK literal 0 HcmV?d00001 diff --git a/assets/menuitem-checkbox-mixed@2.png b/assets/menuitem-checkbox-mixed@2.png new file mode 100755 index 0000000000000000000000000000000000000000..e32aa1c49341f196a6bca897bbd90efdac579d07 GIT binary patch literal 186 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0xKo-U3d z5v^~}If^m}Ffa#%Oz;rCXfn}*O{(C*v;Uv(Z4+R4Q2tTm#M<+-8v{?5Dc_y4{{aKT a28N~gSvY*`_SXT8VDNPHb6Mw<&;$VcWjO!< literal 0 HcmV?d00001 diff --git a/assets/menuitem-checkbox-unchecked.png b/assets/menuitem-checkbox-unchecked.png new file mode 100755 index 0000000000000000000000000000000000000000..921e3464b50a1405fd5cc75c4704f2f29c8bd4ee GIT binary patch literal 328 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4CF%CUgnQ`vdf{H S;f^ZMLkym-elF{r5}E*`pMjwO literal 0 HcmV?d00001 diff --git a/assets/menuitem-checkbox-unchecked@2.png b/assets/menuitem-checkbox-unchecked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..53ca8434d4db6359a08364b53e6da37aa39c5fee GIT binary patch literal 493 zcmV|945|AHQvlVHkMbn z0uB-(E`gPre5ek^HWt^j3-9B%xL^iNlSCf>zLVxM2Nq@&BU``%<9S9 z06W0HM38C<;CU*JzL=l00000NkvXXu0mjfOtH@J literal 0 HcmV?d00001 diff --git a/assets/menuitem-radio-checked-hover.png b/assets/menuitem-radio-checked-hover.png new file mode 100755 index 0000000000000000000000000000000000000000..c084e4014bcc015e230c6e360e0a0116004f2a50 GIT binary patch literal 300 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4F%XP>>pmqOQg(bo{L9ur5~2elNJ!MImA7HnFBM?svPy3>9Xt*?2wt z-0Yt-jyLZQIpM)IJt~o}K>X8f583@}JYL&FHn2Uq?!kOBb(PuNh9w0n1y5~%9CeFB z`2XY+>=B61#W{?ZKoXv1#)6!FKyl;2Jsz0y^W>@&EAa#7z+RlXD ozk8*x&Fq~JfBcomt-qzVjPmdKI;Vst03`o#K>z>% literal 0 HcmV?d00001 diff --git a/assets/menuitem-radio-checked-hover@2.png b/assets/menuitem-radio-checked-hover@2.png new file mode 100755 index 0000000000000000000000000000000000000000..cdbab86f0d62a7d806e9df71763819337a9c7715 GIT binary patch literal 406 zcmV;H0crk;P)Q^AXq97usyuY);<6U zp%EX%!UnY$1QOVauy85d$^^MXhG;RToZN4|Gkc4LNF);ZW5hRb@uKIsqpi>os20Zq zlxMdh9oA)ZFoDxoeGqsA%3DS5V-Oc04l)*0Nq2tl(DYhV-EpS#!32hN87U;#_NuH&vKtu(69Aajq^r;b=D&>1SaUzQm7eup z@1N1-o1W!MTB*9DI&|f%G>&qjNNaWwJ0dZhZ>-o#49RL6T07*qoM6N<$f?8Ci Ak^lez literal 0 HcmV?d00001 diff --git a/assets/menuitem-radio-checked-insensitive.png b/assets/menuitem-radio-checked-insensitive.png new file mode 100755 index 0000000000000000000000000000000000000000..2b08b40d39800fee035753ef4ee9dbd336e04f54 GIT binary patch literal 298 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4F%Xi3tr#1e~((4Tqy%%^nhAxR~>W%A|>0FX=Rq3E&#KPkzgw6GfNm7I@(v=vfIa2ayM09$(`Zo?i5CoV^fy9Hq1Y>z5j!bx6AAT zVJ^lqd%Rm17ZmuFMD#E;cqqL&EAm~bq4>Puzh?nqnpXNuucGcVnlK(=vRGm_u{QaB neE8?HUMCZLET8V#zfSxcyP?S^_vI&mPG<0Q^>bP0l+XkKIH_?I literal 0 HcmV?d00001 diff --git a/assets/menuitem-radio-checked-insensitive@2.png b/assets/menuitem-radio-checked-insensitive@2.png new file mode 100755 index 0000000000000000000000000000000000000000..0d2ad9b5e2564c54210c7c17a9437b66b13cb581 GIT binary patch literal 413 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$QVa}?Ql2i3 zArY-_ryBY(1&X+y|IIqLY!l=zVsj?eR4&LIBplmD4BQwup6j&EdgSnkPq^!se>$3g~=P2(Ka^?c{`NqT+u z%|gRQ0W;POeJ|p}rgj};*`yQg(eq(1YolAU-S5$LoWA$o&%NdO zU(RP()!H?^y`l5ParxI-J0&Nt3VLW;sWj2!kF*_w!n&CIiyCTqfkDaO>FVdQ&MBb@ E0QpCyK>z>% literal 0 HcmV?d00001 diff --git a/assets/menuitem-radio-checked.png b/assets/menuitem-radio-checked.png new file mode 100755 index 0000000000000000000000000000000000000000..45681b99f1483a9830b02f3cf44dea390a07b689 GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4F$aTm;!1ew)r6s~SL9;J;dnm*?cTC+mA(bOeS@4U%wybQ$jO_`Nwi+s&Y`gJV z|Noi#Ganx6Up4=5S!sofQp55We>TpUzn{%#Q|+1!(g&)e*}RLo59bIxSne9oWmnfC zJu@if+CG5Q%K}EO2 wabub3#puTs)iccOr{DM^*FJsU-T3R=cfVPzQ097;40Jn#r>mdKI;Vst0A7i7TL1t6 literal 0 HcmV?d00001 diff --git a/assets/menuitem-radio-checked@2.png b/assets/menuitem-radio-checked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..e9863296c09457a7796cf6466265d5361c028836 GIT binary patch literal 425 zcmV;a0apHrP)(po zC9q#U9s&3DXqk;W&B?C`Y+gN{is%KfzG5U-A)R)ULFEEv`Hdl?DzvQVmTUS4KYOc|4aD0{vFK%+7NK>hp0 zl(Ag_y!Z>KDPy|=82Z)=a#xu^Jz8c!?$JM6#F|wmFzz%bDx}!H1w}Q@&yx4b1OTSp zWS~MDWd6ALKqQC{V1Z?ZnehX8EfPDKq`RxSsxpMN>NL|CXZ5Y`iLxMh0ZTB(wUkp0VtJP> zgxv*~7ESBLuO!p*KA8*xVI)WiKnsv&I87Lt@pLE$)qGJk0Du=q`x#kJ9eV*Ytw}n} zNsI$~7#!=2J$-^i{2$Wt8No#6ksd7 zi_P;&n}Y;#;)eZ0lv%`3a + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/min@2.png b/assets/min@2.png new file mode 100755 index 0000000000000000000000000000000000000000..ef0574cd84082863240b42991cf86bc255a64c6b GIT binary patch literal 1026 zcmV+d1pWJoP)s)ULV*Mfu;5fj3x zw+JMVS|Ra=kW7Ie&+4-&KuxMH_H1UGpN0+&Vy+V;5vh<04DdNydvf`1~m!1Si2nm_1OTJL90#o z1`&RdQk?ZX2d?8nLO`+uXoArUqZy%&5ORnF$#VwgC+g7x5%|ae|E+l6IhyZFS6nPt zJh;jMX#%tW83Ow51z-rI1tJ|`i?$FUd?F!!IyDpgTNt3V>`a4cp){t(OJ%n!W<(mG zXY3iDxkidg> z)0xQyu-5QT3x|I%SEW*ZmXhVQ+8!mqV-I8T*Dk|Zc=gCTGZcUsWXSwh8mE)0G!Sv% zCufOT%w->y^PpDrF)-n-6`;MME=V6|)o4!9p;8}x`sY03!!hdIYD0aW0szyTsuU2( znTbL3%?JRRvjFh48tsX2M1lQanKPdD0pfZJfI$<&wFk0?8&Y&bKqVvqnn(cvs0x)c zSnf<%09XQm72sf@1qBYi2?M#xhBr2Vwu#d$>0oRb%WoPQAhc2dM7(+caCCvgd^Bl* zISs%}OL6CjUpgAP<@Z@A_5e^L1wi1%xC8L#D!L4xKbfP|7~llAy%3V;aA!2E7|FxCIB=z6UqH$j9uy<>g5;Y2-J(0lwO*vNjTsTtdj zX#w4l+lWQHQk{WHed!Ammw z#&*j@@ooX3eNY}43q^T%{l(A<-4r8sKFAU}8cfte+8MzBUv6aajC9f2?jNLvtXm wgQy1nbToSn<`#&WEO>G9Qv6SmxL>w?05EiOM=F2Tvj6}907*qoM6N<$g2;Z(5&!@I literal 0 HcmV?d00001 diff --git a/assets/min_prelight.png b/assets/min_prelight.png new file mode 100755 index 0000000000000000000000000000000000000000..017991834cbf3294b5b02dca303a9a7345099ced GIT binary patch literal 485 zcmVma8;ZTH6H%fGc8$*9tn)}Vha+aAY>5NkOADC>rKzhJK*-oU@VrUP z1%0*Ut`5E2p_mROEq@`8Bt_u~A;TY2nsQklXY)Cn!nGaf zZ%eJ#wkF(clr81*#g{^{$e*;n*sR}ow*G!YIPg75Q4&c2Ajxu?P`*pjg4p=|(iMKJv;Cud<#9Yufbv;Nb+J>=ZyZwNuEqCQ?jHYWl|4Oc9!!nI#z2mHZBKIgY z@&$P$DRP>S)SvTg!`ND;(Y(92o`9pQ0>JbkTO^e43Zkf`D6Ieh3&XkZ`D3=*59%Ff bedzrJAHb4B3YWa^00000NkvXXu0mjf6d%r) literal 0 HcmV?d00001 diff --git a/assets/min_prelight.svg b/assets/min_prelight.svg new file mode 100755 index 0000000..28c6dc5 --- /dev/null +++ b/assets/min_prelight.svg @@ -0,0 +1,93 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/assets/min_prelight@2.png b/assets/min_prelight@2.png new file mode 100755 index 0000000000000000000000000000000000000000..a58f31e4a60ff26bfcc914a19ae6c676159781ea GIT binary patch literal 779 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dy%*9TgAsieWw;%dH0CG7CJR*x3 z7-ZW)n6dxq$5f!8WQl7;NpOBzNqJ&XDnogBxn5>oc5!lIL8@MUQTpt6Hc|`>j3NO( zA+A8h|Nk>wpD%D@HvjDf{CDQ?-JC0MYreqkIRdxm@!wg%e`7BHjRk@?=L+7OFL-;N zz@51QH|Fs})ZCiO4^(q|F8@s+IZxpBd;y^N&3Pd0w}9MvU^b8eG;kh22!X`GjCq1! zL7*0)+dyN1Xn`P53mn~DC=5i?BSof1iQHMLb9WgK>E2r+c7L(heIU71?7>p;2TLU$ zER%S+OybdUiDw)1Uv5x(xl!@W7PU89)!uGZf4AM}-43G=*7*cP zdw@vy^B%pg`wYJB2O`6-2MoULH~4Yb_K z^bHJ+j7_X!out78ycIM_wL(&FMGaA|bi(9Rb-(OS}zD?Tp ze^>r5|D5kedQ-iUY{V4U-f+Qkk;Ih8-rGwf?BavtqKYTHPW0Vg;G*sH zU4Db%DaTC}pV`cMx}&!oxnye*Fu6zU+^vEuT$g1|OBF2XG}(T=rMqqZj@9Nn0u~)P zTDn7m^T^#lOcEtIYz+HUAEgLatO(0lWqM#r=WgT1sI5uCwJc|%A8oQ{_$52ruA$T8 z&Q>;Y=f)i~n8Z(67B*VN*yIWySCQ@8!lUalFTLQB)iTy;uMRcNO4#z`j5j%{Z4e+YjteW;S#t0 cGXEb#1na@`osqwG00W)D)78&qol`;+0OQMO?*IS* literal 0 HcmV?d00001 diff --git a/assets/min_pressed.svg b/assets/min_pressed.svg new file mode 100755 index 0000000..4dccd92 --- /dev/null +++ b/assets/min_pressed.svg @@ -0,0 +1,111 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/min_unfocused.png b/assets/min_unfocused.png new file mode 100755 index 0000000000000000000000000000000000000000..e0f313b6ab52b440f84594112d26f2ec7bb47a58 GIT binary patch literal 476 zcmV<20VDp2P)9}mOfVJeO_v^7XhZ4y!-A}wzHF9s1fwzW027fRsN*3zq% zXlZDCJ{0Zxk}L1sdtXaLKkdRozL!p?*P|$6VHn;krB3Vh z`UPVw`Ubn*?s6)XI=5|mGn2`DDw9%TGMQXUDI3jZ(|d>get(IGZi~g@8WH`tnlT2R z=RE-^*J?FE0HC$r&*$^MA^;#F6bgkErPLt+FvoF{v)Sx9m&;{-RUa}Qj{_luO|I*% zTb30I0f1#$Db9JB0N9-KxDK3i7-Mq881s};v7u55#u%3z$9b5~=aaZlO8Jt_X78xo zZX4hC4}u{069qv4-}gJ!YE{u&%h7N+ybQx|;fkZt=&DpIbpU_>pw((=A;gaBy2nBY zqqTkqT5C+F(`YaloFtRUtxBa50zd!iDuCTYBC!F0wAMGqn6pNs@fi0G3-byFZKiBl S6Z+-=0000 literal 0 HcmV?d00001 diff --git a/assets/min_unfocused.svg b/assets/min_unfocused.svg new file mode 100755 index 0000000..b9fc206 --- /dev/null +++ b/assets/min_unfocused.svg @@ -0,0 +1,88 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/assets/pane-handle-vertical.png b/assets/pane-handle-vertical.png new file mode 100755 index 0000000000000000000000000000000000000000..36ed49d261518dfd7f5e6fd91549d19c154c033d GIT binary patch literal 204 zcmeAS@N?(olHy`uVBq!ia0vp^faT+^qm#z$3ZS55iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0wXo-U3d z5>uz1Q513rU|_k>?zbTG+{16{oG*&7SUdmO_U0V-?TSl@M>-GBR$9+wtQ8Zn;r~ae tT8F9=df%j?<(6K5vwz*uDgTz8$QNvrHu>{D{Up#(22WQ%mvv4FO#q%vMF;=@ literal 0 HcmV?d00001 diff --git a/assets/pane-handle-vertical@2.png b/assets/pane-handle-vertical@2.png new file mode 100755 index 0000000000000000000000000000000000000000..3e2012678ca329e181e6bd60e4096a7db43df63a GIT binary patch literal 272 zcmeAS@N?(olHy`uVBq!ia0vp^Nyck|nMYCBgY=CFO}lsSM@i<$9TU*~Q6;1*v-ZMd`EO*+>Bu^?JHE zhFJ8Tz2wVv$Uva&;c`)NTL=A#&J`8c*DX~Sn5f6<>KJ3v7;tIbqx0Ln?p3DGIQl_7 zb5nVHgWW%Oo*jB$!oJS-xs_<0U6<4!otP22zgIy-WnwGS`ghA+e>J5n4ZE8k-m+dz z*Jz!^bf(onLAJ{e&wM_x@xbcevw7zDT)+FU)tGOGKF^OO|99_UeDKiZxu|#dC!oU^ NJYD@<);T3K0RSR!X8!;H literal 0 HcmV?d00001 diff --git a/assets/pane-handle.png b/assets/pane-handle.png new file mode 100755 index 0000000000000000000000000000000000000000..05c8865547b218abcd6a16789ad5af13a93c40db GIT binary patch literal 198 zcmeAS@N?(olHy`uVBq!ia0vp^tUxTt!3HEnHPSMG6icy_X9x!n)NrJ90QsB+9+AaB z_18g|(Me-=1yE43#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD=}PZ!4! ziK$P|E);AqU~s;8{aW(^zT+}E=dBDF*aTcQF&f%`*Due!*E6H=p^l(7S6+^2aLa~p lnMjWBCCt-4SihBj&woKtG9kuWU?b2t22WQ%mvv4FO#sgoIu!r_ literal 0 HcmV?d00001 diff --git a/assets/pane-handle@2.png b/assets/pane-handle@2.png new file mode 100755 index 0000000000000000000000000000000000000000..35b98986191cbb34bfe43c0cf7a7d1323eea028d GIT binary patch literal 257 zcmeAS@N?(olHy`uVBq!ia0vp^Ahr?*8<0#p>+uXou@pObhHwBu4M$1`kk47*5n0T@ zAiW-h8RMiT$^Zo=OI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3kpe2J^K@|x zvFLq!(U9wqgFx%U^BqU!6sF&BuBgb)KFR5#vUGt)hpU-Eo4}=xv-`51ojq@GIC-hr zLcbFk-uD+D)@|afexueMXYt^ki1K-duIY&^ww|~ ww2PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMT-Xxe6XMG7{5Zq&BMi@vGQ2p-@bVbLi(?FzHZxq_!f<6P!_8d`5B4)W zISiIP#(ZWS^NZtrC)V=4JSqC@gxIqaDknDBzP)01W_!}dJIPm%^gg)K`}Nt@AMbX& zd2;yc+fyH3pZ@&z^v};{KE65g>+{)fA1-})fBDP%t6x97{`2e2uOC1E{{8vy@Bjb* zV>*7A1Kq<`666=`>E-?C@sotFj)_2#EKe855Q(YD2}w^~nRI%1boOX8%xo0reIP6l zGU2J4*n{cU!k##YO}KPTpm9||kl3@QqSvp9JZ_q`aLrmRomES94{{oZM1)5B#zs%# zP3)e~wQU=Z{HCo=pNg1lG~PW(dw%R?5YKtTO$$CTDsSLVjd72f478QO)78&qol`;+ E0Qhs!f&c&j literal 0 HcmV?d00001 diff --git a/assets/radio-checked-active-dark.png b/assets/radio-checked-active-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..d400582f5ad639623f6d1c81d08c7950aaadc71d GIT binary patch literal 750 zcmVAXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=LvM0!Wo&74AW&s=WpcRsPlx~j0wYO8K~y-6b<37Mc4LBoM#~UaM8`t&V^uR$t(JxB&pl)7KU6n{Rn4}l8S2(Y9Sil3&x@X4iP~y$z^<3> zY}x?+oE?%^ZemEJeVJkseIlRTv^cKzs9Nt>oEfll{5C#BzZ8>MIEn|-mTxwlT917} zoR{(-$jeu;EF8_mUi_x9|2~-iX@}~@Ig2v`9pBAU#7QaMFjW2lhF|>$zf1OJ6j*&C z_fe4E^r&abLhEgu$4MiHrZ(t$h~6w>9(%-e0mjO^a&d?lkm3^YnMV25(>s~%#U9Cg zmeMo^E%qN?OBg;_5w8)GM#{6#?4){d1Opz&4@osML2hBzNM9+9KiqVgFgMp{XsIO} z5GJz5D{bOyjQeZ(;+mEJLrfR8FMTPzNL(>m{@gjoo_Lq^i%2I_ebXIP8&Ee(b^kTV zTevB&yvO>_ba!^Em6c04)@5!<<~ozTfZbjGTfO;&9TWGSZm>3~eT2u8!s{69vP+UF g;etl_{rdEO0RyPTWXyw$ga7~l07*qoM6N<$f`n~U2mk;8 literal 0 HcmV?d00001 diff --git a/assets/radio-checked-active.png b/assets/radio-checked-active.png new file mode 100755 index 0000000000000000000000000000000000000000..f15edc3cdfe55fd8657dd3420093a4bea517fbbd GIT binary patch literal 750 zcmVAXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=P-S#wav(!*a&Bd8X><3c(oz5b0wYO8K~y-6b<37Mc4LBoM#~UaM8`t&V^uR$t(JxB&pl)7KU6n{Rn4}l8S2(Y9Sil3&x@X4iP~y$z^<3> zY}x?+oE?%^ZemEJeVJkseIlRTv^cKzs9Nt>oEfll{5C#BzZ8>MIEn|-mTxwlT917} zoR{(-$jeu;EF8_mUi_x9|2~-iX@}~@Ig2v`9pBAU#7QaMFjW2lhF|>$zf1OJ6j*&C z_fe4E^r&abLhEgu$4MiHrZ(t$h~6w>9(%-e0mjO^a&d?lkm3^YnMV25(>s~%#U9Cg zmeMo^E%qN?OBg;_5w8)GM#{6#?4){d1Opz&4@osML2hBzNM9+9KiqVgFgMp{XsIO} z5GJz5D{bOyjQeZ(;+mEJLrfR8FMTPzNL(>m{@gjoo_Lq^i%2I_ebXIP8&Ee(b^kTV zTevB&yvO>_ba!^Em6c04)@5!<<~ozTfZbjGTfO;&9TWGSZm>3~eT2u8!s{69vP+UF g;etl_{rdEO0RyPTWXyw$ga7~l07*qoM6N<$f&m&-KmY&$ literal 0 HcmV?d00001 diff --git a/assets/radio-checked-active@2.png b/assets/radio-checked-active@2.png new file mode 100755 index 0000000000000000000000000000000000000000..708fa2e3d8a74f5227f613640b866f6793337344 GIT binary patch literal 1232 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4bRpxO0G|+7phAZK|G{V#!~gvZ|IaX7y~=QV8^itm43Cd7ytv5lYCps4 zBMfg(FuXeh5_xup;rStk7e^Uhonm->2qg9F2*Zn$3@;BeygJ74>IB1cAOeaUWq5In z;pGX2S4Tk#o&$|K&hX+0!^@*!S+LYgp!#DB&w(m|Qb!qH9tX<;6#%(l5ugbmLxAEC z29OQr0=0k)1e*zw1#*G9Kt{pE;fle^Am&4qK{P^L2-gL)5vCHz09phx5Mmm{SgH1v4-*F|)9;v2$>8 z^YHTV3yFw|Nk~e`DJrR`YH91}>KT}rnOj&oI=i}ic>DSX1&4%%M?^+N$0etwXJlpP z7Z#P2mX%jjR@c_mH#WC+boWe{IBD|KX)|WcS-fK9>NRWEZ``zX+x8th_Z>KR_~^0Y zXU?9#aQVvB>o;%RzH|59gNKivyn6li-G`5#K7aZ8?fZ|PzyAFFXL!~27BHF3_jGX# zk&w(i$nGq}$k6ssU*j-`i}Vzy>gl|^TWvSww1D%9pCxO*(+o( ze10)Mp**P~DaqoZXu#sPnax_tTYa}GWoFsDnQ(fa&9*ZUMwZ{$qVv|v{8clM=3lLI z=f9}I<5jN=5AN9&)8}xA#dz5!-_HRS3#4LMHFBmL{mkVxch%*{rt5N^wg(!d=CJd5 zRq@MDTj6+FWY6SljCYGZ$6M=p^K`tBc~VmpY2$ZNeWfKoa}~??C(~LSZ@MY2-Cp3h z?SR%zzk|%{bHo)Fzc28ZwluzH#*)9PaeBcw1%E87d@*(DOXK=qTb3R;;}!bF$?>wl z^tH8YpD*dyFIr{A9bCm`9)Pzvq8x^@ z)t3C_U*wf1eD=J4@Xi{xXkUp*SAGfGZC&Y?Ayv2aWD#4%y+u;G`VE&iRk}6iw8tn# zKKQ3J^`|;xvcZy77bYU~?{Ta%hzfl2~TS3j3^P6AXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=LvM0!Wo&74AW&s=WpcRsPlx~j0wYO8K~y-6b<37Mc4LBoM#~UaM8`t&V^uR$t(JxB&pl)7KU6n{Rn4}l8S2(Y9Sil3&x@X4iP~y$z^<3> zY}x?+oE?%^ZemEJeVJkseIlRTv^cKzs9Nt>oEfll{5C#BzZ8>MIEn|-mTxwlT917} zoR{(-$jeu;EF8_mUi_x9|2~-iX@}~@Ig2v`9pBAU#7QaMFjW2lhF|>$zf1OJ6j*&C z_fe4E^r&abLhEgu$4MiHrZ(t$h~6w>9(%-e0mjO^a&d?lkm3^YnMV25(>s~%#U9Cg zmeMo^E%qN?OBg;_5w8)GM#{6#?4){d1Opz&4@osML2hBzNM9+9KiqVgFgMp{XsIO} z5GJz5D{bOyjQeZ(;+mEJLrfR8FMTPzNL(>m{@gjoo_Lq^i%2I_ebXIP8&Ee(b^kTV zTevB&yvO>_ba!^Em6c04)@5!<<~ozTfZbjGTfO;&9TWGSZm>3~eT2u8!s{69vP+UF g;etl_{rdEO0RyPTWXyw$ga7~l07*qoM6N<$f`n~U2mk;8 literal 0 HcmV?d00001 diff --git a/assets/radio-checked-backdrop.png b/assets/radio-checked-backdrop.png new file mode 100755 index 0000000000000000000000000000000000000000..f15edc3cdfe55fd8657dd3420093a4bea517fbbd GIT binary patch literal 750 zcmVAXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=P-S#wav(!*a&Bd8X><3c(oz5b0wYO8K~y-6b<37Mc4LBoM#~UaM8`t&V^uR$t(JxB&pl)7KU6n{Rn4}l8S2(Y9Sil3&x@X4iP~y$z^<3> zY}x?+oE?%^ZemEJeVJkseIlRTv^cKzs9Nt>oEfll{5C#BzZ8>MIEn|-mTxwlT917} zoR{(-$jeu;EF8_mUi_x9|2~-iX@}~@Ig2v`9pBAU#7QaMFjW2lhF|>$zf1OJ6j*&C z_fe4E^r&abLhEgu$4MiHrZ(t$h~6w>9(%-e0mjO^a&d?lkm3^YnMV25(>s~%#U9Cg zmeMo^E%qN?OBg;_5w8)GM#{6#?4){d1Opz&4@osML2hBzNM9+9KiqVgFgMp{XsIO} z5GJz5D{bOyjQeZ(;+mEJLrfR8FMTPzNL(>m{@gjoo_Lq^i%2I_ebXIP8&Ee(b^kTV zTevB&yvO>_ba!^Em6c04)@5!<<~ozTfZbjGTfO;&9TWGSZm>3~eT2u8!s{69vP+UF g;etl_{rdEO0RyPTWXyw$ga7~l07*qoM6N<$f&m&-KmY&$ literal 0 HcmV?d00001 diff --git a/assets/radio-checked-backdrop@2.png b/assets/radio-checked-backdrop@2.png new file mode 100755 index 0000000000000000000000000000000000000000..708fa2e3d8a74f5227f613640b866f6793337344 GIT binary patch literal 1232 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4bRpxO0G|+7phAZK|G{V#!~gvZ|IaX7y~=QV8^itm43Cd7ytv5lYCps4 zBMfg(FuXeh5_xup;rStk7e^Uhonm->2qg9F2*Zn$3@;BeygJ74>IB1cAOeaUWq5In z;pGX2S4Tk#o&$|K&hX+0!^@*!S+LYgp!#DB&w(m|Qb!qH9tX<;6#%(l5ugbmLxAEC z29OQr0=0k)1e*zw1#*G9Kt{pE;fle^Am&4qK{P^L2-gL)5vCHz09phx5Mmm{SgH1v4-*F|)9;v2$>8 z^YHTV3yFw|Nk~e`DJrR`YH91}>KT}rnOj&oI=i}ic>DSX1&4%%M?^+N$0etwXJlpP z7Z#P2mX%jjR@c_mH#WC+boWe{IBD|KX)|WcS-fK9>NRWEZ``zX+x8th_Z>KR_~^0Y zXU?9#aQVvB>o;%RzH|59gNKivyn6li-G`5#K7aZ8?fZ|PzyAFFXL!~27BHF3_jGX# zk&w(i$nGq}$k6ssU*j-`i}Vzy>gl|^TWvSww1D%9pCxO*(+o( ze10)Mp**P~DaqoZXu#sPnax_tTYa}GWoFsDnQ(fa&9*ZUMwZ{$qVv|v{8clM=3lLI z=f9}I<5jN=5AN9&)8}xA#dz5!-_HRS3#4LMHFBmL{mkVxch%*{rt5N^wg(!d=CJd5 zRq@MDTj6+FWY6SljCYGZ$6M=p^K`tBc~VmpY2$ZNeWfKoa}~??C(~LSZ@MY2-Cp3h z?SR%zzk|%{bHo)Fzc28ZwluzH#*)9PaeBcw1%E87d@*(DOXK=qTb3R;;}!bF$?>wl z^tH8YpD*dyFIr{A9bCm`9)Pzvq8x^@ z)t3C_U*wf1eD=J4@Xi{xXkUp*SAGfGZC&Y?Ayv2aWD#4%y+u;G`VE&iRk}6iw8tn# zKKQ3J^`|;xvcZy77bYU~?{Ta%hzfl2~TS3j3^P6AXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=LvM0!Wo&74AW&s=WpcRsPlx~j0wYO8K~y-6b<37Mc4LBoM#~UaM8`t&V^uR$t(JxB&pl)7KU6n{Rn4}l8S2(Y9Sil3&x@X4iP~y$z^<3> zY}x?+oE?%^ZemEJeVJkseIlRTv^cKzs9Nt>oEfll{5C#BzZ8>MIEn|-mTxwlT917} zoR{(-$jeu;EF8_mUi_x9|2~-iX@}~@Ig2v`9pBAU#7QaMFjW2lhF|>$zf1OJ6j*&C z_fe4E^r&abLhEgu$4MiHrZ(t$h~6w>9(%-e0mjO^a&d?lkm3^YnMV25(>s~%#U9Cg zmeMo^E%qN?OBg;_5w8)GM#{6#?4){d1Opz&4@osML2hBzNM9+9KiqVgFgMp{XsIO} z5GJz5D{bOyjQeZ(;+mEJLrfR8FMTPzNL(>m{@gjoo_Lq^i%2I_ebXIP8&Ee(b^kTV zTevB&yvO>_ba!^Em6c04)@5!<<~ozTfZbjGTfO;&9TWGSZm>3~eT2u8!s{69vP+UF g;etl_{rdEO0RyPTWXyw$ga7~l07*qoM6N<$f`n~U2mk;8 literal 0 HcmV?d00001 diff --git a/assets/radio-checked-hover-dark.png b/assets/radio-checked-hover-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..d400582f5ad639623f6d1c81d08c7950aaadc71d GIT binary patch literal 750 zcmVAXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=LvM0!Wo&74AW&s=WpcRsPlx~j0wYO8K~y-6b<37Mc4LBoM#~UaM8`t&V^uR$t(JxB&pl)7KU6n{Rn4}l8S2(Y9Sil3&x@X4iP~y$z^<3> zY}x?+oE?%^ZemEJeVJkseIlRTv^cKzs9Nt>oEfll{5C#BzZ8>MIEn|-mTxwlT917} zoR{(-$jeu;EF8_mUi_x9|2~-iX@}~@Ig2v`9pBAU#7QaMFjW2lhF|>$zf1OJ6j*&C z_fe4E^r&abLhEgu$4MiHrZ(t$h~6w>9(%-e0mjO^a&d?lkm3^YnMV25(>s~%#U9Cg zmeMo^E%qN?OBg;_5w8)GM#{6#?4){d1Opz&4@osML2hBzNM9+9KiqVgFgMp{XsIO} z5GJz5D{bOyjQeZ(;+mEJLrfR8FMTPzNL(>m{@gjoo_Lq^i%2I_ebXIP8&Ee(b^kTV zTevB&yvO>_ba!^Em6c04)@5!<<~ozTfZbjGTfO;&9TWGSZm>3~eT2u8!s{69vP+UF g;etl_{rdEO0RyPTWXyw$ga7~l07*qoM6N<$f`n~U2mk;8 literal 0 HcmV?d00001 diff --git a/assets/radio-checked-hover.png b/assets/radio-checked-hover.png new file mode 100755 index 0000000000000000000000000000000000000000..f15edc3cdfe55fd8657dd3420093a4bea517fbbd GIT binary patch literal 750 zcmVAXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=P-S#wav(!*a&Bd8X><3c(oz5b0wYO8K~y-6b<37Mc4LBoM#~UaM8`t&V^uR$t(JxB&pl)7KU6n{Rn4}l8S2(Y9Sil3&x@X4iP~y$z^<3> zY}x?+oE?%^ZemEJeVJkseIlRTv^cKzs9Nt>oEfll{5C#BzZ8>MIEn|-mTxwlT917} zoR{(-$jeu;EF8_mUi_x9|2~-iX@}~@Ig2v`9pBAU#7QaMFjW2lhF|>$zf1OJ6j*&C z_fe4E^r&abLhEgu$4MiHrZ(t$h~6w>9(%-e0mjO^a&d?lkm3^YnMV25(>s~%#U9Cg zmeMo^E%qN?OBg;_5w8)GM#{6#?4){d1Opz&4@osML2hBzNM9+9KiqVgFgMp{XsIO} z5GJz5D{bOyjQeZ(;+mEJLrfR8FMTPzNL(>m{@gjoo_Lq^i%2I_ebXIP8&Ee(b^kTV zTevB&yvO>_ba!^Em6c04)@5!<<~ozTfZbjGTfO;&9TWGSZm>3~eT2u8!s{69vP+UF g;etl_{rdEO0RyPTWXyw$ga7~l07*qoM6N<$f&m&-KmY&$ literal 0 HcmV?d00001 diff --git a/assets/radio-checked-hover@2.png b/assets/radio-checked-hover@2.png new file mode 100755 index 0000000000000000000000000000000000000000..708fa2e3d8a74f5227f613640b866f6793337344 GIT binary patch literal 1232 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4bRpxO0G|+7phAZK|G{V#!~gvZ|IaX7y~=QV8^itm43Cd7ytv5lYCps4 zBMfg(FuXeh5_xup;rStk7e^Uhonm->2qg9F2*Zn$3@;BeygJ74>IB1cAOeaUWq5In z;pGX2S4Tk#o&$|K&hX+0!^@*!S+LYgp!#DB&w(m|Qb!qH9tX<;6#%(l5ugbmLxAEC z29OQr0=0k)1e*zw1#*G9Kt{pE;fle^Am&4qK{P^L2-gL)5vCHz09phx5Mmm{SgH1v4-*F|)9;v2$>8 z^YHTV3yFw|Nk~e`DJrR`YH91}>KT}rnOj&oI=i}ic>DSX1&4%%M?^+N$0etwXJlpP z7Z#P2mX%jjR@c_mH#WC+boWe{IBD|KX)|WcS-fK9>NRWEZ``zX+x8th_Z>KR_~^0Y zXU?9#aQVvB>o;%RzH|59gNKivyn6li-G`5#K7aZ8?fZ|PzyAFFXL!~27BHF3_jGX# zk&w(i$nGq}$k6ssU*j-`i}Vzy>gl|^TWvSww1D%9pCxO*(+o( ze10)Mp**P~DaqoZXu#sPnax_tTYa}GWoFsDnQ(fa&9*ZUMwZ{$qVv|v{8clM=3lLI z=f9}I<5jN=5AN9&)8}xA#dz5!-_HRS3#4LMHFBmL{mkVxch%*{rt5N^wg(!d=CJd5 zRq@MDTj6+FWY6SljCYGZ$6M=p^K`tBc~VmpY2$ZNeWfKoa}~??C(~LSZ@MY2-Cp3h z?SR%zzk|%{bHo)Fzc28ZwluzH#*)9PaeBcw1%E87d@*(DOXK=qTb3R;;}!bF$?>wl z^tH8YpD*dyFIr{A9bCm`9)Pzvq8x^@ z)t3C_U*wf1eD=J4@Xi{xXkUp*SAGfGZC&Y?Ayv2aWD#4%y+u;G`VE&iRk}6iw8tn# zKKQ3J^`|;xvcZy77bYU~?{Ta%hzfl2~TS3j3^P6PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iL7#JAC0(?STfeJyOp~1l+)Y{t5)6>(%#l^wF%huN2!6CrK#TzKe%F4>e z#|I>xoP2;JCnu+agD)=#2%4Fhxx2dy3yT9a0!c?lA0R0vCS~vJ7Z?}_WQ2!@$Hm2| zs_Lq%>n>luTuaALN5|N~$=BY|2S_?Pdm9*8I5_$2-@o6`(9+S__t2q3hrz(n8Kl72 z)aKNwQ^qDXj!wP~j^5X)>9XpSnJAeMd#Y>kiU%hty#?4!|@7}%te7Bpuq9XVk+bj9=ZuM#mdB(f` zaX23Tdtb=m$7iqZcdWOTYcc%Vvp_1og^^*Ee*Nktyzko>6t+AU^=vJaFJ&y5|6_;4 vq^|NeDLT`(Z0}a_47we5s_uTyv?cYts+xa$8!x2+ea7JF>gTe~DWM4fSBy>j literal 0 HcmV?d00001 diff --git a/assets/radio-checked-insensitive-backdrop.png b/assets/radio-checked-insensitive-backdrop.png new file mode 100755 index 0000000000000000000000000000000000000000..07cf602da53dc949b9024c4c25328b9b60e18f35 GIT binary patch literal 492 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!60wlNoGJgf6n2Mb|LpV4>-?)JUISV`@iy0XB zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt<9ZMIo6b zIjIb;W%&X51qvY%onF!i)@T5A@BhHlE<}a=IkMwsYC#pNnNVzh<~# ze07#&r^L+2Ti2N@vR?V9Dk&{0N_)j=^C@Pvkf5MoU}mpP%Hf48J33Ch`tZxyR8U{` zR)TxBhLTcI_0R9mXGihq+9od$T)F(d-m1=;pC#X)e_Gp-!J}cSwEla2{r`_&U){aC z|NMJb7Zaz%l_HV*ew9|&*B2`)E!q;Y;pGi(!I|gR*_U|>3Rd^!Zc55oC<3xFN+P;( z->r#3E-o%FJ=U_9i15vk>h73fQJQd^xuH*2xOlCwdQ`D+v=zgFRr?xaceDMHWB$V) X$mV8U;9K4c3{M76S3j3^P6Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4bRlD5fKP}kP~m_8K0ZF6y~4u65Zk4trGX52d3hBT6}Wr!_4R>lBO@aq zX=P;v7l$+a{rw^A@bGXTBPuEiNXEp(z!jvWrNP+{MoCEtnn+Vq6PgH+J9X;RWy_Xr z+qP}@?%jtD9XfjS=&4hu&YnGc?b@}wckkZ2ckclhyat2MpFe;7`t|$w??1rc*RNl{ zfB*jT=g;52fB(V2e;AN$3{U`CP*oD-7tFxO#LU9Z!O6wV%P$}(BrYK-Eh8(hsHCi- zs-~`~rLCiHU}$7)Vrpt;W^Q3&X=!O?ZDV6=YiDQg;OOM+;^OM&=I-v{;pye=?c?Vk z5EvK~919z1gG&ZFlqUcUSM2)S$rmotqam87{!sBWYvuCfCkATiC1p=O zUl9-Cv+U-Kvhc6*Ddl*ma-QVL<)b{zs&R?#7?2bK_fAmC-?bDoznbs#=zu4Lc*2mQf-0^b;SD@EIYQ5VXf13!-DUV18$tovB&rEjq zE0p~o_qu*CmTUKQ zdTwNvaX_#oZC0qLbJkT8ZVs!A6Pk)wlQ!?1?Wb~Sx9?>Bpc^HZPMis1xmnw+d#p}u z;!?>?#cP?pqO_-O*}}ADcgCdC(i1K!|K6)-^;vu!!^GA|=Y8Ph?&<31vd$@?2>`cV BpDF+V literal 0 HcmV?d00001 diff --git a/assets/radio-checked-insensitive-dark.png b/assets/radio-checked-insensitive-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..1f6a2872536e98e43f78fae1196159be470a5a34 GIT binary patch literal 768 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iL7#JAU0(?STfeOh6TwGk7Fd!fx0z|^X;^N{`Vq&sNO6p2Vnu>~=ipm;_ z%38|GT1qOKs_MFG8af(U2AZ0N+BzmWx~6*iW_kwZdioZ6hL(DU=K4k!`i2&U#@2?$ zR$ydpWCBDs#wNBVX12zrb|$8_CZ=|#=Jr5jX6|5S0Yr}GmQEH{&X(3LRyMA-_8zwO zo^}pi_Kw~TPCky#zD_QFUOu6|{*itGkpV%`K_RgrVeutpwe21KUELGAdnWbtPM$nv z*5V~Amn>bmcI~FCS8v?E|M1zf=U=~m{r&s*-@kwV|NnnjEB*p7m~2ae{DK*nSXg=a z1cih}#Uy3q6;xC;G<8kP%q<)oUHk(wv$At@^9pL~+d395-n?zk-h+pa+`Iqa$smC88EnB^!~jj z%v_$#PIiR_D{dP-p0TTrvGMP_x{G_m4rz#?#f$Wt~$(698lm{7?V@ literal 0 HcmV?d00001 diff --git a/assets/radio-checked-insensitive.png b/assets/radio-checked-insensitive.png new file mode 100755 index 0000000000000000000000000000000000000000..e6321b0de35b5a391d5fbd168db981e4e2f26ab8 GIT binary patch literal 490 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!60wlNoGJgf6n2Mb|LpV4>-?)JUISV`@iy0XB zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt<9ZMIo6b zIjIb;W%&X51qvY%om#!i)@T5Be`j>)u!ppfTg%0p8ZI|1lm5rYB@fY2N19 zRbKjuwT8n{wzlb{ zVBJc;#{o-=R$N^9mdVEC@~n=Iju{zeZ5o`G8jA@E3L0MP^erm4EE-pv3tG}$hqO>V4rdFd(Nh!;_cAL*yR~H~y<9oNc zQMecAj*erU#~l*yUs}1bqhsUJ;NND9TuXOeo0)w4+?HovtPB@|XU&*7OXDlUKjtNS W+*BTQd(8)iCWEJ|pUXO@geCy~62$cY literal 0 HcmV?d00001 diff --git a/assets/radio-checked-insensitive@2.png b/assets/radio-checked-insensitive@2.png new file mode 100755 index 0000000000000000000000000000000000000000..f402fe796700915051b0b167309bf927adce5a56 GIT binary patch literal 1206 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4bRlC^fKP}kP~pG=K0ZF61B8WzAggWRNxNN*VhNKjf{+} ztgPUIaE8CXKZG3~9u8zgMMVM0n3x#2g0!?WI2+C=DJg-oA&jP`CNvQsck0xs%a$$M zwr$()-MbGRI&}2t(Nm{RojrT@+O=zU@7}$4@7@D2cnt=hKY#xE_3QWV-+zF?uV24@ z|Ni~w&!4}4|Neu4|1jWodCfVX1+^tXe!&ckOw25-Z0sDI+&uh(Lc*eAQqpqrib~2V zs%q*Qnp)aAx_bHshDOFFrlw|Q<`x!~mX=o5Ha51lcJ>aAPR=eau5NDb?j9bVUf$k5 zzJC4zfq_B6A)#Sm;SrHh(J={GWz|isJrm|ETd{iW!6Vo1JbM1(<-5;6e*Ffz>|pAw zEMRiD>*?YcA|aW3kTY5+QH1TnYMn<$q7fcTg*NWJ?=r#F=$!kx z=lA`WV?JWs^nAkMo=5R9U$l)&c>EQ578V?EcHhawxrF{ZirM4o>TSvIEaCUdWuAkpjtGd=4 z^sc+IOG`$teoFgwh9$d9=Pa7=Vn#ug`cvr}XZkoUzLI*q;qET}+uEA;F-^YDw}y5- ztrWHm-~YFY@4?N5e@d8ZUC+5|?mQ?}wXSAr{kM-#mfP%TXY4hfByzS;aGN{(r}wYl ze>$GbBWhVbG0bSq;`ax|HJ`p;{=@(I87^JU)t!yI=P#{koVZN2sYHk^-C)DlI(cPD zvx25OCrhst^31(HS#Oa*nU$o^iIVaSE-w30=1DUpx19XBq`&H%L%Q<=j>HXpms4i* zEk3u5i+$@c)0X8c&r1u7-n(qD=

m!Oxd2z1`%R$^N8FX)eGd3) zW?XJ{=FYXyImMGF3o(9L>a{mc^JxP&SMSWArot~rn@@@G{$AXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=P-S#wav(!*a&Bd8X><3c(oz5b0wYO8K~y-6b<37Mc4LBoM#~UaM8`t&V^uR$t(JxB&pl)7KU6n{Rn4}l8S2(Y9Sil3&x@X4iP~y$z^<3> zY}x?+oE?%^ZemEJeVJkseIlRTv^cKzs9Nt>oEfll{5C#BzZ8>MIEn|-mTxwlT917} zoR{(-$jeu;EF8_mUi_x9|2~-iX@}~@Ig2v`9pBAU#7QaMFjW2lhF|>$zf1OJ6j*&C z_fe4E^r&abLhEgu$4MiHrZ(t$h~6w>9(%-e0mjO^a&d?lkm3^YnMV25(>s~%#U9Cg zmeMo^E%qN?OBg;_5w8)GM#{6#?4){d1Opz&4@osML2hBzNM9+9KiqVgFgMp{XsIO} z5GJz5D{bOyjQeZ(;+mEJLrfR8FMTPzNL(>m{@gjoo_Lq^i%2I_ebXIP8&Ee(b^kTV zTevB&yvO>_ba!^Em6c04)@5!<<~ozTfZbjGTfO;&9TWGSZm>3~eT2u8!s{69vP+UF g;etl_{rdEO0RyPTWXyw$ga7~l07*qoM6N<$f&m&-KmY&$ literal 0 HcmV?d00001 diff --git a/assets/radio-checked@2.png b/assets/radio-checked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..708fa2e3d8a74f5227f613640b866f6793337344 GIT binary patch literal 1232 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4bRpxO0G|+7phAZK|G{V#!~gvZ|IaX7y~=QV8^itm43Cd7ytv5lYCps4 zBMfg(FuXeh5_xup;rStk7e^Uhonm->2qg9F2*Zn$3@;BeygJ74>IB1cAOeaUWq5In z;pGX2S4Tk#o&$|K&hX+0!^@*!S+LYgp!#DB&w(m|Qb!qH9tX<;6#%(l5ugbmLxAEC z29OQr0=0k)1e*zw1#*G9Kt{pE;fle^Am&4qK{P^L2-gL)5vCHz09phx5Mmm{SgH1v4-*F|)9;v2$>8 z^YHTV3yFw|Nk~e`DJrR`YH91}>KT}rnOj&oI=i}ic>DSX1&4%%M?^+N$0etwXJlpP z7Z#P2mX%jjR@c_mH#WC+boWe{IBD|KX)|WcS-fK9>NRWEZ``zX+x8th_Z>KR_~^0Y zXU?9#aQVvB>o;%RzH|59gNKivyn6li-G`5#K7aZ8?fZ|PzyAFFXL!~27BHF3_jGX# zk&w(i$nGq}$k6ssU*j-`i}Vzy>gl|^TWvSww1D%9pCxO*(+o( ze10)Mp**P~DaqoZXu#sPnax_tTYa}GWoFsDnQ(fa&9*ZUMwZ{$qVv|v{8clM=3lLI z=f9}I<5jN=5AN9&)8}xA#dz5!-_HRS3#4LMHFBmL{mkVxch%*{rt5N^wg(!d=CJd5 zRq@MDTj6+FWY6SljCYGZ$6M=p^K`tBc~VmpY2$ZNeWfKoa}~??C(~LSZ@MY2-Cp3h z?SR%zzk|%{bHo)Fzc28ZwluzH#*)9PaeBcw1%E87d@*(DOXK=qTb3R;;}!bF$?>wl z^tH8YpD*dyFIr{A9bCm`9)Pzvq8x^@ z)t3C_U*wf1eD=J4@Xi{xXkUp*SAGfGZC&Y?Ayv2aWD#4%y+u;G`VE&iRk}6iw8tn# zKKQ3J^`|;xvcZy77bYU~?{Ta%hzfl2~TS3j3^P6PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC`cWd_r7-G{gTh3|Fr*+}_6U`~<`EBMdK&GQ2p(@ElA688425xG%vX z&w*Sx0*fQKaB(o>!X}10dw`1n|Nrmtnbikqi)=}dUoZnJ8@raaj&5(?go%@GPLAe^V-VZ38MS^mK6yk&p~M*eT>}z~FjOeT8ZXuWP~I|KVYVYUeJ- zr_D~xI5oTMV{OXg?8Tvf9)2;KB*&tqDb4vKWLmeAuDGA=2AQ-MR~SzxHm#3Jm{(?O zF*WANu1Y4miCIixlPU|V+@fZl+WgV%lAdnN{oOVfU$K|6hzHAjTKpRn7@n?vF6*2U Fng9TQx=sK9 literal 0 HcmV?d00001 diff --git a/assets/radio-mixed-active.png b/assets/radio-mixed-active.png new file mode 100755 index 0000000000000000000000000000000000000000..abf0a20ed62873a72c5d742f8a4676247fcb34ee GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMT$mi-6XFV_8UCMPxO$c0_BMv+Cm5a|VR&(r;l(kA=U@`ZcyS!WeF+wM z4&=fSSRBEHi-Q>#HZk1U162I~|9_9qtUf?nWJ`klf*DxZ*tN8EbbI?IOq@Jr+VtIf z_U^lUzpTGS1n^L)J8&F}Pr;B5Vgk#rRWjL4%wh_gR9RT%7B%zK=8tBV^mJqH@3y)4ioKLYJXq$_;@_aa@O1TaS?83{ F1OPv6x`qG% literal 0 HcmV?d00001 diff --git a/assets/radio-mixed-active@2.png b/assets/radio-mixed-active@2.png new file mode 100755 index 0000000000000000000000000000000000000000..db7dc6145e0dc7ad93fe00625389bf41708de746 GIT binary patch literal 716 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a^aZ(pAc6d&G7#}7_DNszn|gpF@|Sn7+xM@czK-R)d_}YM;M+RWq1zc z0uhh_M8`o4AQvbIWWP8DLLhM<<0u$`^&+bQ%7T;u6+;+cEg&w00X7ZFhKL}Mhn6y2 z-okKYE5p@o3^#TFwG`YqS@7w8!`<@@_bxPidHmq}=LbK(KKS$F|NsAID(qGQy<=Ju z)+OhWILb%FFjoxLnI_?4{}={3SeM+uzoYIt9Vb$B7xb!hFG_TBZ|t^FSl|FrqyuFLIu&htpj3oC;!%S>2eb4-7Av1Tc3P<$7eq%&b>%F5yl z+iAhFYb+VHeaac;Y?{O!A*k)i&A#U15#4N_k0+$$l(J6tD=t(M431vMGk?9$Spg73 zo_kqZ#|qW^@&EVg&zSUKW@V+>9>cEYjf^j%+*ceDRtsM+$UK}N@BQq_#9pO~GF3)>OUw7Fe|Ro_&~v`s T8?mFYpj6=L>gTe~DWM4ffEPd6 literal 0 HcmV?d00001 diff --git a/assets/radio-mixed-backdrop-dark.png b/assets/radio-mixed-backdrop-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..ef8cb691186ba35f55186bfcb24b18c54af185c4 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC`cWd_r7-G{gTh3|Fr*+}_6U`~<`EBMdK&GQ2p(@ElA688425xG%vX z&w*Sx0*fQKaB(o>!X}10dw`1n|Nrmtnbikqi)=}dUoZnJ8@raaj&5(?go%@GPLAe^V-VZ38MS^mK6yk&p~M*eT>}z~FjOeT8ZXuWP~I|KVYVYUeJ- zr_D~xI5oTMV{OXg?8Tvf9)2;KB*&tqDb4vKWLmeAuDGA=2AQ-MR~SzxHm#3Jm{(?O zF*WANu1Y4miCIixlPU|V+@fZl+WgV%lAdnN{oOVfU$K|6hzHAjTKpRn7@n?vF6*2U Fng9TQx=sK9 literal 0 HcmV?d00001 diff --git a/assets/radio-mixed-backdrop.png b/assets/radio-mixed-backdrop.png new file mode 100755 index 0000000000000000000000000000000000000000..abf0a20ed62873a72c5d742f8a4676247fcb34ee GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMT$mi-6XFV_8UCMPxO$c0_BMv+Cm5a|VR&(r;l(kA=U@`ZcyS!WeF+wM z4&=fSSRBEHi-Q>#HZk1U162I~|9_9qtUf?nWJ`klf*DxZ*tN8EbbI?IOq@Jr+VtIf z_U^lUzpTGS1n^L)J8&F}Pr;B5Vgk#rRWjL4%wh_gR9RT%7B%zK=8tBV^mJqH@3y)4ioKLYJXq$_;@_aa@O1TaS?83{ F1OPv6x`qG% literal 0 HcmV?d00001 diff --git a/assets/radio-mixed-backdrop@2.png b/assets/radio-mixed-backdrop@2.png new file mode 100755 index 0000000000000000000000000000000000000000..db7dc6145e0dc7ad93fe00625389bf41708de746 GIT binary patch literal 716 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a^aZ(pAc6d&G7#}7_DNszn|gpF@|Sn7+xM@czK-R)d_}YM;M+RWq1zc z0uhh_M8`o4AQvbIWWP8DLLhM<<0u$`^&+bQ%7T;u6+;+cEg&w00X7ZFhKL}Mhn6y2 z-okKYE5p@o3^#TFwG`YqS@7w8!`<@@_bxPidHmq}=LbK(KKS$F|NsAID(qGQy<=Ju z)+OhWILb%FFjoxLnI_?4{}={3SeM+uzoYIt9Vb$B7xb!hFG_TBZ|t^FSl|FrqyuFLIu&htpj3oC;!%S>2eb4-7Av1Tc3P<$7eq%&b>%F5yl z+iAhFYb+VHeaac;Y?{O!A*k)i&A#U15#4N_k0+$$l(J6tD=t(M431vMGk?9$Spg73 zo_kqZ#|qW^@&EVg&zSUKW@V+>9>cEYjf^j%+*ceDRtsM+$UK}N@BQq_#9pO~GF3)>OUw7Fe|Ro_&~v`s T8?mFYpj6=L>gTe~DWM4ffEPd6 literal 0 HcmV?d00001 diff --git a/assets/radio-mixed-dark.png b/assets/radio-mixed-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..ef8cb691186ba35f55186bfcb24b18c54af185c4 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC`cWd_r7-G{gTh3|Fr*+}_6U`~<`EBMdK&GQ2p(@ElA688425xG%vX z&w*Sx0*fQKaB(o>!X}10dw`1n|Nrmtnbikqi)=}dUoZnJ8@raaj&5(?go%@GPLAe^V-VZ38MS^mK6yk&p~M*eT>}z~FjOeT8ZXuWP~I|KVYVYUeJ- zr_D~xI5oTMV{OXg?8Tvf9)2;KB*&tqDb4vKWLmeAuDGA=2AQ-MR~SzxHm#3Jm{(?O zF*WANu1Y4miCIixlPU|V+@fZl+WgV%lAdnN{oOVfU$K|6hzHAjTKpRn7@n?vF6*2U Fng9TQx=sK9 literal 0 HcmV?d00001 diff --git a/assets/radio-mixed-hover-dark.png b/assets/radio-mixed-hover-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..ef8cb691186ba35f55186bfcb24b18c54af185c4 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC`cWd_r7-G{gTh3|Fr*+}_6U`~<`EBMdK&GQ2p(@ElA688425xG%vX z&w*Sx0*fQKaB(o>!X}10dw`1n|Nrmtnbikqi)=}dUoZnJ8@raaj&5(?go%@GPLAe^V-VZ38MS^mK6yk&p~M*eT>}z~FjOeT8ZXuWP~I|KVYVYUeJ- zr_D~xI5oTMV{OXg?8Tvf9)2;KB*&tqDb4vKWLmeAuDGA=2AQ-MR~SzxHm#3Jm{(?O zF*WANu1Y4miCIixlPU|V+@fZl+WgV%lAdnN{oOVfU$K|6hzHAjTKpRn7@n?vF6*2U Fng9TQx=sK9 literal 0 HcmV?d00001 diff --git a/assets/radio-mixed-hover.png b/assets/radio-mixed-hover.png new file mode 100755 index 0000000000000000000000000000000000000000..abf0a20ed62873a72c5d742f8a4676247fcb34ee GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMT$mi-6XFV_8UCMPxO$c0_BMv+Cm5a|VR&(r;l(kA=U@`ZcyS!WeF+wM z4&=fSSRBEHi-Q>#HZk1U162I~|9_9qtUf?nWJ`klf*DxZ*tN8EbbI?IOq@Jr+VtIf z_U^lUzpTGS1n^L)J8&F}Pr;B5Vgk#rRWjL4%wh_gR9RT%7B%zK=8tBV^mJqH@3y)4ioKLYJXq$_;@_aa@O1TaS?83{ F1OPv6x`qG% literal 0 HcmV?d00001 diff --git a/assets/radio-mixed-hover@2.png b/assets/radio-mixed-hover@2.png new file mode 100755 index 0000000000000000000000000000000000000000..db7dc6145e0dc7ad93fe00625389bf41708de746 GIT binary patch literal 716 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a^aZ(pAc6d&G7#}7_DNszn|gpF@|Sn7+xM@czK-R)d_}YM;M+RWq1zc z0uhh_M8`o4AQvbIWWP8DLLhM<<0u$`^&+bQ%7T;u6+;+cEg&w00X7ZFhKL}Mhn6y2 z-okKYE5p@o3^#TFwG`YqS@7w8!`<@@_bxPidHmq}=LbK(KKS$F|NsAID(qGQy<=Ju z)+OhWILb%FFjoxLnI_?4{}={3SeM+uzoYIt9Vb$B7xb!hFG_TBZ|t^FSl|FrqyuFLIu&htpj3oC;!%S>2eb4-7Av1Tc3P<$7eq%&b>%F5yl z+iAhFYb+VHeaac;Y?{O!A*k)i&A#U15#4N_k0+$$l(J6tD=t(M431vMGk?9$Spg73 zo_kqZ#|qW^@&EVg&zSUKW@V+>9>cEYjf^j%+*ceDRtsM+$UK}N@BQq_#9pO~GF3)>OUw7Fe|Ro_&~v`s T8?mFYpj6=L>gTe~DWM4ffEPd6 literal 0 HcmV?d00001 diff --git a/assets/radio-mixed-insensitive-backdrop-dark.png b/assets/radio-mixed-insensitive-backdrop-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..d51669cab6319e1ad03b7379db0f7a60f1752ea1 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC`cWd_r7-w6U>qXlSUXr>C>CzoVnCgM+u7iOL$!i z{{9aSGgLcwF+Oc}V#cZ2Wglx(9%nBO{qyjP*(5m@Elp|8A0gAaopiKCIf9npUo&l=nD+%%oW?{$Y zvN)2h55KwlzTv?aKaI!V_!eBb3Dhy~USGf(*2{dR7aAH3rCjnw8KQPcWvo;@QPpA0 X5GmqOZuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a$!z@Plzj!rY<;p_UzTGS2t|fuy^m?J$v?i|Ni~UmoJ|_efszB-;TZK z?g1@RE(!7rW?*FE=HV9*6PJ*bl9pFcRnyYe(KoPnbaD>rp0Q~4nrAOxKR+7G3sk<# z)5S4F<9zSr+d@qW0&VpNjF)ldMV7t$dw*lMf@|vX_gxQX-)yyIkehgA?c3_xS*jac z#HQ8Vh-ou37D?E&Q#Z49UXHW0$-S^Go=-moweT=3>C9AS6cJHnZ|Tj}o*>ZdbT+fs zc6s!UE02{EN={y^=bv7F;H`&?ORdX&_T{x7o@bvcEjSqcz3Z~&g9r1L{p{D=r;`)N z_$0?$!Ft=mkA)sL6SZyz-uY{N;PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC`cWd_r7-w6U>qXlSUXr>C>CzoVnCgM+u7iOL$!i z{{9aSGgLcwF+Oc}V#cZ2Wglx(9%nBO{qyjP*(5m@Elp|8A0gAaopiKCIf9npUo&l=nD+%%oW?{$Y zvN)2h55KwlzTv?aKaI!V_!eBb3Dhy~USGf(*2{dR7aAH3rCjnw8KQPcWvo;@QPpA0 X5GmqOZuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a$!z@Plzj!rY<;p_UzTGS2t|fuy^m?J$v?i|Ni~UmoJ|_efszB-;TZK z?g1@RE(!7rW?*FE=HV9*6PJ*bl9pFcRnyYe(KoPnbaD>rp0Q~4nrAOxKR+7G3sk<# z)5S4F<9zSr+d@qW0&VpNjF)ldMV7t$dw*lMf@|vX_gxQX-)yyIkehgA?c3_xS*jac z#HQ8Vh-ou37D?E&Q#Z49UXHW0$-S^Go=-moweT=3>C9AS6cJHnZ|Tj}o*>ZdbT+fs zc6s!UE02{EN={y^=bv7F;H`&?ORdX&_T{x7o@bvcEjSqcz3Z~&g9r1L{p{D=r;`)N z_$0?$!Ft=mkA)sL6SZyz-uY{N;PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMT$mi-6XFV_8UCMPxO$c0_BMv+Cm5a|VR&(r;l(kA=U@`ZcyS!WeF+wM z4&=fSSRBEHi-Q>#HZk1U162I~|9_9qtUf?nWJ`klf*DxZ*tN8EbbI?IOq@Jr+VtIf z_U^lUzpTGS1n^L)J8&F}Pr;B5Vgk#rRWjL4%wh_gR9RT%7B%zK=8tBV^mJqH@3y)4ioKLYJXq$_;@_aa@O1TaS?83{ F1OPv6x`qG% literal 0 HcmV?d00001 diff --git a/assets/radio-mixed@2.png b/assets/radio-mixed@2.png new file mode 100755 index 0000000000000000000000000000000000000000..db7dc6145e0dc7ad93fe00625389bf41708de746 GIT binary patch literal 716 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a^aZ(pAc6d&G7#}7_DNszn|gpF@|Sn7+xM@czK-R)d_}YM;M+RWq1zc z0uhh_M8`o4AQvbIWWP8DLLhM<<0u$`^&+bQ%7T;u6+;+cEg&w00X7ZFhKL}Mhn6y2 z-okKYE5p@o3^#TFwG`YqS@7w8!`<@@_bxPidHmq}=LbK(KKS$F|NsAID(qGQy<=Ju z)+OhWILb%FFjoxLnI_?4{}={3SeM+uzoYIt9Vb$B7xb!hFG_TBZ|t^FSl|FrqyuFLIu&htpj3oC;!%S>2eb4-7Av1Tc3P<$7eq%&b>%F5yl z+iAhFYb+VHeaac;Y?{O!A*k)i&A#U15#4N_k0+$$l(J6tD=t(M431vMGk?9$Spg73 zo_kqZ#|qW^@&EVg&zSUKW@V+>9>cEYjf^j%+*ceDRtsM+$UK}N@BQq_#9pO~GF3)>OUw7Fe|Ro_&~v`s T8?mFYpj6=L>gTe~DWM4ffEPd6 literal 0 HcmV?d00001 diff --git a/assets/radio-selected-insensitive@2.png b/assets/radio-selected-insensitive@2.png new file mode 100755 index 0000000000000000000000000000000000000000..f928dbceda95505885a186c1fe0f9d5101f5bf14 GIT binary patch literal 1104 zcmV-W1h4yvP)p8^s2Nh+1J4YV@O*F9*i;2;CO7ub+X<`#KT$^a2jglCW8WnDUrV?6-5J=n=ke`5+U)dUU z&*w#VSAKR*mn}x$yPbJw-e=F8nfVU<$C7xBb!}~)vWfX48nS8;rwXK4AOk>Q0W=^; zPYA1Hq|n>j?(>DV1>n_|mK5(_54{33C}hRSJ16k|Qqt7F8VCic zYig{&x(OiswvQ@2>^4bG)@~{elu}fXPr5e^fW@U10^?H*4302&d)^g7V2U7nZToZ( zASu$3_UFzsDryW*@_0CYtdheA_aUqK8VE{@B&0|F=i2^8iO-66p&V&KH zyVBgc)1v@x+H`ntN%tOY0SGLa49hFOB^^gQa3ZSUp%-|eo}VqAa_re z@nCXPxp8xdFFLykIkE47yYpe6fAh6oSaTZ^O#Xn>KVAX~Vhsv~96G=0q5u0~%J-L2 zQkYMAc%LsWuizh>WMFXA^|6OFx$?m3hmjxa3zGLfKIMqC$rj4>tw=!;IoWi!{_{xN zx}voE>o13^YfdBsPyQPKmh#T|#?v3IYujj&;LKYB+h3L`pK)i#-jo;HtYSB}zU>I- z?sqv9)DmfCb^48s6|os0taHt+CoS~iz3N04O{mD3wQIgnu9s0$WBpZv$$M346qt=S zRbW<-vl2{x)Ga*hjZe01TRfOsrIywrQYA`>hCfaP7F6&H^n}#u@C0Z3VmP3ol8uqWIa(4?;Hg3^i#1*U+^U@XJM z%>TKV85|hSKbK(iT}{q;&v~CYm;Ze5A4>{$Mk4N-MD>fR?oJgAf;548)6>L3e^D59 ztMn~e3uA;r$z1`ckBn8UuB^X?(j8+!FzFJXPer+ZcTrC-3U++LjkWYcS!h&=3 zNQDcru4A`M2KSDws^V+t2qSV0c&5Z~fGUBLm7U!ct4A9L7#h<20O7F9HzhY!c#C4r zh*^TrW>qx=5=R@q-45Z}?yhcZzpQ9z7lOA)g;UiH?U!=tvXtKQZ+1I8n?uo)vF_uy za{%fiV->53^$B3V(+o$v7H6CNyzKXK;OTMzrk|`a9F24RL6q_3m3$DhW$RB`=H7fY z0q|6&bv3bZ-YI;K+r{P9Lv*$Hamm)B5%5?9JQn8yb@Wcm(Q|i_4cj(NRkvPdy$xJ} z%nC#z?&?HM6vI8=<8~2w<$2nk^W^(?0NjbjIn{s931WV!acMEwJe{IgfZPUT^Ui9G=k|hieIVEMvco8XJ;6DIJmC0A1zG|gtzvVdAlLcUw z=6t;imy&;Q8bJRr8D>}3N(Pu&S$FDQ&H`Z4#RM6+ZX;r#Yx&z9q36ze{I zd#}AXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=LvM0!Wo&74AW&s=WpcRsPlx~j0l!H^K~y-6jnhj@l~EMN@!#IP zDg#De4bgxBb{HAtZ=JII7nMNjLBf=f$k7RN1Ul*(_#dTqpoH)rSY96qoNY zS-mE&Ci(EN$>-Zvt+lB9Rhzt8lUI}a@YRJC>M!<68{U%Y=CXr!9{K!F0DKr}6=z4$ zDusQKtQU<^yu4-@c65Bg6*LK{H%hwkQ`q=m&G4e)%zeyAx+7^1-YFgUv2H-yiSKwX z*b|XqZr$N!{X#>O(gfP2p={mJG}3@}!9*0o5SmRjb*>wb|Lnph^XX}1z8}o%E6D%X z*jS?&`;Z9zQR#S%bPpXq&fNL$DrqRQW%{n<5NS}k@_OMpZb)YdZ=}#8Zyb`pJi01e zuU6EXo(axiRGdA>%Fpy=q{ZxPKTZ|SxL|Byvi;ay_zyM29$Sxo{S&Y>sn*4OujC|} k3wK)ZNOD`L@?>TEZ%~q&bQwVAXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=P-S#wav(!*a&Bd8X><3c(oz5b0l!H^K~y-6jnhj@l~EMN@!#IP zDg#De4bgxBb{HAtZ=JII7nMNjLBf=f$k7RN1Ul*(_#dTqpoH)rSY96qoNY zS-mE&Ci(EN$>-Zvt+lB9Rhzt8lUI}a@YRJC>M!<68{U%Y=CXr!9{K!F0DKr}6=z4$ zDusQKtQU<^yu4-@c65Bg6*LK{H%hwkQ`q=m&G4e)%zeyAx+7^1-YFgUv2H-yiSKwX z*b|XqZr$N!{X#>O(gfP2p={mJG}3@}!9*0o5SmRjb*>wb|Lnph^XX}1z8}o%E6D%X z*jS?&`;Z9zQR#S%bPpXq&fNL$DrqRQW%{n<5NS}k@_OMpZb)YdZ=}#8Zyb`pJi01e zuU6EXo(axiRGdA>%Fpy=q{ZxPKTZ|SxL|Byvi;ay_zyM29$Sxo{S&Y>sn*4OujC|} k3wK)ZNOD`L@?>TEZ%~q&bQwVZuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4bRlC&fKP}kP$9$r|6sI=;r|(it5+HB?`L>?jN#ROhSx_J-kxB1cLv0L zc81~kA%+)68D5-ZczKxN6;QzmhUY+Z1T1)r;pGX2S4SD19btHWjN!#`hL=adQb2K_ z%3}=Aff|p4RKA2r0oh>g3!q}48lWIpC6EDB2{i%825JP0K$L-ug)0MU1e*p?15yAq z5Ns6GE{F)wUa%IBIbgd$UI3c|(g+cOXoNTtCIYkwZYGEUMj(@6Y!n8}78F6ODnWwb z0-yE*gT1;W$S;_Ik%^g=jf0bimycgaL{v;sNkvslTSr&Vz{Jel($U%7!`s(CC^#%U zA~GsEE-fP~yRfLVth}PKy0)&qv9+VSXTrqEQ>V?Evv|eI)oa$S-?(+#_8mL-9XNRS z=&|Ex&tJHF?9#p9i&r?f?mKQ7+PW#cz-<94aub#>~>Hy7{GWd6g$K2>ziFV-0w zirRQ)OgBBXx>v%W`BavDd&zp6UzaBA)1IEszHV3OlHXkWeyZ>?Zr1w9BQc?bpN=sx|ON$Z^QFVvzl%HHVQ`CHr}^tPmJVsj#3wx zc9lmaQ~KTsEw1P)cFsuI!_l@(w^9n(D^{!$*)#p9kc#%w>k02xy0ka4dVZ~cxW&Gko~&){!gdkV;&V+#;G_+RbMmbY(S8^@Nr9hAX5 MUHx3vIVCg!0D0T;ng9R* literal 0 HcmV?d00001 diff --git a/assets/radio-unchecked-backdrop-dark.png b/assets/radio-unchecked-backdrop-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..2cd11b11c00bb61ffda829fcb7a48511faa811ff GIT binary patch literal 713 zcmV;)0yh1LP)AXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=LvM0!Wo&74AW&s=WpcRsPlx~j0scuuK~y-6jgviSQ&AX(pYJ5; zA2IDvgdo+_K@=zHpa`Y6$!#q32OYABbTK&UC{l@55oagCAw%h)Lcv4>!6sL_IMzV~ z2Mr~Iq7GF9Hb3Wc=#9owY@X#D4)62wodZYM#rXKSs0oHHBDex000^6?yu`MaJ@3V* z&b)N)ClfQ*t;!970sm-gXVpPJQvA($Y@z|4F4%Jyuu(RM2do zQh8sE#g3f-N%r=IM`A|~J+D+Mb}!j+oM3I+JQA2jSt*zE4-7z~ZY~3FKo*d2*>UF1 z?3Uy4nX_ubuSB_ouz~hpfsW7Qy6#}p_GN+d01BG|Z~gsAfx~`uwZFHuP$(3>|5MOr vA~8QDYSRiyfr$S;TLMK?AC}Acwa)x+s^ht09_h5d00000NkvXXu0mjf?x8H= literal 0 HcmV?d00001 diff --git a/assets/radio-unchecked-backdrop.png b/assets/radio-unchecked-backdrop.png new file mode 100755 index 0000000000000000000000000000000000000000..451b340d1aea0d38f2d9a72bec9677233f66bd39 GIT binary patch literal 479 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf4nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F$AQRq!uYS=NILr z=42LsUv>%TL`D%$7sn8b-l>=G`Y}23us-OIy*YuS!;o!n!2SPod)$QeeMAI4us0s< z)=XiY`c-9encC%Znbpe@#eHQK3)`JBJZSKTS1S78--yUJ(-S{$P?bx5tFohOx_Dt? zNafnjI2C&iweqWH(k+f^uQTkueof?0Ma z_jQq;)ubD0Gfko=iM`s8@xbPfqu$gDU29m6RX6FYDDr;X686Y~Z}-HEwAYs(1WfuZ zcu)1>+Er7EV~(+2%CJ9_&uU$9aPN-{`>S^jdfqTSy!6Z5`G@m9u(Fvst6aGA*B=;w N44$rjF6*2UngINTz6SsR literal 0 HcmV?d00001 diff --git a/assets/radio-unchecked-backdrop@2.png b/assets/radio-unchecked-backdrop@2.png new file mode 100755 index 0000000000000000000000000000000000000000..eada512c4f8fea0917a80e9e492a972eab0ebdcd GIT binary patch literal 685 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a$$RbPlzj!9t_}nlC~ny9l9k!e!&ckOw257>>Qk2+&sK|`~reP!Xlz# z;u4Zl(lWC03W`d~Dyr%lnp!%#din;=hxR)%FffXHx;TbNNah~wOgiYm;CfNL`$E*B z7Pk{kDn9T2*T=W7;wtX@_p@-9z09|lcdqaDyjpmD>ik#TT2-e!{GYY0-gRQrqGzYh ze3_6icXEJvV$m_L67l4v^W^@BXkR;fqhaRi^t=N-rKL=1Rff!do01aNnoBE8yW(Jc zVYValRuRUHGD!-T*m~62&mV{qeNv>gAc$AmGIzl>)_qU5v~=_6JlVpqSWL)r?ZS(K zMwY1sSNNnXw{EyBB5^X2#pkKyiKi2qKQ7^sczu?A!&H%&1-xIBG7hqAx_01Vcz->M z&|MJ+;g_CQ7+UKp)fe1m+r_<2w%}9A^XU<>JLkAuEQu_QSh~L5@z%x5wftXlW_(tW ke-*mJNPZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC{<-d_r7-w6U>qXlSUXr>BF1gQaDto12@1L#VT}zoVnCgM+u7ix-ID z>|^ib4P@9m`ZzjyJ2?3|IQiH+1KGX~AQ3Rv$;Sbx($NPb1!RK-!EB&YCoZ6;mJX{{MAWL+Io- z#jD;9b#<=ugXAx3Hvci-RqD5K=TZN*;+iQAm7U6~!^4?EzGp7%G-bGLv4hW&;pmN5 z(F`8`=UEu;&VL=i@WE``s~Zd(x|^StXfv)lZt`4YI@b!j#g5-(zvnt`tUhv`XVYVm oWUpkO_r?bn`PJTk_xuC@DFVdQ&MBb@08R44Y5)KL literal 0 HcmV?d00001 diff --git a/assets/radio-unchecked-hover-dark.png b/assets/radio-unchecked-hover-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..ee0d9f14d2bfd54ccd0b1464491cf2095c7b17d2 GIT binary patch literal 650 zcmV;50(Jd~P)AXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=LvM0!Wo&74AW&s=WpcRsPlx~j0l!H^K~y-6jnhj@l~EMN@!#IP zDg#De4bgxBb{HAtZ=JII7nMNjLBf=f$k7RN1Ul*(_#dTqpoH)rSY96qoNY zS-mE&Ci(EN$>-Zvt+lB9Rhzt8lUI}a@YRJC>M!<68{U%Y=CXr!9{K!F0DKr}6=z4$ zDusQKtQU<^yu4-@c65Bg6*LK{H%hwkQ`q=m&G4e)%zeyAx+7^1-YFgUv2H-yiSKwX z*b|XqZr$N!{X#>O(gfP2p={mJG}3@}!9*0o5SmRjb*>wb|Lnph^XX}1z8}o%E6D%X z*jS?&`;Z9zQR#S%bPpXq&fNL$DrqRQW%{n<5NS}k@_OMpZb)YdZ=}#8Zyb`pJi01e zuU6EXo(axiRGdA>%Fpy=q{ZxPKTZ|SxL|Byvi;ay_zyM29$Sxo{S&Y>sn*4OujC|} k3wK)ZNOD`L@?>TEZ%~q&bQwVAXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=P-S#wav(!*a&Bd8X><3c(oz5b0l!H^K~y-6jnhj@l~EMN@!#IP zDg#De4bgxBb{HAtZ=JII7nMNjLBf=f$k7RN1Ul*(_#dTqpoH)rSY96qoNY zS-mE&Ci(EN$>-Zvt+lB9Rhzt8lUI}a@YRJC>M!<68{U%Y=CXr!9{K!F0DKr}6=z4$ zDusQKtQU<^yu4-@c65Bg6*LK{H%hwkQ`q=m&G4e)%zeyAx+7^1-YFgUv2H-yiSKwX z*b|XqZr$N!{X#>O(gfP2p={mJG}3@}!9*0o5SmRjb*>wb|Lnph^XX}1z8}o%E6D%X z*jS?&`;Z9zQR#S%bPpXq&fNL$DrqRQW%{n<5NS}k@_OMpZb)YdZ=}#8Zyb`pJi01e zuU6EXo(axiRGdA>%Fpy=q{ZxPKTZ|SxL|Byvi;ay_zyM29$Sxo{S&Y>sn*4OujC|} k3wK)ZNOD`L@?>TEZ%~q&bQwVZuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4bRlC&fKP}kP$9$r|6sI=;r|(it5+HB?`L>?jN#ROhSx_J-kxB1cLv0L zc81~kA%+)68D5-ZczKxN6;QzmhUY+Z1T1)r;pGX2S4SD19btHWjN!#`hL=adQb2K_ z%3}=Aff|p4RKA2r0oh>g3!q}48lWIpC6EDB2{i%825JP0K$L-ug)0MU1e*p?15yAq z5Ns6GE{F)wUa%IBIbgd$UI3c|(g+cOXoNTtCIYkwZYGEUMj(@6Y!n8}78F6ODnWwb z0-yE*gT1;W$S;_Ik%^g=jf0bimycgaL{v;sNkvslTSr&Vz{Jel($U%7!`s(CC^#%U zA~GsEE-fP~yRfLVth}PKy0)&qv9+VSXTrqEQ>V?Evv|eI)oa$S-?(+#_8mL-9XNRS z=&|Ex&tJHF?9#p9i&r?f?mKQ7+PW#cz-<94aub#>~>Hy7{GWd6g$K2>ziFV-0w zirRQ)OgBBXx>v%W`BavDd&zp6UzaBA)1IEszHV3OlHXkWeyZ>?Zr1w9BQc?bpN=sx|ON$Z^QFVvzl%HHVQ`CHr}^tPmJVsj#3wx zc9lmaQ~KTsEw1P)cFsuI!_l@(w^9n(D^{!$*)#p9kc#%w>k02xy0ka4dVZ~cxW&Gko~&){!gdkV;&V+#;G_+RbMmbY(S8^@Nr9hAX5 MUHx3vIVCg!0D0T;ng9R* literal 0 HcmV?d00001 diff --git a/assets/radio-unchecked-insensitive-backdrop-dark.png b/assets/radio-unchecked-insensitive-backdrop-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..9a442ab9a1356376df33da059c078f901fa90f01 GIT binary patch literal 758 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iL7#JA&0(?STfeJyOp~1l+)Y{t5)6>(%#l^wF%huN2!6CrK#TzKe3I<$U zTux3t4i3J&ARr_nA^}0-;?h9m=;&kb?5C!tuc4u*t!J#OYvSPKYwzd-Bpsc-4UH`w zoP3OotQ?(zT#%rNnXR#@t)r8#gQK?tP%qGAAae8pi9py+K33K)mNqU9&LCMETQ^%f z50I3zkBvQuVQcSUYwrmmAzFaSfFgGGULeu|h`j6_yzCsk>>a&0G zRMpluG_`efbx)hIWa;u1t5&aDzj5=9okz}{JAdKArAt?@UAuAf)~&nupFe;3=I#3r zA3uNj^5yG~pZ|P=7XpKyVXdc&V~B*L??LuxM@9*@3)5YGuA90xNAl)kr)?n~-zxt9 zmoGeAEdTt${n#J11{K^h3zl`~oqRg!j!Q|vOYT3u)vkMHN`9_lIR9qH(<7HtWenb{ z`|T|7E&uLes5Xmba>jd^MU^+qH~yHWZC`(*@5!m_Z1c5UO{RSnh_vfeJ0X7K=H?Tv zTkAJ4x?U5p42+w}oRG0uP~d8Ex4e0PceKcix= Q03FWY>FVdQ&MBb@0IE*}xBvhE literal 0 HcmV?d00001 diff --git a/assets/radio-unchecked-insensitive-backdrop.png b/assets/radio-unchecked-insensitive-backdrop.png new file mode 100755 index 0000000000000000000000000000000000000000..925c40fbb09eca9684d273c9e9136218369e80eb GIT binary patch literal 488 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf4nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F$AQRq!uYS=NILr z=42LsUv>%TL`GRp7sn8b-l>Z1(XE41a$Jv+1e2ET)>>lynG5)Ixl=XqRD z)^sFqc~l^7o+#zEsjR{H&UD6HnM7Gxo5Y|d{|`OvCV@w}-B_m;3VpN|{I2e+>}wtL zrOQB$MjsCV*F4Np3ll(IOO!*`8 z)Q6JKFTG2?@{e&vd-{yU`cs$gOz7gV-r>A|!mikZY}X8a9lpbLUUJuFH9n?IeYz`C z-xoiV`j%AJ80>R;BKOLG+?R%-OfFfkqt{fm7GJ#azAP`nIxMR1X7`ths%Ko^Ir&d} V#%(@lq6Z8~22WQ%mvv4FO#m`bzF7bO literal 0 HcmV?d00001 diff --git a/assets/radio-unchecked-insensitive-backdrop@2.png b/assets/radio-unchecked-insensitive-backdrop@2.png new file mode 100755 index 0000000000000000000000000000000000000000..d409c790ea70094702906a3760846d45d1211451 GIT binary patch literal 887 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a^Z~tpAc6dJuE@^hh0%Xk9m{?`2{mDGBLBTb8vET^YRM_3W-ZdO3TQ~ zD=I0gsH&-JYH91}8yFfHo0yuJTUc6I+uGSXI667IxVpJ}czXHx`UM0Ag@lHMM?@aA zxoyY5z*y?(;usjU$%JFf=q7SG!D{V_)iN9FP}+!D|K|6gqRe3tk; z_kY@9>)yZmy8CtaA{pz=ISlK#4{SS^5`WXly2gL!w0-TlHg%I_#o5+t?woV%V~OXo zzuSIl#%FyHi{XvATfnZZXLBWGb(7zz&b9GxI4|>QZTfh4&zemE-&<~;GQR(`f7#}g zaQ>2=CG%3&HVL*@rJNAdQo2-RC%o9*=hMq=E~g}nF3AYCYn)bnHgm1zo18xHjWT|w z*QfNU>dtpQYr5#a%B`oXpS{}n+uP@aN3knUuMN9Q#yUpp^OrtIWUreM=bSfDZI-rY zq4x8N#mg<@ezX;9&S(feYnYnArDXnN!Fu#i##Jg8x(a!cIF$=j{TMnN7Gig>DhhIT5MuTGPZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC^>?_=LCuX=7vK(9lp%PfurOe@91O2M2FE7cZbVCkXI@fuNqAnXZAE zuD+SRzPY`lkE4^fgOjg=laIYKknQUL5&@AQ5hoz&Yi;9ZZR=)Z>kbqF3wql+c-q=~ z+Sz-77!F=Q23RFX7NP)Xti2=9ScnNe%)Y%mKt~vr1o;Isu(GjhY3t}3TUy!JmX?)Q z^!D{nm^f+5wB395?mKkk=;bR{@7%rj;K9R>pFV&2`tAFlzbsbF;y~T=JzX3_BqV(g zc8fJSh_GI`-0^OPh}XT9K3z%2{{HWue0)}F{vOuMo8ME74qngr{ABmF@@?6T2VWfc z>LYaW#i44(gv0Kx@>d#bHwX3+#V!Au?-wWxyS^utthwyuz zyCULYp_G2k+vknzMgJR7@)5;ym)t8Ji8S0O6!uoK%&&Z%s9<#3E&FiU(}&q}ro@Kp b)bPX^UlDYBDfRCi(5Vcbu6{1-oD!MPZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMTo@SO6XFV_sS9FOiaG&Jlr9PK3ua*C;FOV-Q&rQ_HZnFbwXn2ubanF$ z2n-F6(4F+N5vZ)$)5S4FVrpvtZJ}lZ4wue}S2Tpq9-Z{>f4iCZ@~hu$4xZC_!z5x7 zrPM8Db?VJa)k&ArLT)eDs8dbSFI?5t$sXL?-*9yQ>7C-PX1p_OYCmMQSgwz6+{`Mp zOMzQw|DicQ^L|>dy8Cslbl$;vrV*WTM~b`Uz>% literal 0 HcmV?d00001 diff --git a/assets/radio-unchecked-insensitive@2.png b/assets/radio-unchecked-insensitive@2.png new file mode 100755 index 0000000000000000000000000000000000000000..cfd71cfc4071b8596684b511a7600790835f5264 GIT binary patch literal 752 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a^ai+pAc6dJ!rv?UY~nF$C;D_`2{mDGVurqic3gI%P1ggL8 z8k?AzTUuG$*xK1UIyt+!dw6;K1_g(NhDSt3MaLuyzf@*mV6^jeaSYKo-#R&Wwv&TI zt9;0*G~KnyNfU2*E-^U&|9}4Ph2pBWJ{P{rzW3g_q&qEQe&2iR`O_8#+V9%Qp zd2Vdq=I}ghQRUfGu&Q07X<3u&wg*W9ixUzrU+4eNmwa-f^S`$3hbxY+^shU$JMfRM z-;qyeAN`j(>vWYRSvH#@du z^2)a-uiQ)BwYp+&`~`LP?AibT literal 0 HcmV?d00001 diff --git a/assets/radio-unchecked.png b/assets/radio-unchecked.png new file mode 100755 index 0000000000000000000000000000000000000000..e575d219941a7d01b1417fd8d7a5703501dc9307 GIT binary patch literal 395 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!73?$#)eFPFEal|5uKcnU=UlaJ%f?s$iMqhzx5|JHWvO9VpMxSpNS{uzNm!6j91JOZ^Rp)Y?U`Y zV%;F26EAsc3e`L-^M@l703sku6{1-oD!MZuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a$!P%Plzj!rYZR4|DqRYfkH`;UoZnB69*?Z4==xfppdYbxP+vXw4A(x zimHaDmbQ+rp21o_n{uGqSDr48AsXjE8+seS!1g1VVmktdcFSIKt0@}3v}YT?<^Mdc0Oen>82 z-Eltq@1p2u%YTV%Xn(4+ku}J(OXo+$-jfeG%_fEP{nwq!*qS1CeCGC+d?wSgdynIpdUaU2)QqC0V-^ cn=Wq`k367g!1Czra!?d_y85}Sb4q9e03KYuqyPW_ literal 0 HcmV?d00001 diff --git a/assets/radio-unselected-hover@2.png b/assets/radio-unselected-hover@2.png new file mode 100755 index 0000000000000000000000000000000000000000..64c745f55f9cc1d2bb51f98d9f9a1df9cf5c3d4a GIT binary patch literal 722 zcmV;@0xkWCP){x-hMY z3-JN`gRnDE8>2B1(L{|4SI9>BV@#jG#I)5nu%MI#lms?tf>2^+j*GVA*b*6mUi|Iu zy(js;+&gn};D9533sX}XXleh{r~nST>dl?%DzEs&c# zN&1Ka_rv|s>lqPeM}ds0Rm#o21k!s1*K16M|a(DObF^?{EO&+(K^lcH_1u z)idPQPvtNEMbsA^XQH(Ah)*fUm*OdgOU;?*@3Dpv74qG5`nY*xYEn zR9je3X)>yE%>cXt6&X%VX}}c-o+$R?zsc-5infPN&Yf`uut=JMyKyw>3WyRjE+7?V z^&^z9dA@Xe1UPD1K+$7ffdflT;JazCAm2O!GH+Ty(a)}cK;FDSg=qoULe{u|qghvA zYdKN?R!zYLSvi&H`QQpnr^Qxf%#?tGGg=!=+}|)@AASrh8sL8^2U?%i7OuefKvx-M zgvt!ptSHD8@1*=kBbrF`%ph{FiTFDc@#q`xRzoKY_eE~dgt1J}SK)Xx)40D~4stB_ zX7Js|vnuk4-H&REAVc-n?ppxh;@gFw6WF>eA|r~n`=JW5f;bQ4XYlFxKv((iwLX(k zwMzN97>*_pVuExl+ExXwDLRjk7l&+DJo;5nE3rIK4b`@5BEdT%j07*qoM6N<$ Ef_wr!GZxxT$GQM1->-Bf#50N6q~L_){r<72!d# z$o#cy=kkrjRr?LNb7yX_Qt@0D;bS1spx#Yj7POm_lM_!5Bp?=x`5njig$SPjI)K+} z5DIk>40ho2dGY&w0BmiQD3vVM)?Sd!u3}lX8^#vlmTj9;SFfHaHY{Lf=KgV|%5x%W z2*5PkIdNiu?(R;Ms-H9wVPz%9;$oWh_3c%7SgAPYFJ1cR*}ej1XYajNsqih(t?M3! zhECAe*RwD2ZbFupmPw@+ahx(hMkyi}E}VP3r+}H6`^Ta31JE4^_z8!HX>V_RCE}Nn z&u@@OB-z|70%QzBAB{#M%dTH@jaV$^SE@Ycl8=pr4^0lx-rmaC*eHQO3&1hkcJ9XG zao_(0R5zR&(sd8v@GxGlacFWEUa!IE=m@&*0XUt@IX7INf@-Oi%bpaVpE~s}{r$a1 zM!pl7%rlb7-vJ7Sp&yS%Bg+~Ggr_;61YPE}nV6da^#G{1ECBldX3;?vWcwd_UpRalhD8+yVm{kG3 zdUK8xJGkD^>J4ljWZTk!b%0{A^xEi)Mawn+(LkkN`q*@oO4~o1)|8SYz}ni2*CxQ_ z5>ZJ_ga-iG>?$Hscj8f?QmL@AvI>Aw@|{*JG7oH8mQ6OBYr25d)f~3%K=mm8MyqwN zvj9(?q??)r5n*8=4S-VIjz*(}S{Z6L0egKt&(hNJ-VqLoOlFyUz5rl}c)o;MLozuz z@l=Fc0IAd>g~G;>ljrjVQmI7%MAX-llOLqF1pwH#IR!j)oHCCdC3m*gheoMnkw`qI zTrMNRkHMh+nd|${^%slH_u97eGw@a*&_Xyoas*9jfkfi5+m!z8INJMHu1qZLDgfa2 z?R&!_%mc@C-NVU~gY@_J9;hwPWU6g>xm*VLOGF|UFMjyj&T+d&t!3gaa2mig+ZY^t zhfpZk(8DB~U1MP(?QS?geliT>{LXf~t^j~|JnqZooEu8Xr$8%!VHouEbP^1{iO*-? z_qPDBwN>1Hnysv?x^)g + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/assets/radio-unselected@2.png b/assets/radio-unselected@2.png new file mode 100755 index 0000000000000000000000000000000000000000..0c01111eac180ab560bafdaddd0d7b0217b248ac GIT binary patch literal 884 zcmV-)1B?8LP)Wi6~W)oO(9yS`WJ@y1+`U^jI}h9OsknLW+t7amP|}S`@)4w zW-jk@Pv)L;F8pJ4H27{05Cj5%ALz25T>%DA0M3C6z-$#jCvX=C13r(im%u5I1wf@8z*mpp zRf+-%prlf%m-&2tqg*bVUdGwk+0M+&%qwR-5Np(21{6t>26lIM-a0BD2q3imls;UXEkq9|E*L8ifS#uY}$8b3O)P@NC&AbzM z2q<>gTVn1EP1BZafCsi0@cSHtbh-4LYF+0KSQdiD)PkO0;t4HBoq$OeP~(d8NkQMWgs46B zxd8w$P192eZAPYPR#is_;0nMnjFUfBv{;5=9NW`NH-G_9EEYev8^GmZxB&_Phlht- z?FQJ}+jBe$Zh&)um6esY1FWyF@7U9C?%yk^xRJ)A$yAIx0wz`u$L#FvYwGlIH{b6?Nd`zFYwTod%2kO z0k;6g$HyaMV`GD|EUTg@Mg>8Lfpsw{7K>l@_xHC~S68>^=jYuQlTX-r<|Y7OeX)12 zdd6-K?*shAI%+wZyqeW2fb|vkVAXTyu6T)++b^(oTex=h|EOO**$cWOvoH++0000< KMNUMnLSTaZ9f+d< literal 0 HcmV?d00001 diff --git a/assets/scale-slider-hover.svg b/assets/scale-slider-hover.svg new file mode 100755 index 0000000..d2c5c93 --- /dev/null +++ b/assets/scale-slider-hover.svg @@ -0,0 +1,90 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/assets/scale-slider-hover@2.png b/assets/scale-slider-hover@2.png new file mode 100755 index 0000000000000000000000000000000000000000..d64f411d0e92c762795bc3c550ee01ec502a363c GIT binary patch literal 582 zcmV-M0=fN(P)6O+2$C|nvpM+a(LNRv`ru4u~00zvHb?cbdT$8!S; z;ZY4|`@qT^@U#X3yOCdRCQVHa@{OZcI13hl1LO?87QVG#Ce8B>#+3)tp$o_f>`Xcl zfP8RRluYIai&cJ^27*_L{8CQ=B%ArLL^wbWiT40xHEge|qr?2&a$SuqjyF_C)KY*0 zc;b1!itsoEH~^;dL=Enx6(Gi@0(a610M>50=jX{O&`U9(rvja{=q7a3;2^C4F=?rp zYXGAZ__4*qQ2VvYiNNP&(@pr)uWxk~z%=t77%Y*0rbF3-@zwnM>HSkDJYzXa<-}|^ zsz3a79suyCTKilBfO4kkHU#@;mN$+Xjcus0J&?z&qUnws9I?y%?l?v^2^O^ z_SPoCM~}U&Kt)$QT^vI+ zCib4U&N~z!(E706jqM5B?(=*TRD;rZPkhxaaAbYCM`HTB2@Qv8Z#Y|dE0j&JYT#yZ z@!^sS6?v!Gzfbur$99pUn=Ze7ckgVDh7(i5F{v5mzA?{!KHyMbxSaWw$zDF~%TMdA z9uxZ9-g$Q=-RxZS_PPBJ!&~nko9~_XQG|Jq+r{q@2aWj8d{sXy^5Q4o0imzQ8Dd0k z{HVUULee;2Z~9I%-x#K??duP32+f+u->2mGD kP3_Pu4^P)w`E zr3QZjd%~ksNt!f*N|B2o^EI6x+o>JP%5SGEYIRQXC^aqN4Q0eMr$nuUj(*P zSvO-9K!kpboU2+l1U=c=DgBzokekfI!`6yf_ykr5+-)U*C?f3``Bv+VfoqGxpOo?JIzY`wR@1$iGOEunU(@bEWd)w}`%EIa?LYNXzB&pR0gT z$g3Y9AAopI`1@Mz_37BSHZrs9_!(FeDBKZ#ArjwIDrtApymphT)lw(MWCLsu@c+|V z#EzT`o6~TZ@v9hXH0fLs;ugpw7=2rSz6d?w%(>V})3iT}@fR=2pt>J_G;&002ov JPDHLkV1iT>_i+FK literal 0 HcmV?d00001 diff --git a/assets/scale-slider.svg b/assets/scale-slider.svg new file mode 100755 index 0000000..5a4a425 --- /dev/null +++ b/assets/scale-slider.svg @@ -0,0 +1,65 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/assets/scale-slider@2.png b/assets/scale-slider@2.png new file mode 100755 index 0000000000000000000000000000000000000000..1a860df8388d60b02e5db75b3f2ce9679c908983 GIT binary patch literal 592 zcmV-W0s?Im)LtMfUjYt~G5C}%ojmU~FFN>Jxs^e# zfA2UlFL>PTL;%zKwOK`c&dA#` zwqi>$@0<_T5`Y5)ipV>m2MNFdFzKN)xRX?XumuO)N-6+j=9+hYl;j<#nOuN1ov?ah zc&YA893>SXqv|Yn2SA(vKeCh^y4L2>nV>Xjx)~o@g0 zy!XvZPngJ2nU_%rpWXd_5diSBxcnLH6_~#c9CI(jjpf6x(>F42mQEfS+6OY@!F4X# z)3BJU_PTv9Ib2_<>XqZ$N{>TDV eT7_I=5aSP}`=Afd=P(ig0000PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC{<-d_r6qo*!p;euUxqQHB>s8D1V^cyWy3(q@LsTNtivWw^PE;lX}} zCx^kZ$C%HoV}5a*_rx0BmnTJ@oe+I?Lg~bM%eR-UPHl_%a69($!Pa{hTfaP6_5ID- zmk)M)ezouIv;7}l?EmrMz`N%MetbCiPZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMT-X)h6XMG7{5Zq&BMi@vGQ2p-@bVbLi(?FzHZxq_!f<6P!_8d`5B4)W zISiIP#(ZWS^NZuWC)V)3JSp<*gy^#qN+;G^zP)U9YFo^Q+p(7qw%)tg`sK;0?{C(= ze6Zv5t9@^u?f>v%|Bnv`-aS9?Eak7F*P|M>8UG|P7jaH9*u^X zjpDoygatw-JarR$F#THK69=&gmo5r4t_lbed-hcH`c;v~O|urRS*xY9YN_r)PUDb> z&}iS-=t;bZ-4nXDZR3&OwAJZT5tEI^y9a5{kG%}yId8aW!6!yF8U9SiuRp#5ZDsIu L^>bP0l+XkK%EZ>I literal 0 HcmV?d00001 diff --git a/assets/selected-checkbox-checked@2.png b/assets/selected-checkbox-checked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..02ace0e88d4b5e80042613a03903248e9012fe0d GIT binary patch literal 727 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a^ar4 z@CS%~fB5_R!@oZro}LCk?{k*~`2{l=8W|rrcl)4AD5hb#i3& z!2p3a_nd`Wr+KYPTE1=37LBD_*DF8z|6ly%!;dac=G^;mcc1uk+xur2BIfSNkh*t} zG2*V0sUEk5tJ|9cn+^DtjK3eqKdZz%J^YlC|IwX0n<8qLJ-8CF^s>(hnd5a+b@jaE z4$5r*W|a4;Kk@GE^>0sx|M9R7>6*{4xcBGpxO@LRT&nguzuC{C_b)aub%XlcCGMR2 z7f#a?@>`M~xjx~*N4bafvq}yM@6-x?l@W8zGk%*|t@6ppTLG^o@}IkO?3}5c&##rt zz1O5N=O38yJvd;;OQXM=Pw4PlzkS^WzN9k1#wx%JAYS!^>j~FOD%>*u-#W50LTy|NrDSk1c>I z*-C=^f<3*wA3c7O@YOL9D5C4>;uyj)GdbWb1G76DKgZ&k3z@k(QqHh6aY-mMAJOpk l_Fk>vXMHC~kmE1|!=wj}7xjpMY$9ETYgCOvSxsDC_H9;lJQ)78&qol`;+05>jXZ2$lO literal 0 HcmV?d00001 diff --git a/assets/selected-checkbox-mixed@2.png b/assets/selected-checkbox-mixed@2.png new file mode 100755 index 0000000000000000000000000000000000000000..76af8276d20d8593a95f33a1e0d2cafa7a94d83f GIT binary patch literal 408 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a-m;w`Z({{R0krYHRpXdrh6ET zS6a__xiB<@L#IGNQ#j&Em0!4;Xytz6+bYjWb=u}1za5k!_v_4^A6|8QH@$B4nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F*xTJ<)!9i7Apj# zmZTQ#_~j3BLAj@kV~9oX+sPXRn+*h5zAur~Xv&&%p>x+FJ`aVXODk-gne(OZHNJ__ zNc()Z+b<{k_-w{P=BQH!7o6@)uDIv^K~7!lR6SpUQ2$kdvz|ZOqgPC4ywX->SeMvrm%eJY_iBxI;bR(A`t*cN-@D@Qmj?t=!3ySf3Ac0)wZkpUXO@geCx~ C?Qui^ literal 0 HcmV?d00001 diff --git a/assets/selected-checkbox-unchecked.png b/assets/selected-checkbox-unchecked.png new file mode 100755 index 0000000000000000000000000000000000000000..dd4ce43b8652f57eadf551640551673e44737819 GIT binary patch literal 322 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf4nJ z@ErkR#;MwT(m+AU64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1T~L5e~$ zOL9^fT+8wU@(UC~GE#F>6+%*T3vv=mQg1d!bOM!$f|NOymSp4?F$AQRq!uYS=NILr z=42LsUv>%P#Bxs;#}JF&x05#tHX8`Ad|x7|(UdjkLg%hUd>#r%msZ#~Gv`a+YkU)< zk@op+w_i^7@!5=p%u%NdE;!wpTyf9+gPgk9sd~Nyq5i7^XFY$mN3WR9c%`k%vY2(9 z1E0nEs=K-hXP+d`dCG9Maff=sp}VKr?>0>Q;Tg|)TDg-Yu|6N@1O`u6KbLh*2~7aV C>v4Pl literal 0 HcmV?d00001 diff --git a/assets/selected-checkbox-unchecked@2.png b/assets/selected-checkbox-unchecked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..9fbe2d2390040aee0f91c760df41c1cd123475bb GIT binary patch literal 359 zcmeAS@N?(olHy`uVBq!ia0vp^av;pY3?xs=ZJr3En2Vh}LpV4%Za?&Y0OWEOctjR6 zFi5WlVa7PAi84Sz$r9IylHmNblJdl&REF~Ma=pyF?Be9af>gcyqV(DCY@~pSq(O>8 zGD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(Msxy|iGq|lmX>7X7cm5+mZTObIOiAT zrRHQ7e_wV9k}be!SkQHB@C8D4<7KoTegBEbl#=EX73eODcT zTKG$X{DK+$0|JABCr+NSbJy-YZ{NACn^*>va`SX?43W5;oX}DEU!Lt>Zc@U7AN@RB z5`O}J%$Gd3_(Q$n9`}d;Q-Abxx&2i6^nP*c^E#1#{#$AXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=LvM0!Wo&74AW&s=WpcRsPlx~j0wYO8K~y-6b<37Mc4LBoM#~UaM8`t&V^uR$t(JxB&pl)7KU6n{Rn4}l8S2(Y9Sil3&x@X4iP~y$z^<3> zY}x?+oE?%^ZemEJeVJkseIlRTv^cKzs9Nt>oEfll{5C#BzZ8>MIEn|-mTxwlT917} zoR{(-$jeu;EF8_mUi_x9|2~-iX@}~@Ig2v`9pBAU#7QaMFjW2lhF|>$zf1OJ6j*&C z_fe4E^r&abLhEgu$4MiHrZ(t$h~6w>9(%-e0mjO^a&d?lkm3^YnMV25(>s~%#U9Cg zmeMo^E%qN?OBg;_5w8)GM#{6#?4){d1Opz&4@osML2hBzNM9+9KiqVgFgMp{XsIO} z5GJz5D{bOyjQeZ(;+mEJLrfR8FMTPzNL(>m{@gjoo_Lq^i%2I_ebXIP8&Ee(b^kTV zTevB&yvO>_ba!^Em6c04)@5!<<~ozTfZbjGTfO;&9TWGSZm>3~eT2u8!s{69vP+UF g;etl_{rdEO0RyPTWXyw$ga7~l07*qoM6N<$f`n~U2mk;8 literal 0 HcmV?d00001 diff --git a/assets/selected-radio-checked.png b/assets/selected-radio-checked.png new file mode 100755 index 0000000000000000000000000000000000000000..f15edc3cdfe55fd8657dd3420093a4bea517fbbd GIT binary patch literal 750 zcmVAXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=P-S#wav(!*a&Bd8X><3c(oz5b0wYO8K~y-6b<37Mc4LBoM#~UaM8`t&V^uR$t(JxB&pl)7KU6n{Rn4}l8S2(Y9Sil3&x@X4iP~y$z^<3> zY}x?+oE?%^ZemEJeVJkseIlRTv^cKzs9Nt>oEfll{5C#BzZ8>MIEn|-mTxwlT917} zoR{(-$jeu;EF8_mUi_x9|2~-iX@}~@Ig2v`9pBAU#7QaMFjW2lhF|>$zf1OJ6j*&C z_fe4E^r&abLhEgu$4MiHrZ(t$h~6w>9(%-e0mjO^a&d?lkm3^YnMV25(>s~%#U9Cg zmeMo^E%qN?OBg;_5w8)GM#{6#?4){d1Opz&4@osML2hBzNM9+9KiqVgFgMp{XsIO} z5GJz5D{bOyjQeZ(;+mEJLrfR8FMTPzNL(>m{@gjoo_Lq^i%2I_ebXIP8&Ee(b^kTV zTevB&yvO>_ba!^Em6c04)@5!<<~ozTfZbjGTfO;&9TWGSZm>3~eT2u8!s{69vP+UF g;etl_{rdEO0RyPTWXyw$ga7~l07*qoM6N<$f&m&-KmY&$ literal 0 HcmV?d00001 diff --git a/assets/selected-radio-checked@2.png b/assets/selected-radio-checked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..708fa2e3d8a74f5227f613640b866f6793337344 GIT binary patch literal 1232 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4bRpxO0G|+7phAZK|G{V#!~gvZ|IaX7y~=QV8^itm43Cd7ytv5lYCps4 zBMfg(FuXeh5_xup;rStk7e^Uhonm->2qg9F2*Zn$3@;BeygJ74>IB1cAOeaUWq5In z;pGX2S4Tk#o&$|K&hX+0!^@*!S+LYgp!#DB&w(m|Qb!qH9tX<;6#%(l5ugbmLxAEC z29OQr0=0k)1e*zw1#*G9Kt{pE;fle^Am&4qK{P^L2-gL)5vCHz09phx5Mmm{SgH1v4-*F|)9;v2$>8 z^YHTV3yFw|Nk~e`DJrR`YH91}>KT}rnOj&oI=i}ic>DSX1&4%%M?^+N$0etwXJlpP z7Z#P2mX%jjR@c_mH#WC+boWe{IBD|KX)|WcS-fK9>NRWEZ``zX+x8th_Z>KR_~^0Y zXU?9#aQVvB>o;%RzH|59gNKivyn6li-G`5#K7aZ8?fZ|PzyAFFXL!~27BHF3_jGX# zk&w(i$nGq}$k6ssU*j-`i}Vzy>gl|^TWvSww1D%9pCxO*(+o( ze10)Mp**P~DaqoZXu#sPnax_tTYa}GWoFsDnQ(fa&9*ZUMwZ{$qVv|v{8clM=3lLI z=f9}I<5jN=5AN9&)8}xA#dz5!-_HRS3#4LMHFBmL{mkVxch%*{rt5N^wg(!d=CJd5 zRq@MDTj6+FWY6SljCYGZ$6M=p^K`tBc~VmpY2$ZNeWfKoa}~??C(~LSZ@MY2-Cp3h z?SR%zzk|%{bHo)Fzc28ZwluzH#*)9PaeBcw1%E87d@*(DOXK=qTb3R;;}!bF$?>wl z^tH8YpD*dyFIr{A9bCm`9)Pzvq8x^@ z)t3C_U*wf1eD=J4@Xi{xXkUp*SAGfGZC&Y?Ayv2aWD#4%y+u;G`VE&iRk}6iw8tn# zKKQ3J^`|;xvcZy77bYU~?{Ta%hzfl2~TS3j3^P6PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)A_nLDqP*0c%wmOr z)RNSq9l!iLfC`cWd_r7-G{gTh3|Fr*+}_6U`~<`EBMdK&GQ2p(@ElA688425xG%vX z&w*Sx0*fQKaB(o>!X}10dw`1n|Nrmtnbikqi)=}dUoZnJ8@raaj&5(?go%@GPLAe^V-VZ38MS^mK6yk&p~M*eT>}z~FjOeT8ZXuWP~I|KVYVYUeJ- zr_D~xI5oTMV{OXg?8Tvf9)2;KB*&tqDb4vKWLmeAuDGA=2AQ-MR~SzxHm#3Jm{(?O zF*WANu1Y4miCIixlPU|V+@fZl+WgV%lAdnN{oOVfU$K|6hzHAjTKpRn7@n?vF6*2U Fng9TQx=sK9 literal 0 HcmV?d00001 diff --git a/assets/selected-radio-mixed.png b/assets/selected-radio-mixed.png new file mode 100755 index 0000000000000000000000000000000000000000..abf0a20ed62873a72c5d742f8a4676247fcb34ee GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJbFq_W2nPqp?T7vkfLzW3kH}&M z2EHR8%s5q>PZ}sFS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBIkG)PfM zW=T#egKJrSKz@NjNJeUIszOL=Zb43BN$SnUh)$p~QIImn(vpn)B8Gs}lGGvv=lr6) z)SS%X@5?TMT$mi-6XFV_8UCMPxO$c0_BMv+Cm5a|VR&(r;l(kA=U@`ZcyS!WeF+wM z4&=fSSRBEHi-Q>#HZk1U162I~|9_9qtUf?nWJ`klf*DxZ*tN8EbbI?IOq@Jr+VtIf z_U^lUzpTGS1n^L)J8&F}Pr;B5Vgk#rRWjL4%wh_gR9RT%7B%zK=8tBV^mJqH@3y)4ioKLYJXq$_;@_aa@O1TaS?83{ F1OPv6x`qG% literal 0 HcmV?d00001 diff --git a/assets/selected-radio-mixed@2.png b/assets/selected-radio-mixed@2.png new file mode 100755 index 0000000000000000000000000000000000000000..db7dc6145e0dc7ad93fe00625389bf41708de746 GIT binary patch literal 716 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX3?zBp#Z3TG%*9TgAsieWw;%dH0CG7CJR*x3 z7^K&OFk_t5L>Zuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4a^aZ(pAc6d&G7#}7_DNszn|gpF@|Sn7+xM@czK-R)d_}YM;M+RWq1zc z0uhh_M8`o4AQvbIWWP8DLLhM<<0u$`^&+bQ%7T;u6+;+cEg&w00X7ZFhKL}Mhn6y2 z-okKYE5p@o3^#TFwG`YqS@7w8!`<@@_bxPidHmq}=LbK(KKS$F|NsAID(qGQy<=Ju z)+OhWILb%FFjoxLnI_?4{}={3SeM+uzoYIt9Vb$B7xb!hFG_TBZ|t^FSl|FrqyuFLIu&htpj3oC;!%S>2eb4-7Av1Tc3P<$7eq%&b>%F5yl z+iAhFYb+VHeaac;Y?{O!A*k)i&A#U15#4N_k0+$$l(J6tD=t(M431vMGk?9$Spg73 zo_kqZ#|qW^@&EVg&zSUKW@V+>9>cEYjf^j%+*ceDRtsM+$UK}N@BQq_#9pO~GF3)>OUw7Fe|Ro_&~v`s T8?mFYpj6=L>gTe~DWM4ffEPd6 literal 0 HcmV?d00001 diff --git a/assets/selected-radio-unchecked-dark.png b/assets/selected-radio-unchecked-dark.png new file mode 100755 index 0000000000000000000000000000000000000000..ee0d9f14d2bfd54ccd0b1464491cf2095c7b17d2 GIT binary patch literal 650 zcmV;50(Jd~P)AXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=LvM0!Wo&74AW&s=WpcRsPlx~j0l!H^K~y-6jnhj@l~EMN@!#IP zDg#De4bgxBb{HAtZ=JII7nMNjLBf=f$k7RN1Ul*(_#dTqpoH)rSY96qoNY zS-mE&Ci(EN$>-Zvt+lB9Rhzt8lUI}a@YRJC>M!<68{U%Y=CXr!9{K!F0DKr}6=z4$ zDusQKtQU<^yu4-@c65Bg6*LK{H%hwkQ`q=m&G4e)%zeyAx+7^1-YFgUv2H-yiSKwX z*b|XqZr$N!{X#>O(gfP2p={mJG}3@}!9*0o5SmRjb*>wb|Lnph^XX}1z8}o%E6D%X z*jS?&`;Z9zQR#S%bPpXq&fNL$DrqRQW%{n<5NS}k@_OMpZb)YdZ=}#8Zyb`pJi01e zuU6EXo(axiRGdA>%Fpy=q{ZxPKTZ|SxL|Byvi;ay_zyM29$Sxo{S&Y>sn*4OujC|} k3wK)ZNOD`L@?>TEZ%~q&bQwVAXH^-aBN|8W!ZsPi2wiq z6?8>dbU}4=Xm4@=P-S#wav(!*a&Bd8X><3c(oz5b0l!H^K~y-6jnhj@l~EMN@!#IP zDg#De4bgxBb{HAtZ=JII7nMNjLBf=f$k7RN1Ul*(_#dTqpoH)rSY96qoNY zS-mE&Ci(EN$>-Zvt+lB9Rhzt8lUI}a@YRJC>M!<68{U%Y=CXr!9{K!F0DKr}6=z4$ zDusQKtQU<^yu4-@c65Bg6*LK{H%hwkQ`q=m&G4e)%zeyAx+7^1-YFgUv2H-yiSKwX z*b|XqZr$N!{X#>O(gfP2p={mJG}3@}!9*0o5SmRjb*>wb|Lnph^XX}1z8}o%E6D%X z*jS?&`;Z9zQR#S%bPpXq&fNL$DrqRQW%{n<5NS}k@_OMpZb)YdZ=}#8Zyb`pJi01e zuU6EXo(axiRGdA>%Fpy=q{ZxPKTZ|SxL|Byvi;ay_zyM29$Sxo{S&Y>sn*4OujC|} k3wK)ZNOD`L@?>TEZ%~q&bQwVZuoc5!lIL8@MUQTpt6Hc~)E(jY}4 znI$=?46bGQ0r>?AAsMN;sR|*fxdl0iC8;+XBRYY~L_x|NOG`5Hix>h@OHzvzob!wF zQgbqkzc0H4bRlC&fKP}kP$9$r|6sI=;r|(it5+HB?`L>?jN#ROhSx_J-kxB1cLv0L zc81~kA%+)68D5-ZczKxN6;QzmhUY+Z1T1)r;pGX2S4SD19btHWjN!#`hL=adQb2K_ z%3}=Aff|p4RKA2r0oh>g3!q}48lWIpC6EDB2{i%825JP0K$L-ug)0MU1e*p?15yAq z5Ns6GE{F)wUa%IBIbgd$UI3c|(g+cOXoNTtCIYkwZYGEUMj(@6Y!n8}78F6ODnWwb z0-yE*gT1;W$S;_Ik%^g=jf0bimycgaL{v;sNkvslTSr&Vz{Jel($U%7!`s(CC^#%U zA~GsEE-fP~yRfLVth}PKy0)&qv9+VSXTrqEQ>V?Evv|eI)oa$S-?(+#_8mL-9XNRS z=&|Ex&tJHF?9#p9i&r?f?mKQ7+PW#cz-<94aub#>~>Hy7{GWd6g$K2>ziFV-0w zirRQ)OgBBXx>v%W`BavDd&zp6UzaBA)1IEszHV3OlHXkWeyZ>?Zr1w9BQc?bpN=sx|ON$Z^QFVvzl%HHVQ`CHr}^tPmJVsj#3wx zc9lmaQ~KTsEw1P)cFsuI!_l@(w^9n(D^{!$*)#p9kc#%w>k02xy0ka4dVZ~cxW&Gko~&){!gdkV;&V+#;G_+RbMmbY(S8^@Nr9hAX5 MUHx3vIVCg!0D0T;ng9R* literal 0 HcmV?d00001 diff --git a/assets/switch-insensitive.svg b/assets/switch-insensitive.svg new file mode 100755 index 0000000..30b08fe --- /dev/null +++ b/assets/switch-insensitive.svg @@ -0,0 +1,371 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/assets/switch-insensitive@2.svg b/assets/switch-insensitive@2.svg new file mode 100755 index 0000000..7372b08 --- /dev/null +++ b/assets/switch-insensitive@2.svg @@ -0,0 +1,371 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/assets/switch-off.svg b/assets/switch-off.svg new file mode 100755 index 0000000..f5800e1 --- /dev/null +++ b/assets/switch-off.svg @@ -0,0 +1,384 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/assets/switch-off@2.svg b/assets/switch-off@2.svg new file mode 100755 index 0000000..f5800e1 --- /dev/null +++ b/assets/switch-off@2.svg @@ -0,0 +1,384 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/assets/switch-on.svg b/assets/switch-on.svg new file mode 100755 index 0000000..03cc342 --- /dev/null +++ b/assets/switch-on.svg @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/assets/switch-on@2.svg b/assets/switch-on@2.svg new file mode 100755 index 0000000..03cc342 --- /dev/null +++ b/assets/switch-on@2.svg @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/assets/switch-slider-insensitive.svg b/assets/switch-slider-insensitive.svg new file mode 100755 index 0000000..9aa5130 --- /dev/null +++ b/assets/switch-slider-insensitive.svg @@ -0,0 +1,11540 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/switch-slider-insensitive@2.svg b/assets/switch-slider-insensitive@2.svg new file mode 100755 index 0000000..069b0a3 --- /dev/null +++ b/assets/switch-slider-insensitive@2.svg @@ -0,0 +1,11540 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/switch-slider-off.svg b/assets/switch-slider-off.svg new file mode 100755 index 0000000..fd4e313 --- /dev/null +++ b/assets/switch-slider-off.svg @@ -0,0 +1,11523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/switch-slider-off@2.svg b/assets/switch-slider-off@2.svg new file mode 100755 index 0000000..fd4e313 --- /dev/null +++ b/assets/switch-slider-off@2.svg @@ -0,0 +1,11523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/switch-slider-on.svg b/assets/switch-slider-on.svg new file mode 100755 index 0000000..be0b5bb --- /dev/null +++ b/assets/switch-slider-on.svg @@ -0,0 +1,11523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/switch-slider-on@2.svg b/assets/switch-slider-on@2.svg new file mode 100755 index 0000000..be0b5bb --- /dev/null +++ b/assets/switch-slider-on@2.svg @@ -0,0 +1,11523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gnome-shell/classic-process-working.svg b/gnome-shell/classic-process-working.svg new file mode 100755 index 0000000..ed28a5c --- /dev/null +++ b/gnome-shell/classic-process-working.svg @@ -0,0 +1,3160 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css new file mode 100755 index 0000000..2689688 --- /dev/null +++ b/gnome-shell/gnome-shell.css @@ -0,0 +1,108 @@ +/* + * FakeOS Gnome-Shell theme + * + * Overrides certain CSS styles for gnome + * +*/ + + + +stage { + font-size: 9pt; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.85); +} + + + +/* Panel Top Bar */ +#panel, #panel.solid { + font-weight: bold; + background-color: rgba(0, 0, 0, 0.85); + border: 1px solid #ffffff; + border-top: none; + border-left: none; + border-right: none; +} +#panel.unlock-screen, #panel.login-screen, #panel:overview { + border: none; +} +.panel-button{ + content: "FAKE // OS" +} +.panel-button:active, .panel-button:overview, .panel-button:focus{ + background-color: #ffffff; + color: #000000; +} + + + +/* Dash Dock Bar */ +.dash-background { + background: rgba(0, 0, 0, 0.85); + border: 1px solid #ffffff; +} +.dash-separator { + border: 1px solid #ffffff; +} +.dash-label { + background: transparent; + color: transparent; +} + + + +/* Application Icons */ +.app-well-app .overview-icon, .grid-search-result .overview-icon { + background-color: transparent; + border: 1px solid transparent; +} +.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.1); + border: 1px solid #ffffff; +} + + + +/* Virtual Desktop Overview */ +.workspace-thumbnail-indicator { + border: 3px solid #ffffff; +} + + + +/* Search Results */ +.search-entry { + background: rgba(0, 0, 0, 0.85); + border: 1px solid rgba(255, 255, 255, 0.5); + color: #ffffff; +} +.search-entry:hover, .search-entry:focus { + border: 1px solid rgba(255, 255, 255, 1.0); +} +.search-section-content { + background: transparent; + border: none; +} +.search-section { + spacing: 18px; +} +.search-section .search-section-separator { + height: 1px; + margin: 16px; + background: #ffffff; +} + + + +/* Menues */ +.popup-menu-content { + background: rgba(0, 0, 0, 0.85); + border: 1px solid #ffffff; + border-radius: 0px; +} +.popup-sub-menu { + background: rgba(255,255,255,0.1); + border: 1px solid rgba(255,255,255,0.5); + border-top: none; +} diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css new file mode 100755 index 0000000..9640202 --- /dev/null +++ b/gtk-3.0/gtk-dark.css @@ -0,0 +1,6252 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #a8a8a8; +/* text color for entries, views and content in general */ +@define-color theme_text_color #a8a8a8; +/* widget base background color */ +@define-color theme_bg_color #171a1f; +/* text widgets and the like base background color */ +@define-color theme_base_color #131519; +/* base background color of selections */ +@define-color theme_selected_bg_color #9bbfbf; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #000; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #1a1c22; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #606164; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #131519; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #606164; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #a8a8a8; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #171a1f; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #15171c; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #9bbfbf; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #000; +/* widgets main borders color */ +@define-color borders #08090b; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #0a0b0d; +/* these are pretty self explicative */ +@define-color warning_color #aa4b1a; +@define-color error_color #b72f1d; +@define-color success_color #70af5a; +@define-color fg_color #a8a8a8; +@define-color text_color #a8a8a8; +@define-color bg_color #171a1f; +@define-color base_color #131519; +@define-color selected_bg_color #9bbfbf; +@define-color selected_fg_color #000; +@define-color unfocused_fg_color #606164; +@define-color unfocused_text_color #a8a8a8; +@define-color unfocused_bg_color #171a1f; +@define-color unfocused_base_color #15171c; +@define-color unfocused_selected_bg_color #9bbfbf; +@define-color unfocused_selected_fg_color #000; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#a8a8a8, 1.8); +@define-color wm_unfocused_title #606164; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#171a1f, 1.2); +@define-color wm_bg_b #171a1f; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#171a1f, 1.3); +@define-color wm_button_hover_color_b #171a1f; +@define-color wm_button_active_color_a shade(#171a1f, 0.85); +@define-color wm_button_active_color_b shade(#171a1f, 0.89); +@define-color wm_button_active_color_c shade(#171a1f, 0.9); +@define-color content_view_bg #131519; +@define-color text_view_bg #131519; +@define-color budgie_tasklist_indicator_color #9bbfbf; +@define-color budgie_tasklist_indicator_color_active #9bbfbf; +@define-color placeholder_text_color #8b8b8c; +@define-color STRAWBERRY_100 #ff8c82; +@define-color STRAWBERRY_300 #ed5353; +@define-color STRAWBERRY_500 #c6262e; +@define-color STRAWBERRY_700 #a10705; +@define-color STRAWBERRY_900 #7a0000; +@define-color ORANGE_100 #ffc27d; +@define-color ORANGE_300 #ffa154; +@define-color ORANGE_500 #f37329; +@define-color ORANGE_700 #cc3b02; +@define-color ORANGE_900 #a62100; +@define-color BANANA_100 #fff394; +@define-color BANANA_300 #ffe16b; +@define-color BANANA_500 #f9c440; +@define-color BANANA_700 #d48e15; +@define-color BANANA_900 #ad5f00; +@define-color LIME_100 #d1ff82; +@define-color LIME_300 #9bdb4d; +@define-color LIME_500 #68b723; +@define-color LIME_700 #3a9104; +@define-color LIME_900 #206b00; +@define-color MINT_100 #89ffdd; +@define-color MINT_300 #43d6b5; +@define-color MINT_500 #28bca3; +@define-color MINT_700 #0e9a83; +@define-color MINT_900 #007367; +@define-color BLUEBERRY_100 #8cd5ff; +@define-color BLUEBERRY_300 #64baff; +@define-color BLUEBERRY_500 #3689e6; +@define-color BLUEBERRY_700 #0d52bf; +@define-color BLUEBERRY_900 #002e99; +@define-color BUBBLEGUM_100 #fe9ab8; +@define-color BUBBLEGUM_300 #f4679d; +@define-color BUBBLEGUM_500 #de3e80; +@define-color BUBBLEGUM_700 #bc245d; +@define-color BUBBLEGUM_900 #910e38; +@define-color GRAPE_100 #e4c6fa; +@define-color GRAPE_300 #cd9ef7; +@define-color GRAPE_500 #a56de2; +@define-color GRAPE_700 #7239b3; +@define-color GRAPE_900 #452981; +@define-color COCOA_100 #a3907c; +@define-color COCOA_300 #8a715e; +@define-color COCOA_500 #715344; +@define-color COCOA_700 #57392d; +@define-color COCOA_900 #3d211b; +@define-color SILVER_100 #fafafa; +@define-color SILVER_300 #d4d4d4; +@define-color SILVER_500 #abacae; +@define-color SILVER_700 #7e8087; +@define-color SILVER_900 #555761; +@define-color SLATE_100 #95a3ab; +@define-color SLATE_300 #667885; +@define-color SLATE_500 #485a6c; +@define-color SLATE_700 #273445; +@define-color SLATE_900 #0e141f; +@define-color BLACK_100 #666; +@define-color BLACK_300 #4d4d4d; +@define-color BLACK_500 #333; +@define-color BLACK_700 #1a1a1a; +@define-color BLACK_900 #000; +/***************** +* Drawing mixins * +*****************/ +/********* +* Common * +*********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #b72f1d; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(168, 168, 168, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; + -gtk-secondary-caret-color: #9bbfbf; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #010202; + border: solid #08090b; + border-width: 1px 0 0 0; + color: #a8a8a8; + box-shadow: none; } + .action-bar:backdrop { + background-color: #010202; + box-shadow: none; + -gtk-icon-effect: dim; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(41, 45, 54, 0.98); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #a8a8a8; + background-color: #171a1f; } + .background:backdrop { + color: #606164; + background-color: #171a1f; + text-shadow: none; + -gtk-icon-shadow: none; } + .background.chromium { + background-color: #1c1f25; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: #a8a8a8; + background-color: #171a1f; } + .gtkstyle-fallback:hover { + color: #a8a8a8; + background-color: #2d323c; } + .gtkstyle-fallback:active { + color: #a8a8a8; + background-color: #010202; } + .gtkstyle-fallback:disabled { + color: #606164; + background-color: #1a1c22; } + .gtkstyle-fallback:selected { + color: #000; + background-color: #9bbfbf; } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #a8a8a8; + background-color: #131519; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: #8b8b8c; + background-color: #15171c; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 3px; } + +textview border { + background-color: #15181c; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +treeview.view rubberband { + border: 1px solid #7cabab; + background-color: rgba(124, 171, 171, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #a8a8a8; } + label.separator:backdrop { + color: #606164; } + label selection { + background-color: #9bbfbf; + color: #000; } + label:disabled { + color: #606164; } + label:disabled:backdrop { + color: #383e4a; } + label:backdrop { + color: #606164; } + +.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #131519; + border-top: 1px solid #08090b; } + assistant .sidebar:backdrop { + background-color: #15171c; + border-color: #0a0b0d; } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #34363a; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .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: #fefefe; + border: 1px solid #08090b; + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + outline-color: rgba(254, 254, 254, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +*:selected { + background: #9bbfbf; + color: #000; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#cadddd), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9bbfbf), to(transparent)); } } +notebook > header > tabs > arrow, +button { + min-height: 20px; + min-width: 16px; + padding: 3px 6px; + border: none; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #22262d; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-effect: highlight; } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8bb5b5; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition-duration: 50ms; } + notebook > header > tabs > arrow:active, + button:active { + color: #a8a8a8; } + notebook > header > tabs > arrow:active:hover, notebook > header > tabs > arrow:checked, + button:active:hover, + button:checked { + color: #000; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #15171c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition: 200ms ease-out; + -gtk-icon-effect: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + button:backdrop.flat:active label, + button:backdrop.flat:checked label, + button:backdrop:active label, + button:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #1a1c22; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #1a1c22; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #8a997d; + border-color: #8a997d; + box-shadow: inset 0 0 0 1px #8a997d; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #000; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #606164; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #fefefe; + border-radius: 5px; + outline-color: rgba(254, 254, 254, 0.3); + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(41, 45, 54, 0.98), rgba(41, 45, 54, 0.98)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification button, +.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, +.osd button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + .osd button:active:backdrop, + .osd button:active, + .osd button:checked:backdrop, + .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + .osd button:disabled:backdrop, + .osd button:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + .osd button:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(41, 45, 54, 0.98), rgba(41, 45, 54, 0.98)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + .osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + .osd button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + .osd button.flat:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + .osd button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + .osd button.flat:active, + .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } +button.suggested-action { + font-weight: normal; + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton, button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #8ec07c; } + button.suggested-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:active, button.suggested-action:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(0, 0, 0, 0.5); } + .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(0, 0, 0, 0.5); } + .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton: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 { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(142, 192, 124, 0.8); } + button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled label { + color: rgba(0, 0, 0, 0.7); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + .osd button.suggested-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(142, 192, 124, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(142, 192, 124, 0.7), rgba(142, 192, 124, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #8ec07c, #8ec07c); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(142, 192, 124, 0.5), rgba(142, 192, 124, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + font-weight: normal; + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #a12a19; } + button.destructive-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:active, button.destructive-action:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(0, 0, 0, 0.5); } + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(0, 0, 0, 0.5); } + 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 { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(161, 42, 25, 0.8); } + button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled label { + color: rgba(0, 0, 0, 0.7); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + .osd button.destructive-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(161, 42, 25, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(161, 42, 25, 0.7), rgba(161, 42, 25, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #a12a19, #a12a19); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(161, 42, 25, 0.5), rgba(161, 42, 25, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .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 button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar button, .primary-toolbar .raised button { + -gtk-icon-shadow: none; } + .primary-toolbar button:hover, .primary-toolbar button:focus, .primary-toolbar .raised button:hover, .primary-toolbar .raised button:focus { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#cadddd), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.9149803922)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + +toolbar button:hover { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #08090b; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +toolbar button:active { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: black; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.inline-toolbar toolbutton > button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:hover { + color: #9bbfbf; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #8bb5b5; } + .inline-toolbar toolbutton > button:disabled { + color: #8b8b8c; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(139, 181, 181, 0.3); } + .inline-toolbar toolbutton > button:backdrop { + color: #8b8b8c; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: #8bb5b5; } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #8b8b8c; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(139, 181, 181, 0.3); } + +toolbar.inline-toolbar toolbutton > button.flat:backdrop, +toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { + border-color: transparent; + box-shadow: none; } + +.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border: 1px solid #08090b; + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +entry: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, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +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, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: #22262d; } + 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-left: 8px; } + 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-right: 8px; } + +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"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +notebook button, list button, .view button, iconview button, popover button { + box-shadow: inset 0px 0px 0px 1px #08090b; } + notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { + box-shadow: inset 0px 0px 0px 1px #08090b; } +notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #a8a8a8; + border: 1px solid #08090b; } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(168, 168, 168, 0.45); } + calendar.button:hover { + color: #a8a8a8; } + calendar.button:backdrop { + color: rgba(96, 97, 100, 0.45); } + calendar.button:disabled { + color: rgba(96, 97, 100, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #a8a8a8; } + calendar:backdrop { + color: #8b8b8c; + border-color: #0a0b0d; } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, iconview.content-view check, +.view.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, iconview.content-view radio, +.view.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, iconview.content-view check:hover, +.view.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, iconview.content-view radio:hover, +.view.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, iconview.content-view check:active, +.view.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, iconview.content-view radio:active, +.view.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, iconview.content-view check:disabled, +.view.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +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, +radio { + margin: 0 4px; + min-height: 16px; + min-width: 16px; + border: none; } + menu menuitem check, menu menuitem + radio { + margin: 0; } + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem + radio, menu menuitem + radio:hover, menu menuitem + radio:disabled { + min-height: 14px; + min-width: 14px; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + border-color: currentColor; + animation: none; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #000; } + colorswatch.dark overlay:hover { + border-color: #08090b; } + colorswatch.dark overlay:backdrop { + color: rgba(0, 0, 0, 0.5); } +colorswatch.light overlay { + color: #a8a8a8; } + colorswatch.light overlay:hover { + border-color: #08090b; } + colorswatch.light overlay:backdrop { + color: #8b8b8c; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #8a997d; + box-shadow: inset 0 0 0 2px #08090b, inset 0 0 0 1px #8a997d; } + colorswatch:drop(active).dark overlay { + border-color: #8a997d; + box-shadow: inset 0 0 0 2px #08090b, inset 0 0 0 1px #8a997d; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid #08090b; } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: #08090b; + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #22262d; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:hover { + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #131519; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:backdrop { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #15171c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #000; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar:not(headerbar) { + background-color: rgba(23, 26, 31, 0.95); } +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(23, 26, 31, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } +messagedialog.csd.background { + background-color: rgba(23, 26, 31, 0.95); + color: #a8a8a8; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +messagedialog.csd .dialog-action-area button { + padding: 10px 14px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; + background-color: transparent; + color: #a8a8a8; + box-shadow: none; } + messagedialog.csd .dialog-action-area button:hover { + background-color: rgba(155, 191, 191, 0.9); } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 4px; } + +filechooser .dialog-action-box { + border-top: 1px solid #08090b; } + filechooser .dialog-action-box:backdrop { + border-top-color: #0a0b0d; } +filechooser #pathbarbox { + border-bottom: 1px solid #171a1f; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), entry { + min-height: 25px; + 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: #a8a8a8; + border-color: #08090b; + background-color: #22262d; } + 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:not(.vertical) undershoot.left, + entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } + spinbutton:not(.vertical) undershoot.right, + entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } + spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + box-shadow: none; + border-radius: 0; } + spinbutton:focus:not(.vertical), + entry:focus { + border-color: #7cabab; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #606164; + border-color: #08090b; + background-color: #1a1c22; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #8b8b8c; + border-color: #0a0b0d; + background-color: #15171c; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #383e4a; + border-color: #0a0b0d; + background-color: #1a1c22; + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #a8a8a8; + border-color: #08090b; + background-color: #22262d; + color: #b72f1d; + border-color: #1d0704; } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + border-color: #1d0704; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #b72f1d; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #a8a8a8; + border-color: #08090b; + background-color: #22262d; + color: #aa4b1a; + border-color: #0f0702; } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + border-color: #0f0702; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #aa4b1a; } + spinbutton:not(.vertical) image, + entry image { + color: #8a8b8b; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #a8a8a8; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #9bbfbf; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #515256; } + spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus, + entry:drop(active) { + border-color: #8a997d; + box-shadow: inset 0 0 0 1px #8a997d; } + .osd spinbutton:not(.vertical), + .osd entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus:not(.vertical), + .osd entry:focus { + color: white; + border-color: #9bbfbf; + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), + .osd entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), + .osd entry:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(62, 66, 74, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #9bbfbf; + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:focus + button, .linked:not(.vertical) > +entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + +entry, .linked:not(.vertical) > +entry:focus + +entry { + border-left-color: #7cabab; } +.linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > +entry:focus { + border-color: #7cabab; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #8a997d; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: #101115; + background-image: linear-gradient(to bottom, #131519, #131519); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: #121318; + background-image: linear-gradient(to bottom, #15171c, #15171c); } +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: #101115; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: #7cabab; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #8a997d; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #7cabab; } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #8a997d; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: #131519; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #131519; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #9bbfbf; } + +/************* + * 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-end-symbolic-rtl"); } + expander arrow:hover { + color: #f4f4f4; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #171a1f; + border-width: 1px; + border-style: solid solid none; + border-color: #08090b; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #171a1f; + border-color: #0a0b0d; } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #08090b; } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: #0a0b0d; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #08090b; } + actionbar > revealer > box:backdrop { + border-color: #0a0b0d; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(168, 168, 168, 0.07)), to(rgba(168, 168, 168, 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(#0a0b0d), to(rgba(10, 11, 13, 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(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(168, 168, 168, 0.07)), to(rgba(168, 168, 168, 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(#0a0b0d), to(rgba(10, 11, 13, 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(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(168, 168, 168, 0.07)), to(rgba(168, 168, 168, 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(#0a0b0d), to(rgba(10, 11, 13, 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(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(168, 168, 168, 0.07)), to(rgba(168, 168, 168, 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(#0a0b0d), to(rgba(10, 11, 13, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; + box-shadow: none; } +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; + box-shadow: none; } +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #08090b 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #15181c; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #0a0b0d 1px, transparent 1px); + background-color: #111316; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid #131519; + background: #131519; + color: #a8a8a8; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #9bbfbf; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #131519; + background-image: none; + border: 1px solid #131519; + color: #a8a8a8; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #131519; } + GraniteWidgetsWelcome GtkLabel { + color: #a8a8a8; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(168, 168, 168, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + background-color: #171a1f; + border: solid #08090b; + color: #a8a8a8; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #171a1f; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #0c0e10; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(168, 168, 168, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #d79920; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #131519; } + .storage-bar .fill-block.app { + background-color: #458588; } + .storage-bar .fill-block.audio { + background-color: #d65e21; } + .storage-bar .fill-block.photo { + background-color: #cd3520; } + .storage-bar .fill-block.video { + background-color: #b16286; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), headerbar { + padding: 0 6px; + min-height: 34px; + background-color: #171a1f; + color: #a8a8a8; + border-radius: 0; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: #0a0b0d; + background-image: none; + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) headerbar .linked > button:hover, + headerbar .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) headerbar .linked > button:active, + headerbar .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) headerbar .linked > button:checked, + headerbar .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button:backdrop, + headerbar .linked > button, + headerbar .linked > button:hover, + headerbar .linked > button:active, + headerbar .linked > button:checked, + headerbar .linked > button:backdrop { + border: none; + border-radius: 3px; + border-right-style: none; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:first-child, + .titlebar:not(headerbar) headerbar .linked > button:first-child, + headerbar .titlebar:not(headerbar) .linked > button:first-child, + headerbar .linked > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + .titlebar:not(headerbar) .linked > button:last-child, + .titlebar:not(headerbar) headerbar .linked > button:last-child, + headerbar .titlebar:not(headerbar) .linked > button:last-child, + headerbar .linked > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + .titlebar:not(headerbar) .linked > button:only-child, + .titlebar:not(headerbar) headerbar .linked > button:only-child, + headerbar .titlebar:not(headerbar) .linked > button:only-child, + headerbar .linked > button:only-child { + border-radius: 3px; + border-style: solid; } + .titlebar:not(headerbar) entry, + headerbar entry { + min-height: 25px; } + .titlebar:not(headerbar) button, + headerbar button { + color: #a8a8a8; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + min-height: 20px; + margin-top: 5px; + margin-bottom: 5px; + border-radius: 4px; } + .titlebar:not(headerbar) button:hover, .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:hover, + headerbar button:active, + headerbar button:checked { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + .titlebar:not(headerbar) button:backdrop, .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(168, 168, 168, 0.2); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:backdrop:hover, .titlebar:not(headerbar) button:backdrop:active, .titlebar:not(headerbar) button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + background-color: transparent; + color: #9bbfbf; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop:hover, .titlebar:not(headerbar) button.titlebutton *, + headerbar button.titlebutton:hover, + headerbar button.titlebutton:active, + headerbar button.titlebutton:checked, + headerbar button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop:hover, + headerbar button.titlebutton * { + color: transparent; + box-shadow: none; + background-color: transparent; } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:active, + headerbar button.suggested-action:active { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(0, 0, 0, 0.5); } + .titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:active, + headerbar button.destructive-action:active { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(0, 0, 0, 0.5); } + .titlebar:not(headerbar) button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) .linked > button:active:backdrop, + .titlebar:not(headerbar) .linked > button:checked:backdrop, + headerbar .linked > button:active:backdrop, + headerbar .linked > button:checked:backdrop { + color: rgba(155, 191, 191, 0.6); } + .titlebar:not(headerbar) .linked > button:active:backdrop label, + .titlebar:not(headerbar) .linked > button:checked:backdrop label, + headerbar .linked > button:active:backdrop label, + headerbar .linked > button:checked:backdrop label { + color: rgba(155, 191, 191, 0.6); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + color: #000; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: #7cabab; + background: #9bbfbf linear-gradient(to top, #92b9b9, #98bdbd 2px, #9bbfbf 3px); + box-shadow: inset 0 1px rgba(160, 194, 194, 0.55); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: #9bbfbf; + background-image: none; + box-shadow: inset 0 1px rgba(162, 196, 196, 0.46); } + .selection-mode.titlebar:not(headerbar) button, + headerbar.selection-mode button { + font-weight: normal; + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.flat, + headerbar.selection-mode button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:hover, + headerbar.selection-mode button:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-effect: none; + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:disabled, + headerbar.selection-mode button:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + .selection-mode.titlebar:not(headerbar) button.suggested-action, + headerbar.selection-mode button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(155, 191, 191, 0); + background-image: linear-gradient(to bottom, rgba(155, 191, 191, 0), rgba(155, 191, 191, 0)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu:backdrop GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + padding: 4px; + min-height: 28px; } + .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator { + margin-top: 5px; + margin-bottom: 5px; } +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; } +headerbar separator { + background: transparent; } +headerbar viewswitcher > box.horizontal > button.radio, headerbar switcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; } + headerbar viewswitcher > box.horizontal > button.radio image, headerbar switcher > box.horizontal > button.radio image { + margin-left: 7px; } + headerbar viewswitcher > box.horizontal > button.radio label, headerbar switcher > box.horizontal > button.radio label { + margin-right: 7px; } + +.background:not(.tiled):not(.maximized) .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 4px; } +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 4px; } + +window { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { + background: #171a1f; } +.titlebar button:active { + color: #9bbfbf; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #a8a8a8; + background-color: #171a1f; + border-bottom: 1px solid #010202; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #000; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #000; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(0, 0, 0, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(19, 21, 25, 0.98); + color: #a8a8a8; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #a8a8a8; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #131519; + color: #a8a8a8; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(19, 21, 25, 0.8); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(19, 21, 25, 0.6); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(19, 21, 25, 0.5); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(19, 21, 25, 0.8); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + +.info { + background-color: #989719; } + .info:backdrop { + background-color: #c4c320; + color: rgba(0, 0, 0, 0.5); } + +.warning { + background-color: #aa4b1a; } + .warning:backdrop { + background-color: #d65e21; + color: rgba(0, 0, 0, 0.5); } + +.question { + background-color: #8ec07c; } + .question:backdrop { + background-color: #acd19e; + color: rgba(0, 0, 0, 0.5); } + +.error { + background-color: #b72f1d; } + .error:backdrop { + background-color: #de3f29; + color: rgba(0, 0, 0, 0.5); } + +/************* + * Level Bar * + *************/ +levelbar block { + min-width: 32px; + min-height: 6px; } +levelbar.vertical block { + min-width: 6px; + min-height: 32px; } +levelbar:backdrop { + transition: 200ms ease-out; } +levelbar trough { + padding: 3px; + border-radius: 3px; + background-color: #272b33; + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + levelbar trough:backdrop { + background-color: rgba(0, 0, 0, 0.06); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } +levelbar.horizontal.discrete block { + margin: 0 1px; } +levelbar.vertical.discrete block { + margin: 1px 0; } +levelbar block { + border-radius: 2px; } + levelbar block:backdrop { + box-shadow: none; } + levelbar block.low { + background-color: #aa4b1a; } + levelbar block.low:backdrop { + border-color: #aa4b1a; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #8ec07c; } + levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { + border-color: #8ec07c; } + levelbar block.full { + background-color: #70af5a; } + levelbar block.full:backdrop { + border-color: #70af5a; } + levelbar block.empty { + background-color: rgba(0, 0, 0, 0.37); + box-shadow: none; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #458588; } + *:link:visited, + button:visited { + color: rgba(69, 133, 136, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #3e4c4c; } + *:link:hover, button:hover:link, + button:hover:visited { + color: #56a6aa; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #101313; } + *:link:active, button:active:link, + button:active:visited { + color: #458588; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #1f2626; } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: #9bbfbf; } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #1f2626; } + +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 { + color: #a8a8a8; + background-color: #131519; + border-color: #08090b; } + list:backdrop { + background-color: #15171c; + border-color: #0a0b0d; } + +row { + padding: 8px 14px; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row label { + padding-left: 8px; } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(168, 168, 168, 0.05); } + row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + row.activatable:backdrop:hover { + background-color: transparent; } + row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: rgba(155, 191, 191, 0.5); } + row.activatable:selected:backdrop { + background-color: rgba(155, 191, 191, 0.6); } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #171a1f; + color: #a8a8a8; + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + menubar > menuitem, + .menubar > menuitem { + min-height: 16px; + padding: 4px 8px; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + box-shadow: inset 0 -3px #9bbfbf; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: #606164; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background-color: #0e0e11; + border: 1px solid #08090b; + border-radius: 5px; + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #15181d; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #000; + background-color: #9bbfbf; } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #606164; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #383e4a; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #606164; + background-color: transparent; } + menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, .menu > arrow, .context-menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #0e0e11; + border-radius: 0; } + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #222427; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #222427; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + background-color: #222427; } + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + background-color: #15181d; } + menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } +menuitem check, +menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +.csd.popup { + background: transparent; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #08090b; } + .content-view:hover { + -gtk-icon-effect: highlight; } + .content-view:backdrop { + background-color: #08090b; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(168, 168, 168, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #131519; + border-top: 1px solid #08090b; + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #15171c; + border-color: #0a0b0d; } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #34363a; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: #08090b; + border-width: 1px; + background-color: #0f1013; } + notebook > header:backdrop { + border-color: #0a0b0d; + background-color: #171a1f; } + notebook > header tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked { + background-color: #131519; + box-shadow: -1px 0 0 #08090b, 0px -1px 0 #08090b, 1px 0 0 #08090b; } + notebook > header.top > tabs > tab:checked:hover { + background-color: #131519; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs { + margin-top: -2px; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + background-color: #131519; + box-shadow: -1px 0 0 #08090b, 0px 1px 0 #08090b, 1px 0 0 #08090b; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs { + margin-right: -2px; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + background-color: #131519; + box-shadow: 0px 1px 0 #08090b, 0px -1px 0 #08090b, 0px 1px 0 #08090b; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs { + margin-left: -2px; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + background-color: #131519; + box-shadow: 0px 1px 0 #08090b, 0px -1px 0 #08090b, 1px 0 0 #08090b; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 25px; + min-width: 25px; + padding: 3px 12px; + outline-offset: -5px; + color: #606164; + font-weight: normal; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #848586; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(8, 9, 11, 0.3); + background-color: rgba(23, 26, 31, 0.2); } + notebook > header tab:backdrop { + color: #434548; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #9bbfbf; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(8, 9, 11, 0.5); + background-color: rgba(23, 26, 31, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(23, 26, 31, 0.7); } + notebook > header tab:backdrop:checked { + color: #606164; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: #0a0b0d; + background-color: #15171c; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + background: transparent; + box-shadow: none; + color: #cd3520; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 0.5px; + padding-right: 0.5px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: -1px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: -1px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #131519; } + notebook > stack:not(:only-child):backdrop { + background-color: #15171c; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#08090b); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(#9bbfbf); } + paned > separator:backdrop { + background-image: image(#0a0b0d); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #171a1f; + background-image: image(#08090b), image(#08090b); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #171a1f; + background-image: image(#0a0b0d), image(#0a0b0d); } +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; } + +/************ + * Pathbars * + ************/ +.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; } + +/*************** + * Popovers * + ***************/ +popover.background { + padding: 2px; + border-radius: 5px; + background-color: #0e0e11; + box-shadow: 0 1px 5px rgba(8, 9, 11, 0.7); } + .csd popover.background, popover.background { + border: 1px solid #08090b; } + popover.background:backdrop { + background-color: #171a1f; + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > iconview, + 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 rgba(255, 255, 255, 0.1); } + popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(168, 168, 168, 0.4); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar.horizontal progress { + margin: 0; } + progressbar.vertical progress { + margin: 0; } + progressbar:backdrop { + box-shadow: none; + transition: 200ms ease-out; } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + progressbar.osd progress { + border-style: none; + border-radius: 0; } + +/************ + * GtkScale * + ************/ +progressbar trough, scale trough, scale fill { + background-color: #22262d; + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: #131519; } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: #131519; + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: #131519; } + +progressbar progress, scale highlight { + border: none; + background-color: #9bbfbf; + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(0, 0, 0, 0.14); } + progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: #abc9c9; + background-color: #abc9c9; } + progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.1); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 6px; } + scale.vertical trough, + scale.vertical progress { + min-width: 6px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + background-color: #9bbfbf; } + scale slider:active:disabled { + background-color: #1a1c22; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.05); } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + margin: -6px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 5px; + outline-color: transparent; } + scale fill:backdrop, scale fill { + background-color: #08090b; } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(97, 97, 97, 0.775); } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #131519; + border: none; + border-radius: 12px; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:active { + border-color: #7cabab; } + scale slider:disabled { + background-color: #1a1c22; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:backdrop, scale slider:backdrop:disabled { + transition: 200ms ease-out; + background-color: #252830; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + row:selected scale slider:disabled, row:selected scale slider { + border-color: #7cabab; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + scale marks.top { + margin-right: 6px; + margin-left: -12px; } + scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } + scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 3px; } + scale.vertical indicator { + min-height: 1px; + min-width: 6px; } + scale.vertical.fine-tune indicator { + min-width: 3px; } + scale.horizontal.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + background-image: image(#08090b); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #15181c; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top { + border-bottom: 1px solid #08090b; } + scrollbar.bottom { + border-top: 1px solid #08090b; } + scrollbar.left { + border-right: 1px solid #08090b; } + scrollbar.right { + border-left: 1px solid #08090b; } + scrollbar:backdrop { + background-color: #111316; + border-color: #0a0b0d; + transition: 200ms ease-out; } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #6e6f71; } + scrollbar slider:hover { + background-color: #8b8c8d; } + scrollbar slider:hover:active { + background-color: #bad3d3; } + scrollbar slider:backdrop { + background-color: #34363b; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #a8a8a8; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #a8a8a8; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #6e6f71; } + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #8b8c8d; } + scrollbar button:active, scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #bad3d3; } + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(110, 111, 113, 0.2); } + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #34363b; } + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(52, 54, 59, 0.2); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid #08090b; + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: #15181c; } + .sidebar .frame { + border: none; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: none; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #08090b; + border-right-style: none; } + .sidebar:backdrop { + background-color: #16191e; + border-color: #0a0b0d; + transition: 200ms ease-out; } + .sidebar list { + background-color: #131519; } + .sidebar row:selected { + background: #131519; + color: #9bbfbf; } + .sidebar row:selected:backdrop { + color: rgba(155, 191, 191, 0.6); + background: transparent; } + .sidebar row:selected:backdrop label { + color: rgba(155, 191, 191, 0.6); } + .sidebar row:selected:hover { + background-color: rgba(155, 191, 191, 0.2); } + .sidebar row:selected label { + color: #9bbfbf; } + .sidebar.source-list { + background: #131519; + padding: 3px 0px; } + .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { + color: #9bbfbf; + background: #131519; } + .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { + background-color: rgba(155, 191, 191, 0.2); } + .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { + background-color: rgba(23, 26, 31, 0.4); } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; + border-color: #08090b; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row.sidebar-new-bookmark-row { + color: #9bbfbf; } +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #8a997d, inset 0 -1px #8a997d; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #8a997d; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #8a997d; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #000; } + +/***************** + * 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) button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #99999a; + background-image: none; + border-style: none none none solid; + border-color: rgba(8, 9, 11, 0.3); + border-radius: 0; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:hover { + color: #a8a8a8; + background-color: rgba(168, 168, 168, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(96, 97, 100, 0.3); } + spinbutton:not(.vertical) button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + color: #595a5d; + background-color: transparent; + border-color: rgba(10, 11, 13, 0.3); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(56, 62, 74, 0.3); + background-image: none; + border-style: none none none solid; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } +.osd spinbutton:not(.vertical) button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(254, 254, 254, 0.1); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #94969a; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +spinbutton.vertical:disabled { + color: #606164; } +spinbutton.vertical:backdrop:disabled { + color: #383e4a; } +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } +spinbutton.vertical entry { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; } +spinbutton.vertical button { + min-height: 32px; + min-width: 32px; + padding: 0; + border-width: 1px; + border-color: #08090b; + box-shadow: 0 1px rgba(255, 255, 255, 0.1); } +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; } +.osd spinbutton.vertical button:first-child { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(41, 45, 54, 0.98), rgba(41, 45, 54, 0.98)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: #9bbfbf; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +/********** + * Switch * + **********/ +switch { + font-size: 0px; + outline-offset: -4px; + transition: all 200ms ease-in; + border: 1px solid transparent; + border-radius: 14px; + color: transparent; + padding: 2.3px 0px; + background-color: #292d36; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(0, 0, 0, 0.1); } + switch:disabled { + background-color: #1a1c22; + border: 1px solid #08090b; } + switch:backdrop { + background-color: #171a1f; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #1a1c22; } + switch:active, switch:checked { + background-color: rgba(69, 133, 136, 0.8); + box-shadow: 0px 0px 4px rgba(69, 133, 136, 0.6); } + switch:active:backdrop, switch:checked:backdrop { + background-color: rgba(69, 133, 136, 0.5); } + switch slider { + padding: 2px; + margin: 0 2.3px; + min-width: 12px; + min-height: 12px; + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #131519; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } + switch slider:backdrop { + padding: 2px; + box-shadow: none; + background-color: #131519; } + switch:checked slider { + background: #131519; } + switch:checked slider:backdrop { + box-shadow: none; + background-color: rgba(19, 21, 25, 0.9); + border: none; } + switch trough:active, switch trough:checked { + background-color: #9bbfbf; } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: rgba(155, 191, 191, 0.6); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar, +.location-bar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #171a1f; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(41, 45, 54, 0.98); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + toolbar.horizontal separator { + margin: 0 7px 1px 6px; } + toolbar.vertical separator { + margin: 6px 1px 7px 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.inline-toolbar { + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; } + +searchbar, +.location-bar { + border-width: 0 0 1px; + padding: 3px; } + +.inline-toolbar, searchbar, +.location-bar { + border-style: solid; + border-color: #08090b; + background-color: #131519; } + .inline-toolbar:backdrop, searchbar:backdrop, + .location-bar:backdrop { + border-color: #0a0b0d; + background-color: #121519; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #131519; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 2px 4px; + background-color: transparent; + color: white; } + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: #5e5f61; + border-top-color: #171a1f; } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view:selected:focus, treeview.view:selected { + border-radius: 0; } + treeview.view:selected:backdrop, treeview.view:selected { + border-left-color: #4e6060; + border-top-color: rgba(168, 168, 168, 0.1); } + treeview.view:disabled { + color: #606164; } + treeview.view:disabled:selected { + color: #5d7373; } + treeview.view:disabled:selected:backdrop { + color: rgba(136, 167, 167, 0.85); } + treeview.view:disabled:backdrop { + color: #383e4a; } + treeview.view.separator { + min-height: 2px; + color: #171a1f; } + treeview.view.separator:backdrop { + color: rgba(23, 26, 31, 0.1); } + treeview.view:backdrop { + border-left-color: #3c3e42; + border-top: #171a1f; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #7cabab; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #7b7c7d; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #a8a8a8; } + treeview.view.expander:selected { + color: #2f3939; } + treeview.view.expander:selected:hover { + color: #000; } + treeview.view.expander:selected:backdrop { + color: rgba(87, 107, 107, 0.65); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: #4a4b4e; } + treeview.view.progressbar { + border: 1px solid #7cabab; + border-radius: 4px; + background-color: #9bbfbf; + background-image: linear-gradient(to bottom, #9bbfbf, #7cabab); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + border-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + color: #9bbfbf; + background-image: linear-gradient(to bottom, #131519, black); } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + border-color: #15171c; + background-color: #15171c; } + treeview.view.progressbar:backdrop { + border-color: #15171c; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(168, 168, 168, 0.1); + border-radius: 4px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: #7cabab; + border-radius: 4px; } + treeview.view header button { + color: #5e5f61; + background-color: #131519; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #838485; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #a8a8a8; + 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; + transition: none; + background-image: none; + background-color: #9bbfbf; + color: #131519; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #131519; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: #9bbfbf; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 0 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-width: 1px; + border-style: none solid solid none; + border-color: #171a1f; } + treeview.view header button:disabled { + border-color: #171a1f; + background-image: none; } + treeview.view header button:backdrop { + border-color: #171a1f; + border-style: none solid solid none; + color: #3c3e42; + background-image: none; + background-color: #15171c; } + treeview.view header button:backdrop:disabled { + border-color: #171a1f; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 4px 4px 0 0; + border-width: 0px; + border-width: 0px; + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.15); + transition: 200ms ease-out; } + .maximized decoration, .fullscreen decoration, .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; } + .csd.popup decoration { + border-radius: 7px; + box-shadow: 0 1px 7px rgba(8, 9, 11, 0.7); } + tooltip.csd decoration { + border-radius: 5px; + box-shadow: none; } + messagedialog.csd decoration { + border-radius: 7px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(8, 9, 11, 0.8); } + .solid-csd decoration { + border-radius: 0; + margin: 0px; + background-color: #171a1f; + border: solid 1px #0a0b0d; + box-shadow: none; } + +button.titlebutton { + background-repeat: no-repeat; + background-position: center; + min-height: 32px; + padding: 0 3px; + box-shadow: none; } + button.titlebutton.close { + background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } + button.titlebutton.close:hover, button.titlebutton.close:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } + button.titlebutton.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } + button.titlebutton.maximize:hover, button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } + button.titlebutton.minimize { + background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } + button.titlebutton.minimize:hover, button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } + button.titlebutton:backdrop { + -gtk-icon-shadow: none; + background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: 0 -1px rgba(0, 0, 0, 0.457254902); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.457254902); } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, +popover.background radiobutton:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + background-color: #9bbfbf; } + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + color: #000; + font-weight: bold; } + row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, + popover.background radiobutton:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: #4e6060; } + row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + iconview text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + iconview text:backdrop:selected, + textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, + textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, + popover.background radiobutton:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(0, 0, 0, 0.5); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, + textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, + popover.background radiobutton:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(136, 167, 167, 0.85); } + +.monospace { + font-family: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********* +* Budgie * +*********/ +.budgie-container { + background-color: transparent; } + .budgie-container:backdrop { + background-color: transparent; } + .budgie-container popover list, + .budgie-container popover row { + border: none; + background: none; + padding: 0; + margin: 0; } + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; } + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: rgba(23, 26, 31, 0.98); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid @borders; } + .budgie-popover list:hover, + .budgie-popover row:hover, + .budgie-popover.background list:hover, + .budgie-popover.background row:hover { + background: none; } + .budgie-popover > frame.container, + .budgie-popover.background > frame.container { + margin: 0 -1px -1px; + padding: 2px 0 0; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu .container { + padding: 0; } +.budgie-menu button:hover { + -gtk-icon-effect: none; } +.budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid @borders; + border-radius: 0; + font-size: 120%; + box-shadow: none; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background-color: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid @borders; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid @borders; } +.budgie-menu .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(168, 168, 168, 0.05); + color: #a8a8a8; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #000; + background-color: rgba(139, 181, 181, 0.8); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(0, 0, 0, 0.7); } +.budgie-menu scrollbar { + background-color: transparent; + border-color: transparent; } +.budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } +.budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #a8a8a8; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #a8a8a8; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #a8a8a8; } + button.budgie-menu-launcher:backdrop { + color: #a8a8a8; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #a8a8a8; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: #9bbfbf; + box-shadow: none; + background-color: transparent; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(168, 168, 168, 0.1); } +.user-menu button { + margin: 5px; } +.user-menu > box.vertical row.activatable:first-child .indicator-item, +.user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + background-color: #8ec07c; + transition-duration: 0.2s; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { + padding-left: 7px; + background-position: left center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { + padding-right: 7px; + background-position: right center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { + color: #000; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { + padding-left: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { + padding-right: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { + color: #000; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { + min-width: 24px; + min-height: 20px; } + +button.raven-trigger { + padding-left: 2px; + padding-right: 2px; + color: #a8a8a8; + box-shadow: none; } + button.raven-trigger:hover { + color: #a8a8a8; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: #9bbfbf; } + button.raven-trigger:backdrop { + color: #a8a8a8; } + button.raven-trigger:backdrop:hover { + color: #a8a8a8; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: #9bbfbf; + background-color: transparent; } + +.places-menu .container { + padding: 0; } +.places-menu .message-bar { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.places-menu .name-button { + border: 0; + border-radius: 0; + padding: 4px 6px; } +.places-menu .unmount-button { + padding: 4px 4px; + border: 0; + border-radius: 0; } +.places-menu .places-section-header { + padding: 0px; + border-bottom: 1px solid rgba(8, 9, 11, 0.95); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } +.places-menu .places-section-header > button { + padding: 8px; + border: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +.places-menu .places-list { + background: rgba(168, 168, 168, 0.04); + border-bottom: 1px solid rgba(8, 9, 11, 0.95); } +.places-menu .unlock-area { + border-top: 1px solid rgba(8, 9, 11, 0.85); + border-bottom: 1px solid rgba(8, 9, 11, 0.85); } +.places-menu .unlock-area entry { + border-radius: 0; + border: 0; } +.places-menu .unlock-area button { + border-radius: 0; + border: 0; + border-left: 1px solid rgba(8, 9, 11, 0.85); } +.places-menu .alternative-label { + font-size: 15px; + padding: 3px; } +.places-menu .always-expand { + background: transparent; + border-bottom: none; } + +.night-light-indicator .container { + padding: 0; } +.night-light-indicator .view-header { + font-size: 14px; + padding: 10px; + border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);; + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04);; } +.night-light-indicator .display-settings-button { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border: none; + padding: 3px; + border-top: 1px solid mix(@theme_base_color, #000000, 0.35);; + box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; } + +.budgie-panel { + color: #a5a5a5; + background-color: rgba(23, 26, 31, 0.7); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #cd3520; } + .budgie-panel:backdrop { + color: #a5a5a5; + background-color: rgba(23, 26, 31, 0.7); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #a5a5a5; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(23, 26, 31, 0.25); } + .top .budgie-panel.transparent { + border-bottom-color: transparent; } + .bottom .budgie-panel.transparent { + border-top-color: transparent; } + .left .budgie-panel.transparent { + border-right-color: transparent; } + .right .budgie-panel.transparent { + border-left-color: transparent; } + .budgie-panel.transparent:backdrop, .budgie-panel.transparent label, .budgie-panel.transparent button.raven-trigger:backdrop, .budgie-panel.transparent button.budgie-menu-launcher { + color: #d8d8d8; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(165, 165, 165, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #a5a5a5; } + +.budgie-panel #tasklist-button, +.budgie-panel #tasklist-button:backdrop { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(23, 26, 31, 0); + border-radius: 0; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; } + +.budgie-panel button.flat.launcher { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(23, 26, 31, 0); + border-radius: 0; + padding: 0; + background-clip: padding-box; + background-color: transparent; } + .budgie-panel button.flat.launcher { + box-shadow: none; } + +.budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, +.budgie-panel .pinned button.flat.launcher.running:hover { + box-shadow: none; } +.budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, +.budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, +.budgie-panel .pinned button.flat.launcher.running:checked { + box-shadow: none; } +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { + padding-bottom: 2px; + border-top: 2px solid transparent; } + .top .budgie-panel .pinned button.flat.launcher:not(.running) { + border-top: 2px solid transparent; } + + .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + + .top .budgie-panel .unpinned button.flat.launcher, + .top .budgie-panel .pinned button.flat.launcher.running { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { + border-top: 2px solid rgba(255, 255, 255, 0.25); } + .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { + border-top: 2px solid #9bbfbf; } +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { + padding-top: 2px; + border-bottom: 2px solid transparent; } + .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { + border-bottom: 2px solid transparent; } + + .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + + .bottom .budgie-panel .unpinned button.flat.launcher, + .bottom .budgie-panel .pinned button.flat.launcher.running { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.25); } + .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + border-bottom: 2px solid #9bbfbf; } +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { + padding-right: 2px; + border-left: 2px solid transparent; } + .left .budgie-panel .pinned button.flat.launcher:not(.running) { + border-left: 2px solid transparent; } + + .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + + .left .budgie-panel .unpinned button.flat.launcher, + .left .budgie-panel .pinned button.flat.launcher.running { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { + border-left: 2px solid rgba(255, 255, 255, 0.25); } + .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { + border-left: 2px solid #9bbfbf; } +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { + padding-left: 2px; + border-right: 2px solid transparent; } + .right .budgie-panel .pinned button.flat.launcher:not(.running) { + border-right: 2px solid transparent; } + + .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + + .right .budgie-panel .unpinned button.flat.launcher, + .right .budgie-panel .pinned button.flat.launcher.running { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { + border-right: 2px solid rgba(255, 255, 255, 0.25); } + .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { + border-right: 2px solid #9bbfbf; } + +.top .budgie-panel { + border-bottom: 1px solid rgba(8, 9, 11, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(23, 26, 31, 0.92); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(8, 9, 11, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(23, 26, 31, 0.92); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(8, 9, 11, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(23, 26, 31, 0.92); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(8, 9, 11, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(23, 26, 31, 0.92); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } + +.raven { + padding: 0; + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.92); + transition: 170ms ease-out; } + .raven .raven-header { + min-height: 32px; + color: #a8a8a8; + border: solid rgba(8, 9, 11, 0.95); + border-width: 1px 0; + background-color: rgba(23, 26, 31, 0.2); } + .raven .raven-header * { + padding-top: 0; + padding-bottom: 0; } + .raven .raven-header.top { + border-top-style: none; + border-color: transparent; + margin-top: 3px; + min-height: 32px; } + .raven .raven-header.top button.image-button:hover { + color: #8bb5b5; + box-shadow: none; } + .raven .raven-header > button.text-button { + border-radius: 2px; + color: #000; + background-color: rgba(183, 47, 29, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:hover { + border-radius: 2px; + color: #000; + background-color: rgba(205, 53, 32, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:active { + color: #000; + background-color: rgba(222, 63, 41, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header.bottom { + border-bottom-style: none; } + .raven .raven-header button { + background-color: transparent; + color: #a8a8a8; + border-radius: 0; + border: none; + box-shadow: none; + margin-top: -4px; + margin-bottom: -4px; + min-height: 32px; } + .raven .raven-header button:hover { + border-radius: 0; + background-color: transparent; + color: #9bbfbf; } + .raven .raven-header button:active, .raven .raven-header button:checked { + color: #9bbfbf; + border-radius: 0; + background-color: transparent; } + .raven .raven-header button:disabled { + color: #606164; } + .raven list { + background-color: transparent; } + .raven list:selected { + background-color: rgba(155, 191, 191, 0.9); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(155, 191, 191, 0.9); } + .raven .raven-background { + color: #a8a8a8; + background-color: transparent; + border-color: transparent; } + .raven .raven-background.middle { + border-bottom-style: none; } + .raven .powerstrip { + background-color: transparent; + border-top-color: transparent; } + .raven .powerstrip button.image-button { + border-radius: 50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: rgba(123, 123, 189, 0.7); + color: #000; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + border: none; + font-size: 100%; } + .raven .powerstrip button.image-button:hover { + transition: 170ms ease all; + background: rgba(123, 123, 189, 0.85); + color: #000; } + .raven .powerstrip button.image-button:active { + transition: 170ms ease all; + background: #7b7bbd; + color: #000; } + .raven .powerstrip button.image-button:first-child { + background: rgba(142, 192, 124, 0.9); } + .raven .powerstrip button.image-button:first-child:hover { + background: #8ec07c; } + .raven .powerstrip button.image-button:first-child:active { + background: #8ec07c; } + .raven .powerstrip button.image-button:last-child { + background: rgba(205, 53, 32, 0.9); } + .raven .powerstrip button.image-button:last-child:hover { + background: #cd3520; } + .raven .powerstrip button.image-button:last-child:active { + background: #cd3520; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 6px; + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.2); + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: transparent; + color: #9bbfbf; + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #a8a8a8; + border: none; + border-radius: 0; + background-color: transparent; } + calendar.raven-calendar button, calendar.raven-calendar button:focus { + color: alpha(currentColor,0.5); + background-color: transparent; } + calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { + color: #a8a8a8; + background-color: transparent; } + +.raven-mpris { + color: #a8a8a8; + background-color: rgba(1, 2, 2, 0.9); + border: solid rgba(255, 255, 255, 0.1); + border-width: 1px 0; + border-bottom-color: rgba(0, 0, 0, 0.1); } + .raven-mpris button.image-button { + padding: 10px; + background-color: #131519; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + .raven-mpris button.image-button:hover { + background-color: #9bbfbf; } + .raven-mpris button.image-button:active { + background-color: #8bb5b5; } + .raven-mpris button.image-button:first-child { + margin-right: 4px; } + .raven-mpris button.image-button:last-child { + margin-left: 4px; } + .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { + padding: 4px; + margin-top: 6px; + margin-bottom: 6px; } + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background: none; + border-radius: 1px; } + .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { + background-color: #8ec07c; + color: #000; + border: none; + margin: 0px 3px; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #7fb86b; + border: none; } + .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { + background-color: #7fb86b; } + +.budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { + border-radius: 1px; } +.budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { + font-size: 110%; + color: #a8a8a8; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(168, 168, 168, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #a8a8a8; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #cd3520; + box-shadow: none; } + .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { + background-color: transparent; + color: #b72f1d; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #a8a8a8; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #a8a8a8; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #a8a8a8; } + .budgie-switcher-window flowboxchild:selected { + color: #000; + background-color: rgba(155, 191, 191, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #000; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: #8cacac; } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(0, 0, 0, 0.7); + background-color: rgba(155, 191, 191, 0.7); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(0, 0, 0, 0.7); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.7); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(168, 168, 168, 0.8); } + .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + font-size: 120%; } + .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: #a8a8a8; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + font-weight: 700; } + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + border-left: none; + border-bottom-left-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + border-right: none; + border-bottom-right-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(155, 191, 191, 0.9); } + .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { + background-color: rgba(142, 192, 124, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { + background-color: rgba(157, 200, 141, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { + background-color: rgba(157, 200, 141, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { + background-color: rgba(161, 42, 25, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { + background-color: rgba(183, 47, 29, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { + background-color: rgba(183, 47, 29, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #a8a8a8; } + .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { + background-color: #505359; } + .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { + background-color: #505359; } + +.budgie-polkit-dialog .message { + color: rgba(168, 168, 168, 0.7); } +.budgie-polkit-dialog .failure { + color: #cd3520; } + +.budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { + font-size: 120%; + padding: 8px 5px; + border: none; + box-shadow: none; } + .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { + color: #a8a8a8; } + .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list row:selected .subtitle, +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle { + opacity: 1; } +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0); } + +.budgie-menubar menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: rgba(23, 26, 31, 0.7); } + .budgie-menubar menu menuitem:hover { + background-color: #9bbfbf; + color: #000; } +.budgie-menubar arrow { + border: none; + min-width: 16px; + min-height: 16px; } + .budgie-menubar arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid rgba(40, 42, 47, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(40, 42, 47, 0.928); } +.budgie-menubar menuitem accelerator { + color: rgba(168, 168, 168, 0.35); } +.budgie-menubar menuitem check, .budgie-menubar menuitem radio { + min-height: 16px; + min-width: 16px; } + +window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { + border-style: none none solid; } + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(23, 26, 31, 0.7); } + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; } + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; } + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; } +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.7); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), + .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; } + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), + .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; } + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; } +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.7); } +.workspace-switcher .workspace-add-button { + border: none; + background: transparent; } + .workspace-switcher .workspace-add-button:hover { + box-shadow: none; } + .workspace-switcher .workspace-add-button:active { + background-image: none; } + .workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; } +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; } + +/************ + * Nautilus * + ************/ +.nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { + background: transparent; + color: #9bbfbf; } +.nautilus-window .frame *:selected:backdrop label { + color: rgba(155, 191, 191, 0.6); } +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(12, 14, 16, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(155, 191, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(155, 191, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(155, 191, 191, 0.9); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(19, 21, 25, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(155, 191, 191, 0.9); } +.nautilus-window.background { + background-color: rgba(12, 14, 16, 0.95); } + .nautilus-window.background:backdrop { + background-color: rgba(12, 14, 16, 0.95); } +.nautilus-window notebook > stack:only-child { + background-color: #131519; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #15171c; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } +.nautilus-window .titlebar .search { + border: 1px solid #08090b; + border-radius: 3px; } +.nautilus-window .path-bar-box .dim-label, .nautilus-window .path-bar-box label.separator, .nautilus-window .path-bar-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar-box .subtitle, +.nautilus-window .path-bar-box headerbar .subtitle, +headerbar .nautilus-window .path-bar-box .subtitle { + color: transparent; } +.nautilus-window .path-bar-box widget > .text-button:last-child { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + .nautilus-window .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(155, 191, 191, 0.6); } +.nautilus-window .path-bar-box button { + transition: all 100ms ease-in; + margin-left: 1px; } + .nautilus-window .path-bar-box button:backdrop:hover, .nautilus-window .path-bar-box button:backdrop:active, .nautilus-window .path-bar-box button:backdrop:checked { + background-color: transparent; + color: rgba(155, 191, 191, 0.6); + box-shadow: none; } + .nautilus-window .path-bar-box button:backdrop:hover label, .nautilus-window .path-bar-box button:backdrop:active label, .nautilus-window .path-bar-box button:backdrop:checked label { + color: rgba(155, 191, 191, 0.6); } + +.nautilus-circular-button { + border-radius: 20px; + -gtk-outline-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #a8a8a8; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #fff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #a8a8a8; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #a8a8a8; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #000; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #000; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #000; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #171a1f; } + +/********* +* Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground, #gnc-id-main-window .arrow.button.toggle { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + color: #a8a8a8; + transition: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + color: #9bbfbf; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #131519; + background-color: #131519; } + .gala-notification .title, + .gala-notification .label { + color: #a8a8a8; } + +.gala-button { + padding: 3px; + color: #131519; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(19, 21, 25, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #a8a8a8; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(155, 191, 191, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #a8a8a8; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(155, 191, 191, 0.3); + color: #000; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font-size: 18px; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #a8a8a8; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; } + .panel.maximized { + background-color: #000; } + .panel.translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel.color-light.translucent { + background-color: rgba(23, 26, 31, 0.7); } + +menubar.panel, +.panel menubar { + box-shadow: none; + border: none; } + +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { + color: rgba(0, 0, 0, 0.6); + text-shadow: 0 1px rgba(255, 255, 255, 0.1); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/********* + * Cards * + *********/ +.deck { + background-color: #060608; } + +.card { + background-color: #131519; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #08090b; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * 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; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #171a1f; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #a8a8a8; } + +/********* +* Avatar * +*********/ +.avatar { + border: 1px solid rgba(0, 0, 0, 0.23); + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } + +/**level bars**/ +.sidebar .source-list.view.level-bar, .sidebar iconview.source-list.level-bar, .sidebar .source-list.view.level-bar:selected, .sidebar iconview.source-list.level-bar:selected, .sidebar .source-list.view.level-bar:selected:focus, .sidebar iconview.source-list.level-bar:selected:focus { + background: linear-gradient(to right, #343a44, #343a44); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); + border-radius: 2px; } +.sidebar .source-list.view.level-bar.fill-block, .sidebar iconview.source-list.level-bar.fill-block { + border: none; } +.sidebar .source-list.view.fill-block, .sidebar iconview.source-list.fill-block, .sidebar .source-list.view.fill-block:hover, .sidebar iconview.source-list.fill-block:hover, .sidebar .source-list.view.fill-block:selected, .sidebar iconview.source-list.fill-block:selected, .sidebar .source-list.view.fill-block:selected:focus, .sidebar iconview.source-list.fill-block:selected:focus { + background-image: none; + background: linear-gradient(to right, #9bbfbf, #9bbfbf); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid #08090b; + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; } + checkbutton.color-button > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; } + checkbutton.color-button.none > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); } + +radiobutton.color-button > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 100px; + background-clip: border-box; } +radiobutton.color-button:active > radio { + border: 1px solid rgba(0, 0, 0, 0.35); } + +.color-button check, +.color-button check:checked, +.color-button radio, +.color-button radio:checked { + background-image: none; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; + color: #131519; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { + background-color: @STRAWBERRY_300; + -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } +.color-button.orange check, .color-button.orange radio { + background-color: @ORANGE_300; + -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { + background-color: @BANANA_500; + -gtk-icon-shadow: 0 1px 1px @BANANA_700; } +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { + background-color: @LIME_500; + -gtk-icon-shadow: 0 1px 1px @LIME_700; } +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { + background-color: @BLUEBERRY_500; + -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { + background-color: @GRAPE_500; + -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { + background-color: @COCOA_300; + -gtk-icon-shadow: 0 1px 1px @COCOA_500; } +.color-button.mint check, .color-button.mint radio { + background-color: @MINT_500; + -gtk-icon-shadow: 0 1px 1px @MINT_700; } +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { + background-color: @BUBBLEGUM_500; + -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } +.color-button.slate check, .color-button.slate radio { + background-color: @SLATE_300; + -gtk-icon-shadow: 0 1px 1px @SLATE_500; } +.color-button.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); } + +.xfce4-panel.panel { + background-color: rgba(23, 26, 31, 0.7); + color: #a8a8a8; + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(165, 165, 165, 0.8); + border-radius: 0; + border: none; + background-color: rgba(23, 26, 31, 0); } + #tasklist-button:hover { + color: #bfbfbf; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(255, 0, 0, 0.25); + box-shadow: inset 0 -2px #9bbfbf; } + +.xfce4-panel.panel button.flat { + color: #a5a5a5; + border-radius: 0; + border: none; + background-color: rgba(23, 26, 31, 0); + font-weight: normal; } + .xfce4-panel.panel button.flat:hover { + border: none; + background-color: rgba(45, 51, 60, 0.7); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked { + color: #a5a5a5; + border-bottom: 2px solid #9bbfbf; + background-color: rgba(19, 21, 25, 0.7); } + .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image { + color: inherit; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: #9bbfbf; + /* Color property of the glow */ + /* Title settings */ + -UnityDecoration-title-indent: 10px; + /* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px; + /* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0; + /* Float from 0.0 to 1.0, to align the title */ + background-color: #eeeeee; + color: #31363D; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #eeeeee; + border-bottom-width: 0; + background-color: #eeeeee; + color: #31363D; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: #1a1d21; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #31363D; } + UnityDecoration .top .menuitem:backdrop { + color: #1a1d21; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #ececec; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #eeeeee, #ececec); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #ececec; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #d5d5d5; + color: #31363D; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #1a1d21; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #31363D; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #31363D; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #d5d5d5; + color: #31363D; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #606164; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #31363D; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #ebebeb; + color: #31363D; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: #08090b; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #131519; } + +@keyframes playbackmenuitem_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: #9bbfbf; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #08090b; } + MsdOsdWindow.background.osd .progressbar { + background-color: #9bbfbf; + border: none; + border-color: #9bbfbf; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(30, 33, 39, 0.98); + border: none; + border-radius: 5px; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left .separator, +.geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView { + -GtkTreeView-grid-line-width: 0; } + ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { + background-color: #9bbfbf; + color: #000; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(155, 191, 191, 0.6); + color: rgba(0, 0, 0, 0.5); } + ConversationListView .view .cell, ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { + color: #000; + border: 0px solid #7cabab; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: rgba(23, 26, 31, 0.7); + color: #a5a5a5; + font-weight: bold; + box-shadow: inset 0 -1px rgba(8, 9, 11, 0.7); } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: #a5a5a5; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(165, 165, 165, 0.5); } + #panel_window .menubar .menuitem:disabled GtkLabel, + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:disabled label, + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #a8a8a8; } + +#content_frame { + padding-bottom: 14px; + background-color: #171a1f; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #22262d; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:hover { + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #131519; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:active, #content_frame button:checked { + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:disabled { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #1a1c22; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #171a1f; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #a8a8a8; + font-size: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +.nemo-window .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #383e4a; + -NemoPlacesTreeView-disk-full-fg-color: #d79920; + -GtkTreeView-vertical-separator: 10; } + .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, + .nemo-window .places-treeview iconview.cell:hover { + background: rgba(17, 19, 22, 0.7); } + .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, + .nemo-window .places-treeview iconview.cell:selected { + background: #9bbfbf; + color: #000; } +.nemo-window .sidebar { + background-color: #131519; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { + color: #98abb2; + background-color: transparent; } +.nemo-window .nemo-window-pane widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: #a8a8a8; + border: 1px solid #08090b; + border-radius: 3px; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } + .nemo-window .nemo-window-pane widget.entry:selected { + background-color: #9bbfbf; + color: #000; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #171a1f; } + .nemo-window toolbar.primary-toolbar button { + color: #a8a8a8; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + border-radius: 4px; + margin-top: 5px; + margin-bottom: 5px; + min-height: 24px; } + .nemo-window toolbar.primary-toolbar button:hover, .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + .nemo-window toolbar.primary-toolbar button:hover:backdrop label, .nemo-window toolbar.primary-toolbar button:selected:backdrop label, .nemo-window toolbar.primary-toolbar button:active:backdrop label, .nemo-window toolbar.primary-toolbar button:checked:backdrop label { + color: #9bbfbf; } +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, +.nemo-window .nemo-inactive-pane iconview { + background-color: #0f1013; } + +/* thunar */ +.thunar toolbar { + background-color: #171a1f; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +scrolledwindow.sidebar treeview.view { + background: #131519; + padding: 1.5px; } + +/* path-bar of thunar */ +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button, +.thunar toolbar .path-bar-button { + border-radius: 4px; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, + .thunar toolbar .path-bar-button:hover { + color: #9bbfbf; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, + .thunar toolbar .path-bar-button:checked { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:backdrop label, + .thunar toolbar .path-bar-button:checked:backdrop label { + color: rgba(155, 191, 191, 0.6); } + +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button, +.thunar toolbar .path-bar-button { + background: none; + outline: none; + border: none; + box-shadow: none; } + +/* thunar sidepane */ +window.thunar paned > scrolledwindow treeview.view:hover { + background: #1a1c22; } +window.thunar paned > scrolledwindow treeview.view:selected { + color: #9bbfbf; + border-radius: 0; + box-shadow: none; } + +.caja-notebook .entry { + background: #131519; + color: #a8a8a8; } + .caja-notebook .entry:selected { + background: #9bbfbf; + color: #000; } + +/*# sourceMappingURL=gtk-dark.css.map */ diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css new file mode 100755 index 0000000..01596bc --- /dev/null +++ b/gtk-3.0/gtk.css @@ -0,0 +1,6252 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #a8a8a8; +/* text color for entries, views and content in general */ +@define-color theme_text_color #a8a8a8; +/* widget base background color */ +@define-color theme_bg_color #171a1f; +/* text widgets and the like base background color */ +@define-color theme_base_color #131519; +/* base background color of selections */ +@define-color theme_selected_bg_color #9bbfbf; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #000; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #1a1c22; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #606164; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #131519; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #606164; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #a8a8a8; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #171a1f; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #15171c; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #9bbfbf; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #000; +/* widgets main borders color */ +@define-color borders #08090b; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #0a0b0d; +/* these are pretty self explicative */ +@define-color warning_color #aa4b1a; +@define-color error_color #b72f1d; +@define-color success_color #70af5a; +@define-color fg_color #a8a8a8; +@define-color text_color #a8a8a8; +@define-color bg_color #171a1f; +@define-color base_color #131519; +@define-color selected_bg_color #9bbfbf; +@define-color selected_fg_color #000; +@define-color unfocused_fg_color #606164; +@define-color unfocused_text_color #a8a8a8; +@define-color unfocused_bg_color #171a1f; +@define-color unfocused_base_color #15171c; +@define-color unfocused_selected_bg_color #9bbfbf; +@define-color unfocused_selected_fg_color #000; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#a8a8a8, 1.8); +@define-color wm_unfocused_title #606164; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#171a1f, 1.2); +@define-color wm_bg_b #171a1f; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#171a1f, 1.3); +@define-color wm_button_hover_color_b #171a1f; +@define-color wm_button_active_color_a shade(#171a1f, 0.85); +@define-color wm_button_active_color_b shade(#171a1f, 0.89); +@define-color wm_button_active_color_c shade(#171a1f, 0.9); +@define-color content_view_bg #131519; +@define-color text_view_bg #131519; +@define-color budgie_tasklist_indicator_color #9bbfbf; +@define-color budgie_tasklist_indicator_color_active #9bbfbf; +@define-color placeholder_text_color #8b8b8c; +@define-color STRAWBERRY_100 #ff8c82; +@define-color STRAWBERRY_300 #ed5353; +@define-color STRAWBERRY_500 #c6262e; +@define-color STRAWBERRY_700 #a10705; +@define-color STRAWBERRY_900 #7a0000; +@define-color ORANGE_100 #ffc27d; +@define-color ORANGE_300 #ffa154; +@define-color ORANGE_500 #f37329; +@define-color ORANGE_700 #cc3b02; +@define-color ORANGE_900 #a62100; +@define-color BANANA_100 #fff394; +@define-color BANANA_300 #ffe16b; +@define-color BANANA_500 #f9c440; +@define-color BANANA_700 #d48e15; +@define-color BANANA_900 #ad5f00; +@define-color LIME_100 #d1ff82; +@define-color LIME_300 #9bdb4d; +@define-color LIME_500 #68b723; +@define-color LIME_700 #3a9104; +@define-color LIME_900 #206b00; +@define-color MINT_100 #89ffdd; +@define-color MINT_300 #43d6b5; +@define-color MINT_500 #28bca3; +@define-color MINT_700 #0e9a83; +@define-color MINT_900 #007367; +@define-color BLUEBERRY_100 #8cd5ff; +@define-color BLUEBERRY_300 #64baff; +@define-color BLUEBERRY_500 #3689e6; +@define-color BLUEBERRY_700 #0d52bf; +@define-color BLUEBERRY_900 #002e99; +@define-color BUBBLEGUM_100 #fe9ab8; +@define-color BUBBLEGUM_300 #f4679d; +@define-color BUBBLEGUM_500 #de3e80; +@define-color BUBBLEGUM_700 #bc245d; +@define-color BUBBLEGUM_900 #910e38; +@define-color GRAPE_100 #e4c6fa; +@define-color GRAPE_300 #cd9ef7; +@define-color GRAPE_500 #a56de2; +@define-color GRAPE_700 #7239b3; +@define-color GRAPE_900 #452981; +@define-color COCOA_100 #a3907c; +@define-color COCOA_300 #8a715e; +@define-color COCOA_500 #715344; +@define-color COCOA_700 #57392d; +@define-color COCOA_900 #3d211b; +@define-color SILVER_100 #fafafa; +@define-color SILVER_300 #d4d4d4; +@define-color SILVER_500 #abacae; +@define-color SILVER_700 #7e8087; +@define-color SILVER_900 #555761; +@define-color SLATE_100 #95a3ab; +@define-color SLATE_300 #667885; +@define-color SLATE_500 #485a6c; +@define-color SLATE_700 #273445; +@define-color SLATE_900 #0e141f; +@define-color BLACK_100 #666; +@define-color BLACK_300 #4d4d4d; +@define-color BLACK_500 #333; +@define-color BLACK_700 #1a1a1a; +@define-color BLACK_900 #000; +/***************** +* Drawing mixins * +*****************/ +/********* +* Common * +*********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #b72f1d; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(168, 168, 168, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; + -gtk-secondary-caret-color: #9bbfbf; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #010202; + border: solid #08090b; + border-width: 1px 0 0 0; + color: #a8a8a8; + box-shadow: none; } + .action-bar:backdrop { + background-color: #010202; + box-shadow: none; + -gtk-icon-effect: dim; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(41, 45, 54, 0.98); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #a8a8a8; + background-color: #171a1f; } + .background:backdrop { + color: #606164; + background-color: #171a1f; + text-shadow: none; + -gtk-icon-shadow: none; } + .background.chromium { + background-color: #1c1f25; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: #a8a8a8; + background-color: #171a1f; } + .gtkstyle-fallback:hover { + color: #a8a8a8; + background-color: #2d323c; } + .gtkstyle-fallback:active { + color: #a8a8a8; + background-color: #010202; } + .gtkstyle-fallback:disabled { + color: #606164; + background-color: #1a1c22; } + .gtkstyle-fallback:selected { + color: #000; + background-color: #9bbfbf; } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #a8a8a8; + background-color: #131519; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: #8b8b8c; + background-color: #15171c; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 3px; } + +textview border { + background-color: #15181c; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +treeview.view rubberband { + border: 1px solid #7cabab; + background-color: rgba(124, 171, 171, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #a8a8a8; } + label.separator:backdrop { + color: #606164; } + label selection { + background-color: #9bbfbf; + color: #000; } + label:disabled { + color: #606164; } + label:disabled:backdrop { + color: #383e4a; } + label:backdrop { + color: #606164; } + +.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #131519; + border-top: 1px solid #08090b; } + assistant .sidebar:backdrop { + background-color: #15171c; + border-color: #0a0b0d; } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #34363a; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .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: #fefefe; + border: 1px solid #08090b; + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + outline-color: rgba(254, 254, 254, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +*:selected { + background: #9bbfbf; + color: #000; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#cadddd), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9bbfbf), to(transparent)); } } +notebook > header > tabs > arrow, +button { + min-height: 20px; + min-width: 16px; + padding: 3px 6px; + border: none; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #22262d; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-effect: highlight; } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8bb5b5; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition-duration: 50ms; } + notebook > header > tabs > arrow:active, + button:active { + color: #a8a8a8; } + notebook > header > tabs > arrow:active:hover, notebook > header > tabs > arrow:checked, + button:active:hover, + button:checked { + color: #000; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #15171c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition: 200ms ease-out; + -gtk-icon-effect: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + button:backdrop.flat:active label, + button:backdrop.flat:checked label, + button:backdrop:active label, + button:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #1a1c22; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #1a1c22; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #8a997d; + border-color: #8a997d; + box-shadow: inset 0 0 0 1px #8a997d; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #000; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #606164; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #fefefe; + border-radius: 5px; + outline-color: rgba(254, 254, 254, 0.3); + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(41, 45, 54, 0.98), rgba(41, 45, 54, 0.98)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification button, +.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, +.osd button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + .osd button:active:backdrop, + .osd button:active, + .osd button:checked:backdrop, + .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + .osd button:disabled:backdrop, + .osd button:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + .osd button:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(41, 45, 54, 0.98), rgba(41, 45, 54, 0.98)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + .osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + .osd button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + .osd button.flat:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + .osd button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + .osd button.flat:active, + .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } +button.suggested-action { + font-weight: normal; + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton, button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #8ec07c; } + button.suggested-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:active, button.suggested-action:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(0, 0, 0, 0.5); } + .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(0, 0, 0, 0.5); } + .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton: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 { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(142, 192, 124, 0.8); } + button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled label { + color: rgba(0, 0, 0, 0.7); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + .osd button.suggested-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(142, 192, 124, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(142, 192, 124, 0.7), rgba(142, 192, 124, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #8ec07c, #8ec07c); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(142, 192, 124, 0.5), rgba(142, 192, 124, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + font-weight: normal; + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #a12a19; } + button.destructive-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:active, button.destructive-action:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(0, 0, 0, 0.5); } + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(0, 0, 0, 0.5); } + 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 { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(161, 42, 25, 0.8); } + button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled label { + color: rgba(0, 0, 0, 0.7); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + .osd button.destructive-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(161, 42, 25, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(161, 42, 25, 0.7), rgba(161, 42, 25, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #a12a19, #a12a19); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(161, 42, 25, 0.5), rgba(161, 42, 25, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .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 button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar button, .primary-toolbar .raised button { + -gtk-icon-shadow: none; } + .primary-toolbar button:hover, .primary-toolbar button:focus, .primary-toolbar .raised button:hover, .primary-toolbar .raised button:focus { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#cadddd), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.9149803922)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + +toolbar button:hover { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #08090b; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +toolbar button:active { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: black; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.inline-toolbar toolbutton > button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:hover { + color: #9bbfbf; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #8bb5b5; } + .inline-toolbar toolbutton > button:disabled { + color: #8b8b8c; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(139, 181, 181, 0.3); } + .inline-toolbar toolbutton > button:backdrop { + color: #8b8b8c; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: #8bb5b5; } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #8b8b8c; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(139, 181, 181, 0.3); } + +toolbar.inline-toolbar toolbutton > button.flat:backdrop, +toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { + border-color: transparent; + box-shadow: none; } + +.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border: 1px solid #08090b; + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +entry: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, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +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, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: #22262d; } + 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-left: 8px; } + 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-right: 8px; } + +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"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +notebook button, list button, .view button, iconview button, popover button { + box-shadow: inset 0px 0px 0px 1px #08090b; } + notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { + box-shadow: inset 0px 0px 0px 1px #08090b; } +notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #a8a8a8; + border: 1px solid #08090b; } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(168, 168, 168, 0.45); } + calendar.button:hover { + color: #a8a8a8; } + calendar.button:backdrop { + color: rgba(96, 97, 100, 0.45); } + calendar.button:disabled { + color: rgba(96, 97, 100, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #a8a8a8; } + calendar:backdrop { + color: #8b8b8c; + border-color: #0a0b0d; } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, iconview.content-view check, +.view.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, iconview.content-view radio, +.view.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, iconview.content-view check:hover, +.view.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, iconview.content-view radio:hover, +.view.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, iconview.content-view check:active, +.view.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, iconview.content-view radio:active, +.view.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, iconview.content-view check:disabled, +.view.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +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, +radio { + margin: 0 4px; + min-height: 16px; + min-width: 16px; + border: none; } + menu menuitem check, menu menuitem + radio { + margin: 0; } + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem + radio, menu menuitem + radio:hover, menu menuitem + radio:disabled { + min-height: 14px; + min-width: 14px; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + border-color: currentColor; + animation: none; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #000; } + colorswatch.dark overlay:hover { + border-color: #08090b; } + colorswatch.dark overlay:backdrop { + color: rgba(0, 0, 0, 0.5); } +colorswatch.light overlay { + color: #a8a8a8; } + colorswatch.light overlay:hover { + border-color: #08090b; } + colorswatch.light overlay:backdrop { + color: #8b8b8c; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #8a997d; + box-shadow: inset 0 0 0 2px #08090b, inset 0 0 0 1px #8a997d; } + colorswatch:drop(active).dark overlay { + border-color: #8a997d; + box-shadow: inset 0 0 0 2px #08090b, inset 0 0 0 1px #8a997d; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid #08090b; } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: #08090b; + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #22262d; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:hover { + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #131519; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:backdrop { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #15171c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #000; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar:not(headerbar) { + background-color: rgba(23, 26, 31, 0.95); } +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(23, 26, 31, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } +messagedialog.csd.background { + background-color: rgba(23, 26, 31, 0.95); + color: #a8a8a8; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +messagedialog.csd .dialog-action-area button { + padding: 10px 14px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; + background-color: transparent; + color: #a8a8a8; + box-shadow: none; } + messagedialog.csd .dialog-action-area button:hover { + background-color: rgba(155, 191, 191, 0.9); } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 4px; } + +filechooser .dialog-action-box { + border-top: 1px solid #08090b; } + filechooser .dialog-action-box:backdrop { + border-top-color: #0a0b0d; } +filechooser #pathbarbox { + border-bottom: 1px solid #171a1f; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), entry { + min-height: 25px; + 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: #a8a8a8; + border-color: #08090b; + background-color: #22262d; } + 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:not(.vertical) undershoot.left, + entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } + spinbutton:not(.vertical) undershoot.right, + entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } + spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + box-shadow: none; + border-radius: 0; } + spinbutton:focus:not(.vertical), + entry:focus { + border-color: #7cabab; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #606164; + border-color: #08090b; + background-color: #1a1c22; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #8b8b8c; + border-color: #0a0b0d; + background-color: #15171c; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #383e4a; + border-color: #0a0b0d; + background-color: #1a1c22; + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #a8a8a8; + border-color: #08090b; + background-color: #22262d; + color: #b72f1d; + border-color: #1d0704; } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + border-color: #1d0704; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #b72f1d; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #a8a8a8; + border-color: #08090b; + background-color: #22262d; + color: #aa4b1a; + border-color: #0f0702; } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + border-color: #0f0702; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #aa4b1a; } + spinbutton:not(.vertical) image, + entry image { + color: #8a8b8b; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #a8a8a8; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #9bbfbf; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #515256; } + spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus, + entry:drop(active) { + border-color: #8a997d; + box-shadow: inset 0 0 0 1px #8a997d; } + .osd spinbutton:not(.vertical), + .osd entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus:not(.vertical), + .osd entry:focus { + color: white; + border-color: #9bbfbf; + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), + .osd entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), + .osd entry:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(62, 66, 74, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #9bbfbf; + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:focus + button, .linked:not(.vertical) > +entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + +entry, .linked:not(.vertical) > +entry:focus + +entry { + border-left-color: #7cabab; } +.linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > +entry:focus { + border-color: #7cabab; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #8a997d; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: #101115; + background-image: linear-gradient(to bottom, #131519, #131519); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: #121318; + background-image: linear-gradient(to bottom, #15171c, #15171c); } +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: #101115; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: #7cabab; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #8a997d; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #7cabab; } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #8a997d; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: #131519; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #131519; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #9bbfbf; } + +/************* + * 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-end-symbolic-rtl"); } + expander arrow:hover { + color: #f4f4f4; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #171a1f; + border-width: 1px; + border-style: solid solid none; + border-color: #08090b; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #171a1f; + border-color: #0a0b0d; } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #08090b; } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: #0a0b0d; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #08090b; } + actionbar > revealer > box:backdrop { + border-color: #0a0b0d; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(168, 168, 168, 0.07)), to(rgba(168, 168, 168, 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(#0a0b0d), to(rgba(10, 11, 13, 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(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(168, 168, 168, 0.07)), to(rgba(168, 168, 168, 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(#0a0b0d), to(rgba(10, 11, 13, 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(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(168, 168, 168, 0.07)), to(rgba(168, 168, 168, 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(#0a0b0d), to(rgba(10, 11, 13, 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(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(168, 168, 168, 0.07)), to(rgba(168, 168, 168, 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(#0a0b0d), to(rgba(10, 11, 13, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; + box-shadow: none; } +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; + box-shadow: none; } +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #08090b 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #15181c; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #0a0b0d 1px, transparent 1px); + background-color: #111316; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid #131519; + background: #131519; + color: #a8a8a8; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #9bbfbf; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #131519; + background-image: none; + border: 1px solid #131519; + color: #a8a8a8; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #131519; } + GraniteWidgetsWelcome GtkLabel { + color: #a8a8a8; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(168, 168, 168, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + background-color: #171a1f; + border: solid #08090b; + color: #a8a8a8; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #171a1f; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #0c0e10; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(168, 168, 168, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #d79920; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #131519; } + .storage-bar .fill-block.app { + background-color: #458588; } + .storage-bar .fill-block.audio { + background-color: #d65e21; } + .storage-bar .fill-block.photo { + background-color: #cd3520; } + .storage-bar .fill-block.video { + background-color: #b16286; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), headerbar { + padding: 0 6px; + min-height: 34px; + background-color: #171a1f; + color: #a8a8a8; + border-radius: 0; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: #0a0b0d; + background-image: none; + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) headerbar .linked > button:hover, + headerbar .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) headerbar .linked > button:active, + headerbar .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) headerbar .linked > button:checked, + headerbar .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button:backdrop, + headerbar .linked > button, + headerbar .linked > button:hover, + headerbar .linked > button:active, + headerbar .linked > button:checked, + headerbar .linked > button:backdrop { + border: none; + border-radius: 3px; + border-right-style: none; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:first-child, + .titlebar:not(headerbar) headerbar .linked > button:first-child, + headerbar .titlebar:not(headerbar) .linked > button:first-child, + headerbar .linked > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + .titlebar:not(headerbar) .linked > button:last-child, + .titlebar:not(headerbar) headerbar .linked > button:last-child, + headerbar .titlebar:not(headerbar) .linked > button:last-child, + headerbar .linked > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + .titlebar:not(headerbar) .linked > button:only-child, + .titlebar:not(headerbar) headerbar .linked > button:only-child, + headerbar .titlebar:not(headerbar) .linked > button:only-child, + headerbar .linked > button:only-child { + border-radius: 3px; + border-style: solid; } + .titlebar:not(headerbar) entry, + headerbar entry { + min-height: 25px; } + .titlebar:not(headerbar) button, + headerbar button { + color: #a8a8a8; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + min-height: 20px; + margin-top: 5px; + margin-bottom: 5px; + border-radius: 4px; } + .titlebar:not(headerbar) button:hover, .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:hover, + headerbar button:active, + headerbar button:checked { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + .titlebar:not(headerbar) button:backdrop, .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(168, 168, 168, 0.2); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:backdrop:hover, .titlebar:not(headerbar) button:backdrop:active, .titlebar:not(headerbar) button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + background-color: transparent; + color: #9bbfbf; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop:hover, .titlebar:not(headerbar) button.titlebutton *, + headerbar button.titlebutton:hover, + headerbar button.titlebutton:active, + headerbar button.titlebutton:checked, + headerbar button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop:hover, + headerbar button.titlebutton * { + color: transparent; + box-shadow: none; + background-color: transparent; } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:active, + headerbar button.suggested-action:active { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(0, 0, 0, 0.5); } + .titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:active, + headerbar button.destructive-action:active { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(0, 0, 0, 0.5); } + .titlebar:not(headerbar) button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) .linked > button:active:backdrop, + .titlebar:not(headerbar) .linked > button:checked:backdrop, + headerbar .linked > button:active:backdrop, + headerbar .linked > button:checked:backdrop { + color: rgba(155, 191, 191, 0.6); } + .titlebar:not(headerbar) .linked > button:active:backdrop label, + .titlebar:not(headerbar) .linked > button:checked:backdrop label, + headerbar .linked > button:active:backdrop label, + headerbar .linked > button:checked:backdrop label { + color: rgba(155, 191, 191, 0.6); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + color: #000; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: #7cabab; + background: #9bbfbf linear-gradient(to top, #92b9b9, #98bdbd 2px, #9bbfbf 3px); + box-shadow: inset 0 1px rgba(160, 194, 194, 0.55); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: #9bbfbf; + background-image: none; + box-shadow: inset 0 1px rgba(162, 196, 196, 0.46); } + .selection-mode.titlebar:not(headerbar) button, + headerbar.selection-mode button { + font-weight: normal; + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.flat, + headerbar.selection-mode button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:hover, + headerbar.selection-mode button:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-effect: none; + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:disabled, + headerbar.selection-mode button:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + .selection-mode.titlebar:not(headerbar) button.suggested-action, + headerbar.selection-mode button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(155, 191, 191, 0); + background-image: linear-gradient(to bottom, rgba(155, 191, 191, 0), rgba(155, 191, 191, 0)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu:backdrop GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + padding: 4px; + min-height: 28px; } + .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator { + margin-top: 5px; + margin-bottom: 5px; } +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; } +headerbar separator { + background: transparent; } +headerbar viewswitcher > box.horizontal > button.radio, headerbar switcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; } + headerbar viewswitcher > box.horizontal > button.radio image, headerbar switcher > box.horizontal > button.radio image { + margin-left: 7px; } + headerbar viewswitcher > box.horizontal > button.radio label, headerbar switcher > box.horizontal > button.radio label { + margin-right: 7px; } + +.background:not(.tiled):not(.maximized) .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 4px; } +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 4px; } + +window { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { + background: #171a1f; } +.titlebar button:active { + color: #9bbfbf; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #a8a8a8; + background-color: #171a1f; + border-bottom: 1px solid #010202; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #000; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #000; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(0, 0, 0, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(19, 21, 25, 0.98); + color: #a8a8a8; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #a8a8a8; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #131519; + color: #a8a8a8; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(19, 21, 25, 0.8); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(19, 21, 25, 0.6); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(19, 21, 25, 0.5); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(19, 21, 25, 0.8); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + +.info { + background-color: #989719; } + .info:backdrop { + background-color: #c4c320; + color: rgba(0, 0, 0, 0.5); } + +.warning { + background-color: #aa4b1a; } + .warning:backdrop { + background-color: #d65e21; + color: rgba(0, 0, 0, 0.5); } + +.question { + background-color: #8ec07c; } + .question:backdrop { + background-color: #acd19e; + color: rgba(0, 0, 0, 0.5); } + +.error { + background-color: #b72f1d; } + .error:backdrop { + background-color: #de3f29; + color: rgba(0, 0, 0, 0.5); } + +/************* + * Level Bar * + *************/ +levelbar block { + min-width: 32px; + min-height: 6px; } +levelbar.vertical block { + min-width: 6px; + min-height: 32px; } +levelbar:backdrop { + transition: 200ms ease-out; } +levelbar trough { + padding: 3px; + border-radius: 3px; + background-color: #272b33; + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + levelbar trough:backdrop { + background-color: rgba(0, 0, 0, 0.06); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } +levelbar.horizontal.discrete block { + margin: 0 1px; } +levelbar.vertical.discrete block { + margin: 1px 0; } +levelbar block { + border-radius: 2px; } + levelbar block:backdrop { + box-shadow: none; } + levelbar block.low { + background-color: #aa4b1a; } + levelbar block.low:backdrop { + border-color: #aa4b1a; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #8ec07c; } + levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { + border-color: #8ec07c; } + levelbar block.full { + background-color: #70af5a; } + levelbar block.full:backdrop { + border-color: #70af5a; } + levelbar block.empty { + background-color: rgba(0, 0, 0, 0.37); + box-shadow: none; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #458588; } + *:link:visited, + button:visited { + color: rgba(69, 133, 136, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #3e4c4c; } + *:link:hover, button:hover:link, + button:hover:visited { + color: #56a6aa; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #101313; } + *:link:active, button:active:link, + button:active:visited { + color: #458588; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #1f2626; } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: #9bbfbf; } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #1f2626; } + +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 { + color: #a8a8a8; + background-color: #131519; + border-color: #08090b; } + list:backdrop { + background-color: #15171c; + border-color: #0a0b0d; } + +row { + padding: 8px 14px; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row label { + padding-left: 8px; } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(168, 168, 168, 0.05); } + row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + row.activatable:backdrop:hover { + background-color: transparent; } + row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: rgba(155, 191, 191, 0.5); } + row.activatable:selected:backdrop { + background-color: rgba(155, 191, 191, 0.6); } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #171a1f; + color: #a8a8a8; + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + menubar > menuitem, + .menubar > menuitem { + min-height: 16px; + padding: 4px 8px; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + box-shadow: inset 0 -3px #9bbfbf; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: #606164; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background-color: #0e0e11; + border: 1px solid #08090b; + border-radius: 5px; + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #15181d; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #000; + background-color: #9bbfbf; } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #606164; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #383e4a; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #606164; + background-color: transparent; } + menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, .menu > arrow, .context-menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #0e0e11; + border-radius: 0; } + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #222427; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #222427; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + background-color: #222427; } + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + background-color: #15181d; } + menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } +menuitem check, +menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +.csd.popup { + background: transparent; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #08090b; } + .content-view:hover { + -gtk-icon-effect: highlight; } + .content-view:backdrop { + background-color: #08090b; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(168, 168, 168, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #131519; + border-top: 1px solid #08090b; + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #15171c; + border-color: #0a0b0d; } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #34363a; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: #08090b; + border-width: 1px; + background-color: #0f1013; } + notebook > header:backdrop { + border-color: #0a0b0d; + background-color: #171a1f; } + notebook > header tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked { + background-color: #131519; + box-shadow: -1px 0 0 #08090b, 0px -1px 0 #08090b, 1px 0 0 #08090b; } + notebook > header.top > tabs > tab:checked:hover { + background-color: #131519; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs { + margin-top: -2px; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + background-color: #131519; + box-shadow: -1px 0 0 #08090b, 0px 1px 0 #08090b, 1px 0 0 #08090b; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs { + margin-right: -2px; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + background-color: #131519; + box-shadow: 0px 1px 0 #08090b, 0px -1px 0 #08090b, 0px 1px 0 #08090b; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs { + margin-left: -2px; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + background-color: #131519; + box-shadow: 0px 1px 0 #08090b, 0px -1px 0 #08090b, 1px 0 0 #08090b; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 25px; + min-width: 25px; + padding: 3px 12px; + outline-offset: -5px; + color: #606164; + font-weight: normal; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #848586; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(8, 9, 11, 0.3); + background-color: rgba(23, 26, 31, 0.2); } + notebook > header tab:backdrop { + color: #434548; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #9bbfbf; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(8, 9, 11, 0.5); + background-color: rgba(23, 26, 31, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(23, 26, 31, 0.7); } + notebook > header tab:backdrop:checked { + color: #606164; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: #0a0b0d; + background-color: #15171c; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + background: transparent; + box-shadow: none; + color: #cd3520; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 0.5px; + padding-right: 0.5px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: -1px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: -1px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #131519; } + notebook > stack:not(:only-child):backdrop { + background-color: #15171c; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#08090b); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(#9bbfbf); } + paned > separator:backdrop { + background-image: image(#0a0b0d); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #171a1f; + background-image: image(#08090b), image(#08090b); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #171a1f; + background-image: image(#0a0b0d), image(#0a0b0d); } +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; } + +/************ + * Pathbars * + ************/ +.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; } + +/*************** + * Popovers * + ***************/ +popover.background { + padding: 2px; + border-radius: 5px; + background-color: #0e0e11; + box-shadow: 0 1px 5px rgba(8, 9, 11, 0.7); } + .csd popover.background, popover.background { + border: 1px solid #08090b; } + popover.background:backdrop { + background-color: #171a1f; + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > iconview, + 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 rgba(255, 255, 255, 0.1); } + popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(168, 168, 168, 0.4); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar.horizontal progress { + margin: 0; } + progressbar.vertical progress { + margin: 0; } + progressbar:backdrop { + box-shadow: none; + transition: 200ms ease-out; } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + progressbar.osd progress { + border-style: none; + border-radius: 0; } + +/************ + * GtkScale * + ************/ +progressbar trough, scale trough, scale fill { + background-color: #22262d; + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: #131519; } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: #131519; + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: #131519; } + +progressbar progress, scale highlight { + border: none; + background-color: #9bbfbf; + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(0, 0, 0, 0.14); } + progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: #abc9c9; + background-color: #abc9c9; } + progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.1); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 6px; } + scale.vertical trough, + scale.vertical progress { + min-width: 6px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + background-color: #9bbfbf; } + scale slider:active:disabled { + background-color: #1a1c22; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.05); } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + margin: -6px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 5px; + outline-color: transparent; } + scale fill:backdrop, scale fill { + background-color: #08090b; } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(97, 97, 97, 0.775); } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #131519; + border: none; + border-radius: 12px; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:active { + border-color: #7cabab; } + scale slider:disabled { + background-color: #1a1c22; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:backdrop, scale slider:backdrop:disabled { + transition: 200ms ease-out; + background-color: #252830; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + row:selected scale slider:disabled, row:selected scale slider { + border-color: #7cabab; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + scale marks.top { + margin-right: 6px; + margin-left: -12px; } + scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } + scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 3px; } + scale.vertical indicator { + min-height: 1px; + min-width: 6px; } + scale.vertical.fine-tune indicator { + min-width: 3px; } + scale.horizontal.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + background-image: image(#08090b); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #15181c; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.top { + border-bottom: 1px solid #08090b; } + scrollbar.bottom { + border-top: 1px solid #08090b; } + scrollbar.left { + border-right: 1px solid #08090b; } + scrollbar.right { + border-left: 1px solid #08090b; } + scrollbar:backdrop { + background-color: #111316; + border-color: #0a0b0d; + transition: 200ms ease-out; } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #6e6f71; } + scrollbar slider:hover { + background-color: #8b8c8d; } + scrollbar slider:hover:active { + background-color: #bad3d3; } + scrollbar slider:backdrop { + background-color: #34363b; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #a8a8a8; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #a8a8a8; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #6e6f71; } + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #8b8c8d; } + scrollbar button:active, scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #bad3d3; } + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(110, 111, 113, 0.2); } + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #34363b; } + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(52, 54, 59, 0.2); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid #08090b; + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: #15181c; } + .sidebar .frame { + border: none; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: none; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #08090b; + border-right-style: none; } + .sidebar:backdrop { + background-color: #16191e; + border-color: #0a0b0d; + transition: 200ms ease-out; } + .sidebar list { + background-color: #131519; } + .sidebar row:selected { + background: #131519; + color: #9bbfbf; } + .sidebar row:selected:backdrop { + color: rgba(155, 191, 191, 0.6); + background: transparent; } + .sidebar row:selected:backdrop label { + color: rgba(155, 191, 191, 0.6); } + .sidebar row:selected:hover { + background-color: rgba(155, 191, 191, 0.2); } + .sidebar row:selected label { + color: #9bbfbf; } + .sidebar.source-list { + background: #131519; + padding: 3px 0px; } + .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { + color: #9bbfbf; + background: #131519; } + .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { + background-color: rgba(155, 191, 191, 0.2); } + .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { + background-color: rgba(23, 26, 31, 0.4); } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; + border-color: #08090b; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row.sidebar-new-bookmark-row { + color: #9bbfbf; } +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #8a997d, inset 0 -1px #8a997d; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #8a997d; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #8a997d; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #000; } + +/***************** + * 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) button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #99999a; + background-image: none; + border-style: none none none solid; + border-color: rgba(8, 9, 11, 0.3); + border-radius: 0; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:hover { + color: #a8a8a8; + background-color: rgba(168, 168, 168, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(96, 97, 100, 0.3); } + spinbutton:not(.vertical) button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + color: #595a5d; + background-color: transparent; + border-color: rgba(10, 11, 13, 0.3); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(56, 62, 74, 0.3); + background-image: none; + border-style: none none none solid; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } +.osd spinbutton:not(.vertical) button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(254, 254, 254, 0.1); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #94969a; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +spinbutton.vertical:disabled { + color: #606164; } +spinbutton.vertical:backdrop:disabled { + color: #383e4a; } +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } +spinbutton.vertical entry { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; } +spinbutton.vertical button { + min-height: 32px; + min-width: 32px; + padding: 0; + border-width: 1px; + border-color: #08090b; + box-shadow: 0 1px rgba(255, 255, 255, 0.1); } +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; } +.osd spinbutton.vertical button:first-child { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(41, 45, 54, 0.98), rgba(41, 45, 54, 0.98)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: #9bbfbf; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +/********** + * Switch * + **********/ +switch { + font-size: 0px; + outline-offset: -4px; + transition: all 200ms ease-in; + border: 1px solid transparent; + border-radius: 14px; + color: transparent; + padding: 2.3px 0px; + background-color: #292d36; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(0, 0, 0, 0.1); } + switch:disabled { + background-color: #1a1c22; + border: 1px solid #08090b; } + switch:backdrop { + background-color: #171a1f; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #1a1c22; } + switch:active, switch:checked { + background-color: rgba(69, 133, 136, 0.8); + box-shadow: 0px 0px 4px rgba(69, 133, 136, 0.6); } + switch:active:backdrop, switch:checked:backdrop { + background-color: rgba(69, 133, 136, 0.5); } + switch slider { + padding: 2px; + margin: 0 2.3px; + min-width: 12px; + min-height: 12px; + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #131519; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } + switch slider:backdrop { + padding: 2px; + box-shadow: none; + background-color: #131519; } + switch:checked slider { + background: #131519; } + switch:checked slider:backdrop { + box-shadow: none; + background-color: rgba(19, 21, 25, 0.9); + border: none; } + switch trough:active, switch trough:checked { + background-color: #9bbfbf; } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: rgba(155, 191, 191, 0.6); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar, +.location-bar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #171a1f; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(41, 45, 54, 0.98); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + toolbar.horizontal separator { + margin: 0 7px 1px 6px; } + toolbar.vertical separator { + margin: 6px 1px 7px 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.inline-toolbar { + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; } + +searchbar, +.location-bar { + border-width: 0 0 1px; + padding: 3px; } + +.inline-toolbar, searchbar, +.location-bar { + border-style: solid; + border-color: #08090b; + background-color: #131519; } + .inline-toolbar:backdrop, searchbar:backdrop, + .location-bar:backdrop { + border-color: #0a0b0d; + background-color: #121519; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #131519; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 2px 4px; + background-color: transparent; + color: white; } + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: #5e5f61; + border-top-color: #171a1f; } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view:selected:focus, treeview.view:selected { + border-radius: 0; } + treeview.view:selected:backdrop, treeview.view:selected { + border-left-color: #4e6060; + border-top-color: rgba(168, 168, 168, 0.1); } + treeview.view:disabled { + color: #606164; } + treeview.view:disabled:selected { + color: #5d7373; } + treeview.view:disabled:selected:backdrop { + color: rgba(136, 167, 167, 0.85); } + treeview.view:disabled:backdrop { + color: #383e4a; } + treeview.view.separator { + min-height: 2px; + color: #171a1f; } + treeview.view.separator:backdrop { + color: rgba(23, 26, 31, 0.1); } + treeview.view:backdrop { + border-left-color: #3c3e42; + border-top: #171a1f; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #7cabab; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #7b7c7d; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #a8a8a8; } + treeview.view.expander:selected { + color: #2f3939; } + treeview.view.expander:selected:hover { + color: #000; } + treeview.view.expander:selected:backdrop { + color: rgba(87, 107, 107, 0.65); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: #4a4b4e; } + treeview.view.progressbar { + border: 1px solid #7cabab; + border-radius: 4px; + background-color: #9bbfbf; + background-image: linear-gradient(to bottom, #9bbfbf, #7cabab); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + border-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + color: #9bbfbf; + background-image: linear-gradient(to bottom, #131519, black); } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + border-color: #15171c; + background-color: #15171c; } + treeview.view.progressbar:backdrop { + border-color: #15171c; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(168, 168, 168, 0.1); + border-radius: 4px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: #7cabab; + border-radius: 4px; } + treeview.view header button { + color: #5e5f61; + background-color: #131519; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #838485; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #a8a8a8; + 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; + transition: none; + background-image: none; + background-color: #9bbfbf; + color: #131519; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #131519; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: #9bbfbf; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 0 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-width: 1px; + border-style: none solid solid none; + border-color: #171a1f; } + treeview.view header button:disabled { + border-color: #171a1f; + background-image: none; } + treeview.view header button:backdrop { + border-color: #171a1f; + border-style: none solid solid none; + color: #3c3e42; + background-image: none; + background-color: #15171c; } + treeview.view header button:backdrop:disabled { + border-color: #171a1f; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 4px 4px 0 0; + border-width: 0px; + border-width: 0px; + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.15); + transition: 200ms ease-out; } + .maximized decoration, .fullscreen decoration, .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; } + .csd.popup decoration { + border-radius: 7px; + box-shadow: 0 1px 7px rgba(8, 9, 11, 0.7); } + tooltip.csd decoration { + border-radius: 5px; + box-shadow: none; } + messagedialog.csd decoration { + border-radius: 7px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(8, 9, 11, 0.8); } + .solid-csd decoration { + border-radius: 0; + margin: 0px; + background-color: #171a1f; + border: solid 1px #0a0b0d; + box-shadow: none; } + +button.titlebutton { + background-repeat: no-repeat; + background-position: center; + min-height: 32px; + padding: 0 3px; + box-shadow: none; } + button.titlebutton.close { + background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } + button.titlebutton.close:hover, button.titlebutton.close:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } + button.titlebutton.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } + button.titlebutton.maximize:hover, button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } + button.titlebutton.minimize { + background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } + button.titlebutton.minimize:hover, button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } + button.titlebutton:backdrop { + -gtk-icon-shadow: none; + background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: 0 -1px rgba(0, 0, 0, 0.457254902); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.457254902); } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, +popover.background radiobutton:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + background-color: #9bbfbf; } + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + color: #000; + font-weight: bold; } + row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, + popover.background radiobutton:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: #4e6060; } + row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + iconview text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + iconview text:backdrop:selected, + textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, + textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, + popover.background radiobutton:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(0, 0, 0, 0.5); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, + textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, + popover.background radiobutton:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(136, 167, 167, 0.85); } + +.monospace { + font-family: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********* +* Budgie * +*********/ +.budgie-container { + background-color: transparent; } + .budgie-container:backdrop { + background-color: transparent; } + .budgie-container popover list, + .budgie-container popover row { + border: none; + background: none; + padding: 0; + margin: 0; } + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; } + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: rgba(23, 26, 31, 0.98); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid @borders; } + .budgie-popover list:hover, + .budgie-popover row:hover, + .budgie-popover.background list:hover, + .budgie-popover.background row:hover { + background: none; } + .budgie-popover > frame.container, + .budgie-popover.background > frame.container { + margin: 0 -1px -1px; + padding: 2px 0 0; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu .container { + padding: 0; } +.budgie-menu button:hover { + -gtk-icon-effect: none; } +.budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid @borders; + border-radius: 0; + font-size: 120%; + box-shadow: none; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background-color: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid @borders; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid @borders; } +.budgie-menu .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(168, 168, 168, 0.05); + color: #a8a8a8; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #000; + background-color: rgba(139, 181, 181, 0.8); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(0, 0, 0, 0.7); } +.budgie-menu scrollbar { + background-color: transparent; + border-color: transparent; } +.budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } +.budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #a8a8a8; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #a8a8a8; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #a8a8a8; } + button.budgie-menu-launcher:backdrop { + color: #a8a8a8; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #a8a8a8; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: #9bbfbf; + box-shadow: none; + background-color: transparent; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(168, 168, 168, 0.1); } +.user-menu button { + margin: 5px; } +.user-menu > box.vertical row.activatable:first-child .indicator-item, +.user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + background-color: #8ec07c; + transition-duration: 0.2s; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { + padding-left: 7px; + background-position: left center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { + padding-right: 7px; + background-position: right center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { + color: #000; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { + padding-left: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { + padding-right: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { + color: #000; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { + min-width: 24px; + min-height: 20px; } + +button.raven-trigger { + padding-left: 2px; + padding-right: 2px; + color: #a8a8a8; + box-shadow: none; } + button.raven-trigger:hover { + color: #a8a8a8; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: #9bbfbf; } + button.raven-trigger:backdrop { + color: #a8a8a8; } + button.raven-trigger:backdrop:hover { + color: #a8a8a8; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: #9bbfbf; + background-color: transparent; } + +.places-menu .container { + padding: 0; } +.places-menu .message-bar { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.places-menu .name-button { + border: 0; + border-radius: 0; + padding: 4px 6px; } +.places-menu .unmount-button { + padding: 4px 4px; + border: 0; + border-radius: 0; } +.places-menu .places-section-header { + padding: 0px; + border-bottom: 1px solid rgba(8, 9, 11, 0.95); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } +.places-menu .places-section-header > button { + padding: 8px; + border: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +.places-menu .places-list { + background: rgba(168, 168, 168, 0.04); + border-bottom: 1px solid rgba(8, 9, 11, 0.95); } +.places-menu .unlock-area { + border-top: 1px solid rgba(8, 9, 11, 0.85); + border-bottom: 1px solid rgba(8, 9, 11, 0.85); } +.places-menu .unlock-area entry { + border-radius: 0; + border: 0; } +.places-menu .unlock-area button { + border-radius: 0; + border: 0; + border-left: 1px solid rgba(8, 9, 11, 0.85); } +.places-menu .alternative-label { + font-size: 15px; + padding: 3px; } +.places-menu .always-expand { + background: transparent; + border-bottom: none; } + +.night-light-indicator .container { + padding: 0; } +.night-light-indicator .view-header { + font-size: 14px; + padding: 10px; + border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);; + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04);; } +.night-light-indicator .display-settings-button { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border: none; + padding: 3px; + border-top: 1px solid mix(@theme_base_color, #000000, 0.35);; + box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; } + +.budgie-panel { + color: #a5a5a5; + background-color: rgba(23, 26, 31, 0.7); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #cd3520; } + .budgie-panel:backdrop { + color: #a5a5a5; + background-color: rgba(23, 26, 31, 0.7); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #a5a5a5; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(23, 26, 31, 0.25); } + .top .budgie-panel.transparent { + border-bottom-color: transparent; } + .bottom .budgie-panel.transparent { + border-top-color: transparent; } + .left .budgie-panel.transparent { + border-right-color: transparent; } + .right .budgie-panel.transparent { + border-left-color: transparent; } + .budgie-panel.transparent:backdrop, .budgie-panel.transparent label, .budgie-panel.transparent button.raven-trigger:backdrop, .budgie-panel.transparent button.budgie-menu-launcher { + color: #d8d8d8; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(165, 165, 165, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #a5a5a5; } + +.budgie-panel #tasklist-button, +.budgie-panel #tasklist-button:backdrop { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(23, 26, 31, 0); + border-radius: 0; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; } + +.budgie-panel button.flat.launcher { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(23, 26, 31, 0); + border-radius: 0; + padding: 0; + background-clip: padding-box; + background-color: transparent; } + .budgie-panel button.flat.launcher { + box-shadow: none; } + +.budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, +.budgie-panel .pinned button.flat.launcher.running:hover { + box-shadow: none; } +.budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, +.budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, +.budgie-panel .pinned button.flat.launcher.running:checked { + box-shadow: none; } +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { + padding-bottom: 2px; + border-top: 2px solid transparent; } + .top .budgie-panel .pinned button.flat.launcher:not(.running) { + border-top: 2px solid transparent; } + + .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + + .top .budgie-panel .unpinned button.flat.launcher, + .top .budgie-panel .pinned button.flat.launcher.running { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { + border-top: 2px solid rgba(255, 255, 255, 0.25); } + .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { + border-top: 2px solid #9bbfbf; } +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { + padding-top: 2px; + border-bottom: 2px solid transparent; } + .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { + border-bottom: 2px solid transparent; } + + .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + + .bottom .budgie-panel .unpinned button.flat.launcher, + .bottom .budgie-panel .pinned button.flat.launcher.running { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.25); } + .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + border-bottom: 2px solid #9bbfbf; } +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { + padding-right: 2px; + border-left: 2px solid transparent; } + .left .budgie-panel .pinned button.flat.launcher:not(.running) { + border-left: 2px solid transparent; } + + .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + + .left .budgie-panel .unpinned button.flat.launcher, + .left .budgie-panel .pinned button.flat.launcher.running { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { + border-left: 2px solid rgba(255, 255, 255, 0.25); } + .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { + border-left: 2px solid #9bbfbf; } +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { + padding-left: 2px; + border-right: 2px solid transparent; } + .right .budgie-panel .pinned button.flat.launcher:not(.running) { + border-right: 2px solid transparent; } + + .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + + .right .budgie-panel .unpinned button.flat.launcher, + .right .budgie-panel .pinned button.flat.launcher.running { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { + border-right: 2px solid rgba(255, 255, 255, 0.25); } + .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { + border-right: 2px solid #9bbfbf; } + +.top .budgie-panel { + border-bottom: 1px solid rgba(8, 9, 11, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(23, 26, 31, 0.92); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(8, 9, 11, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(23, 26, 31, 0.92); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(8, 9, 11, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(23, 26, 31, 0.92); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(8, 9, 11, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(23, 26, 31, 0.92); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } + +.raven { + padding: 0; + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.92); + transition: 170ms ease-out; } + .raven .raven-header { + min-height: 32px; + color: #a8a8a8; + border: solid rgba(8, 9, 11, 0.95); + border-width: 1px 0; + background-color: rgba(23, 26, 31, 0.2); } + .raven .raven-header * { + padding-top: 0; + padding-bottom: 0; } + .raven .raven-header.top { + border-top-style: none; + border-color: transparent; + margin-top: 3px; + min-height: 32px; } + .raven .raven-header.top button.image-button:hover { + color: #8bb5b5; + box-shadow: none; } + .raven .raven-header > button.text-button { + border-radius: 2px; + color: #000; + background-color: rgba(183, 47, 29, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:hover { + border-radius: 2px; + color: #000; + background-color: rgba(205, 53, 32, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:active { + color: #000; + background-color: rgba(222, 63, 41, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header.bottom { + border-bottom-style: none; } + .raven .raven-header button { + background-color: transparent; + color: #a8a8a8; + border-radius: 0; + border: none; + box-shadow: none; + margin-top: -4px; + margin-bottom: -4px; + min-height: 32px; } + .raven .raven-header button:hover { + border-radius: 0; + background-color: transparent; + color: #9bbfbf; } + .raven .raven-header button:active, .raven .raven-header button:checked { + color: #9bbfbf; + border-radius: 0; + background-color: transparent; } + .raven .raven-header button:disabled { + color: #606164; } + .raven list { + background-color: transparent; } + .raven list:selected { + background-color: rgba(155, 191, 191, 0.9); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(155, 191, 191, 0.9); } + .raven .raven-background { + color: #a8a8a8; + background-color: transparent; + border-color: transparent; } + .raven .raven-background.middle { + border-bottom-style: none; } + .raven .powerstrip { + background-color: transparent; + border-top-color: transparent; } + .raven .powerstrip button.image-button { + border-radius: 50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: rgba(123, 123, 189, 0.7); + color: #000; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + border: none; + font-size: 100%; } + .raven .powerstrip button.image-button:hover { + transition: 170ms ease all; + background: rgba(123, 123, 189, 0.85); + color: #000; } + .raven .powerstrip button.image-button:active { + transition: 170ms ease all; + background: #7b7bbd; + color: #000; } + .raven .powerstrip button.image-button:first-child { + background: rgba(142, 192, 124, 0.9); } + .raven .powerstrip button.image-button:first-child:hover { + background: #8ec07c; } + .raven .powerstrip button.image-button:first-child:active { + background: #8ec07c; } + .raven .powerstrip button.image-button:last-child { + background: rgba(205, 53, 32, 0.9); } + .raven .powerstrip button.image-button:last-child:hover { + background: #cd3520; } + .raven .powerstrip button.image-button:last-child:active { + background: #cd3520; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 6px; + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.2); + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: transparent; + color: #9bbfbf; + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #a8a8a8; + border: none; + border-radius: 0; + background-color: transparent; } + calendar.raven-calendar button, calendar.raven-calendar button:focus { + color: alpha(currentColor,0.5); + background-color: transparent; } + calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { + color: #a8a8a8; + background-color: transparent; } + +.raven-mpris { + color: #a8a8a8; + background-color: rgba(1, 2, 2, 0.9); + border: solid rgba(255, 255, 255, 0.1); + border-width: 1px 0; + border-bottom-color: rgba(0, 0, 0, 0.1); } + .raven-mpris button.image-button { + padding: 10px; + background-color: #131519; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + .raven-mpris button.image-button:hover { + background-color: #9bbfbf; } + .raven-mpris button.image-button:active { + background-color: #8bb5b5; } + .raven-mpris button.image-button:first-child { + margin-right: 4px; } + .raven-mpris button.image-button:last-child { + margin-left: 4px; } + .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { + padding: 4px; + margin-top: 6px; + margin-bottom: 6px; } + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background: none; + border-radius: 1px; } + .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { + background-color: #8ec07c; + color: #000; + border: none; + margin: 0px 3px; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #7fb86b; + border: none; } + .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { + background-color: #7fb86b; } + +.budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { + border-radius: 1px; } +.budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { + font-size: 110%; + color: #a8a8a8; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(168, 168, 168, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #a8a8a8; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #cd3520; + box-shadow: none; } + .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { + background-color: transparent; + color: #b72f1d; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #a8a8a8; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #a8a8a8; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #a8a8a8; } + .budgie-switcher-window flowboxchild:selected { + color: #000; + background-color: rgba(155, 191, 191, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #000; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: #8cacac; } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(0, 0, 0, 0.7); + background-color: rgba(155, 191, 191, 0.7); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(0, 0, 0, 0.7); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.7); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(168, 168, 168, 0.8); } + .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + font-size: 120%; } + .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: #a8a8a8; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + font-weight: 700; } + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + border-left: none; + border-bottom-left-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + border-right: none; + border-bottom-right-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(155, 191, 191, 0.9); } + .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { + background-color: rgba(142, 192, 124, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { + background-color: rgba(157, 200, 141, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { + background-color: rgba(157, 200, 141, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { + background-color: rgba(161, 42, 25, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { + background-color: rgba(183, 47, 29, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { + background-color: rgba(183, 47, 29, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #a8a8a8; } + .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { + background-color: #505359; } + .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { + background-color: #505359; } + +.budgie-polkit-dialog .message { + color: rgba(168, 168, 168, 0.7); } +.budgie-polkit-dialog .failure { + color: #cd3520; } + +.budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { + font-size: 120%; + padding: 8px 5px; + border: none; + box-shadow: none; } + .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { + color: #a8a8a8; } + .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list row:selected .subtitle, +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle { + opacity: 1; } +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0); } + +.budgie-menubar menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: rgba(23, 26, 31, 0.7); } + .budgie-menubar menu menuitem:hover { + background-color: #9bbfbf; + color: #000; } +.budgie-menubar arrow { + border: none; + min-width: 16px; + min-height: 16px; } + .budgie-menubar arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid rgba(40, 42, 47, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(40, 42, 47, 0.928); } +.budgie-menubar menuitem accelerator { + color: rgba(168, 168, 168, 0.35); } +.budgie-menubar menuitem check, .budgie-menubar menuitem radio { + min-height: 16px; + min-width: 16px; } + +window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { + border-style: none none solid; } + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(23, 26, 31, 0.7); } + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; } + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; } + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; } +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.7); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), + .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; } + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), + .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; } + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; } +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.7); } +.workspace-switcher .workspace-add-button { + border: none; + background: transparent; } + .workspace-switcher .workspace-add-button:hover { + box-shadow: none; } + .workspace-switcher .workspace-add-button:active { + background-image: none; } + .workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; } +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; } + +/************ + * Nautilus * + ************/ +.nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { + background: transparent; + color: #9bbfbf; } +.nautilus-window .frame *:selected:backdrop label { + color: rgba(155, 191, 191, 0.6); } +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(12, 14, 16, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(155, 191, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(155, 191, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(155, 191, 191, 0.9); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(19, 21, 25, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(155, 191, 191, 0.9); } +.nautilus-window.background { + background-color: rgba(12, 14, 16, 0.95); } + .nautilus-window.background:backdrop { + background-color: rgba(12, 14, 16, 0.95); } +.nautilus-window notebook > stack:only-child { + background-color: #131519; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #15171c; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } +.nautilus-window .titlebar .search { + border: 1px solid #08090b; + border-radius: 3px; } +.nautilus-window .path-bar-box .dim-label, .nautilus-window .path-bar-box label.separator, .nautilus-window .path-bar-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar-box .subtitle, +.nautilus-window .path-bar-box headerbar .subtitle, +headerbar .nautilus-window .path-bar-box .subtitle { + color: transparent; } +.nautilus-window .path-bar-box widget > .text-button:last-child { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + .nautilus-window .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(155, 191, 191, 0.6); } +.nautilus-window .path-bar-box button { + transition: all 100ms ease-in; + margin-left: 1px; } + .nautilus-window .path-bar-box button:backdrop:hover, .nautilus-window .path-bar-box button:backdrop:active, .nautilus-window .path-bar-box button:backdrop:checked { + background-color: transparent; + color: rgba(155, 191, 191, 0.6); + box-shadow: none; } + .nautilus-window .path-bar-box button:backdrop:hover label, .nautilus-window .path-bar-box button:backdrop:active label, .nautilus-window .path-bar-box button:backdrop:checked label { + color: rgba(155, 191, 191, 0.6); } + +.nautilus-circular-button { + border-radius: 20px; + -gtk-outline-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #a8a8a8; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #fff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #a8a8a8; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #a8a8a8; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #000; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #000; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #000; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #171a1f; } + +/********* +* Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground, #gnc-id-main-window .arrow.button.toggle { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + color: #a8a8a8; + transition: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + color: #9bbfbf; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #131519; + background-color: #131519; } + .gala-notification .title, + .gala-notification .label { + color: #a8a8a8; } + +.gala-button { + padding: 3px; + color: #131519; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(19, 21, 25, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #a8a8a8; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(155, 191, 191, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #a8a8a8; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(155, 191, 191, 0.3); + color: #000; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font-size: 18px; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #a8a8a8; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; } + .panel.maximized { + background-color: #000; } + .panel.translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel.color-light.translucent { + background-color: rgba(23, 26, 31, 0.7); } + +menubar.panel, +.panel menubar { + box-shadow: none; + border: none; } + +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { + color: rgba(0, 0, 0, 0.6); + text-shadow: 0 1px rgba(255, 255, 255, 0.1); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/********* + * Cards * + *********/ +.deck { + background-color: #060608; } + +.card { + background-color: #131519; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #08090b; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * 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; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #171a1f; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #a8a8a8; } + +/********* +* Avatar * +*********/ +.avatar { + border: 1px solid rgba(0, 0, 0, 0.23); + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } + +/**level bars**/ +.sidebar .source-list.view.level-bar, .sidebar iconview.source-list.level-bar, .sidebar .source-list.view.level-bar:selected, .sidebar iconview.source-list.level-bar:selected, .sidebar .source-list.view.level-bar:selected:focus, .sidebar iconview.source-list.level-bar:selected:focus { + background: linear-gradient(to right, #343a44, #343a44); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); + border-radius: 2px; } +.sidebar .source-list.view.level-bar.fill-block, .sidebar iconview.source-list.level-bar.fill-block { + border: none; } +.sidebar .source-list.view.fill-block, .sidebar iconview.source-list.fill-block, .sidebar .source-list.view.fill-block:hover, .sidebar iconview.source-list.fill-block:hover, .sidebar .source-list.view.fill-block:selected, .sidebar iconview.source-list.fill-block:selected, .sidebar .source-list.view.fill-block:selected:focus, .sidebar iconview.source-list.fill-block:selected:focus { + background-image: none; + background: linear-gradient(to right, #9bbfbf, #9bbfbf); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid #08090b; + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; } + checkbutton.color-button > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; } + checkbutton.color-button.none > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); } + +radiobutton.color-button > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 100px; + background-clip: border-box; } +radiobutton.color-button:active > radio { + border: 1px solid rgba(0, 0, 0, 0.35); } + +.color-button check, +.color-button check:checked, +.color-button radio, +.color-button radio:checked { + background-image: none; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; + color: #131519; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { + background-color: @STRAWBERRY_300; + -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } +.color-button.orange check, .color-button.orange radio { + background-color: @ORANGE_300; + -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { + background-color: @BANANA_500; + -gtk-icon-shadow: 0 1px 1px @BANANA_700; } +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { + background-color: @LIME_500; + -gtk-icon-shadow: 0 1px 1px @LIME_700; } +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { + background-color: @BLUEBERRY_500; + -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { + background-color: @GRAPE_500; + -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { + background-color: @COCOA_300; + -gtk-icon-shadow: 0 1px 1px @COCOA_500; } +.color-button.mint check, .color-button.mint radio { + background-color: @MINT_500; + -gtk-icon-shadow: 0 1px 1px @MINT_700; } +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { + background-color: @BUBBLEGUM_500; + -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } +.color-button.slate check, .color-button.slate radio { + background-color: @SLATE_300; + -gtk-icon-shadow: 0 1px 1px @SLATE_500; } +.color-button.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); } + +.xfce4-panel.panel { + background-color: rgba(23, 26, 31, 0.7); + color: #a8a8a8; + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(165, 165, 165, 0.8); + border-radius: 0; + border: none; + background-color: rgba(23, 26, 31, 0); } + #tasklist-button:hover { + color: #bfbfbf; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(255, 0, 0, 0.25); + box-shadow: inset 0 -2px #9bbfbf; } + +.xfce4-panel.panel button.flat { + color: #a5a5a5; + border-radius: 0; + border: none; + background-color: rgba(23, 26, 31, 0); + font-weight: normal; } + .xfce4-panel.panel button.flat:hover { + border: none; + background-color: rgba(45, 51, 60, 0.7); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked { + color: #a5a5a5; + border-bottom: 2px solid #9bbfbf; + background-color: rgba(19, 21, 25, 0.7); } + .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image { + color: inherit; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: #9bbfbf; + /* Color property of the glow */ + /* Title settings */ + -UnityDecoration-title-indent: 10px; + /* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px; + /* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0; + /* Float from 0.0 to 1.0, to align the title */ + background-color: #eeeeee; + color: #31363D; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #eeeeee; + border-bottom-width: 0; + background-color: #eeeeee; + color: #31363D; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: #1a1d21; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #31363D; } + UnityDecoration .top .menuitem:backdrop { + color: #1a1d21; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #ececec; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #eeeeee, #ececec); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #ececec; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #d5d5d5; + color: #31363D; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #1a1d21; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #31363D; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #31363D; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #d5d5d5; + color: #31363D; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #606164; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #31363D; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #ebebeb; + color: #31363D; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: #08090b; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #131519; } + +@keyframes playbackmenuitem_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: #9bbfbf; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #08090b; } + MsdOsdWindow.background.osd .progressbar { + background-color: #9bbfbf; + border: none; + border-color: #9bbfbf; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(30, 33, 39, 0.98); + border: none; + border-radius: 5px; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left .separator, +.geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView { + -GtkTreeView-grid-line-width: 0; } + ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { + background-color: #9bbfbf; + color: #000; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(155, 191, 191, 0.6); + color: rgba(0, 0, 0, 0.5); } + ConversationListView .view .cell, ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { + color: #000; + border: 0px solid #7cabab; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: rgba(23, 26, 31, 0.7); + color: #a5a5a5; + font-weight: bold; + box-shadow: inset 0 -1px rgba(8, 9, 11, 0.7); } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: #a5a5a5; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(165, 165, 165, 0.5); } + #panel_window .menubar .menuitem:disabled GtkLabel, + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:disabled label, + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #a8a8a8; } + +#content_frame { + padding-bottom: 14px; + background-color: #171a1f; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #22262d; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:hover { + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #131519; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:active, #content_frame button:checked { + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:disabled { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #1a1c22; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #171a1f; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #a8a8a8; + font-size: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +.nemo-window .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #383e4a; + -NemoPlacesTreeView-disk-full-fg-color: #d79920; + -GtkTreeView-vertical-separator: 10; } + .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, + .nemo-window .places-treeview iconview.cell:hover { + background: rgba(17, 19, 22, 0.7); } + .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, + .nemo-window .places-treeview iconview.cell:selected { + background: #9bbfbf; + color: #000; } +.nemo-window .sidebar { + background-color: #131519; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { + color: #98abb2; + background-color: transparent; } +.nemo-window .nemo-window-pane widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: #a8a8a8; + border: 1px solid #08090b; + border-radius: 3px; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } + .nemo-window .nemo-window-pane widget.entry:selected { + background-color: #9bbfbf; + color: #000; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #171a1f; } + .nemo-window toolbar.primary-toolbar button { + color: #a8a8a8; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + border-radius: 4px; + margin-top: 5px; + margin-bottom: 5px; + min-height: 24px; } + .nemo-window toolbar.primary-toolbar button:hover, .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + .nemo-window toolbar.primary-toolbar button:hover:backdrop label, .nemo-window toolbar.primary-toolbar button:selected:backdrop label, .nemo-window toolbar.primary-toolbar button:active:backdrop label, .nemo-window toolbar.primary-toolbar button:checked:backdrop label { + color: #9bbfbf; } +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, +.nemo-window .nemo-inactive-pane iconview { + background-color: #0f1013; } + +/* thunar */ +.thunar toolbar { + background-color: #171a1f; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +scrolledwindow.sidebar treeview.view { + background: #131519; + padding: 1.5px; } + +/* path-bar of thunar */ +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button, +.thunar toolbar .path-bar-button { + border-radius: 4px; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, + .thunar toolbar .path-bar-button:hover { + color: #9bbfbf; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, + .thunar toolbar .path-bar-button:checked { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:backdrop label, + .thunar toolbar .path-bar-button:checked:backdrop label { + color: rgba(155, 191, 191, 0.6); } + +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button, +.thunar toolbar .path-bar-button { + background: none; + outline: none; + border: none; + box-shadow: none; } + +/* thunar sidepane */ +window.thunar paned > scrolledwindow treeview.view:hover { + background: #1a1c22; } +window.thunar paned > scrolledwindow treeview.view:selected { + color: #9bbfbf; + border-radius: 0; + box-shadow: none; } + +.caja-notebook .entry { + background: #131519; + color: #a8a8a8; } + .caja-notebook .entry:selected { + background: #9bbfbf; + color: #000; } + +/*# sourceMappingURL=gtk.css.map */ diff --git a/gtk-3.0/thumbnail.png b/gtk-3.0/thumbnail.png new file mode 100755 index 0000000000000000000000000000000000000000..b9e63a680713bb8da246d628fdb7931cde8e875f GIT binary patch literal 1757 zcmZ9Ld05iv7RP^DX^&3xTuoF=1w;fy6kGvU1O&t-QF93wR8TXe6v~B4QB*QzQE+2X zaj9;DnW;%rI-r^upb2W^oDyve7t>7K@pL`k+I%BNK`;TaaEq&&}6)-=rS}R0|ElWBl*<@bDs{~ z_S{j&tI1+%z9q@vkKY!lS8zvH+WT$6_M8&Dc+YM9lz;MzraVf8c z9}!16Bd?uY)}HCAEfbYi)$>yivYRB$&CM-j3N0s>Gc-IrFfizk34*{7gM))=jV3Gm zuv)DyAN9R`$SuvQZ4*FX zz8RTWU0re>zs%jk8;uF9sHm(Fib{BVUq7@$p^S-*4~~qCijRs z?B(J@_dSe8rL13Cz3^a#p~S4O6A5U0&tHzZ%u6~PssNj+vmA1#0%)_NnTAww0@1z~ zQ(ODH0tkvVOKm0bOG`eIk*lITXW*A9yAxesOSQVJb4R z*4O{`Y`MhCQ>T4vmaN@=y6=u?tI=uHytKyp{44vXpqr}GV)3?3QxkbxEM8Q>EO|~I zckbI%Gis@$xf#L_`o29Ul6Ry6t!YK<>cop^Zq{z*_?S^jOW?ag3TA!(@@nJl>+fH` zJWeAEwH2@jAO<%rgTu}}w0a+$mzI;8+4%?*HY0*gei0EmGS)H9kGZLdQec7)TP(R> zZL~_u8*=PhF{JB_+goq!%s#E%(-Uq6%n`(&KmGAD0=Y3Vks_0c#od0*96Zk-@=a*@ zJNy#ylwB)^ziJ!If7Eo%r#vtw>&b7-ltCo%j7@@f&b2Z;O`;VG5s=ZM1ZpLD7QEtYVBvgf(EQ!cpv>ce-Yb?|IQ z&6fVgpU!Z?76eGx-Hy}MTz>WVJ2-V-@@O&gB}%jTqHh#|i{9{xwed~S4~RYFm?w^_ zT5Ra+sFT|dq`&T6T_w5&k=rxf0t@C>m|BeG(qv9CX2!(&I{O2sd~y1wtDfD#iOYCa z7fIP%%~QO&5vkgOJbnzaR7|(YeG!n@y3K6%=8qwE9%c#THn`{!`0+wVZ?Z}?ng0pd z`h=K!w#~~R!G%}tCtc=W{LB6#;l*;pSD}v$(&`NF{G#D3*hvGv>p+pj%*pC7&S_#AsQNk7S zNX0uC57-f5abZ{-Ap=h!h2gAH3=T)a;pVBIuKf>CDJUuD*Zm*xpWgokev`EEtN?gt rLb`x2Jjt!*0i{)fN*=bxI*eCUQzj7pW7j7!RuRCYrBF@rg_3^*J*mY6 literal 0 HcmV?d00001 diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css new file mode 100755 index 0000000..07be6f3 --- /dev/null +++ b/gtk-4.0/gtk-dark.css @@ -0,0 +1,6180 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #a8a8a8; +/* text color for entries, views and content in general */ +@define-color theme_text_color #a8a8a8; +/* widget base background color */ +@define-color theme_bg_color #171a1f; +/* text widgets and the like base background color */ +@define-color theme_base_color #131519; +/* base background color of selections */ +@define-color theme_selected_bg_color #9bbfbf; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #000; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #1a1c22; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #606164; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #131519; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #606164; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #a8a8a8; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #171a1f; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #15171c; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #9bbfbf; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #000; +/* widgets main borders color */ +@define-color borders #08090b; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #0a0b0d; +/* these are pretty self explicative */ +@define-color warning_color #aa4b1a; +@define-color error_color #b72f1d; +@define-color success_color #70af5a; +@define-color fg_color #a8a8a8; +@define-color text_color #a8a8a8; +@define-color bg_color #171a1f; +@define-color base_color #131519; +@define-color selected_bg_color #9bbfbf; +@define-color selected_fg_color #000; +@define-color unfocused_fg_color #606164; +@define-color unfocused_text_color #a8a8a8; +@define-color unfocused_bg_color #171a1f; +@define-color unfocused_base_color #15171c; +@define-color unfocused_selected_bg_color #9bbfbf; +@define-color unfocused_selected_fg_color #000; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#a8a8a8, 1.8); +@define-color wm_unfocused_title #606164; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#171a1f, 1.2); +@define-color wm_bg_b #171a1f; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#171a1f, 1.3); +@define-color wm_button_hover_color_b #171a1f; +@define-color wm_button_active_color_a shade(#171a1f, 0.85); +@define-color wm_button_active_color_b shade(#171a1f, 0.89); +@define-color wm_button_active_color_c shade(#171a1f, 0.9); +@define-color content_view_bg #131519; +@define-color text_view_bg #131519; +@define-color budgie_tasklist_indicator_color #9bbfbf; +@define-color budgie_tasklist_indicator_color_active #9bbfbf; +@define-color placeholder_text_color #8b8b8c; +@define-color STRAWBERRY_100 #ff8c82; +@define-color STRAWBERRY_300 #ed5353; +@define-color STRAWBERRY_500 #c6262e; +@define-color STRAWBERRY_700 #a10705; +@define-color STRAWBERRY_900 #7a0000; +@define-color ORANGE_100 #ffc27d; +@define-color ORANGE_300 #ffa154; +@define-color ORANGE_500 #f37329; +@define-color ORANGE_700 #cc3b02; +@define-color ORANGE_900 #a62100; +@define-color BANANA_100 #fff394; +@define-color BANANA_300 #ffe16b; +@define-color BANANA_500 #f9c440; +@define-color BANANA_700 #d48e15; +@define-color BANANA_900 #ad5f00; +@define-color LIME_100 #d1ff82; +@define-color LIME_300 #9bdb4d; +@define-color LIME_500 #68b723; +@define-color LIME_700 #3a9104; +@define-color LIME_900 #206b00; +@define-color MINT_100 #89ffdd; +@define-color MINT_300 #43d6b5; +@define-color MINT_500 #28bca3; +@define-color MINT_700 #0e9a83; +@define-color MINT_900 #007367; +@define-color BLUEBERRY_100 #8cd5ff; +@define-color BLUEBERRY_300 #64baff; +@define-color BLUEBERRY_500 #3689e6; +@define-color BLUEBERRY_700 #0d52bf; +@define-color BLUEBERRY_900 #002e99; +@define-color BUBBLEGUM_100 #fe9ab8; +@define-color BUBBLEGUM_300 #f4679d; +@define-color BUBBLEGUM_500 #de3e80; +@define-color BUBBLEGUM_700 #bc245d; +@define-color BUBBLEGUM_900 #910e38; +@define-color GRAPE_100 #e4c6fa; +@define-color GRAPE_300 #cd9ef7; +@define-color GRAPE_500 #a56de2; +@define-color GRAPE_700 #7239b3; +@define-color GRAPE_900 #452981; +@define-color COCOA_100 #a3907c; +@define-color COCOA_300 #8a715e; +@define-color COCOA_500 #715344; +@define-color COCOA_700 #57392d; +@define-color COCOA_900 #3d211b; +@define-color SILVER_100 #fafafa; +@define-color SILVER_300 #d4d4d4; +@define-color SILVER_500 #abacae; +@define-color SILVER_700 #7e8087; +@define-color SILVER_900 #555761; +@define-color SLATE_100 #95a3ab; +@define-color SLATE_300 #667885; +@define-color SLATE_500 #485a6c; +@define-color SLATE_700 #273445; +@define-color SLATE_900 #0e141f; +@define-color BLACK_100 #666; +@define-color BLACK_300 #4d4d4d; +@define-color BLACK_500 #333; +@define-color BLACK_700 #1a1a1a; +@define-color BLACK_900 #000; +/***************** +* Drawing mixins * +*****************/ +/********* +* Common * +*********/ +* { + padding: 0; + outline-color: rgba(168, 168, 168, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 0px; + -gtk-secondary-caret-color: #9bbfbf; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #010202; + border: solid #08090b; + border-width: 1px 0 0 0; + color: #a8a8a8; + box-shadow: none; } + .action-bar:backdrop { + background-color: #010202; + box-shadow: none; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(41, 45, 54, 0.98); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #a8a8a8; + background-color: #171a1f; } + .background:backdrop { + color: #606164; + background-color: #171a1f; + text-shadow: none; + -gtk-icon-shadow: none; } + .background.chromium { + background-color: #1c1f25; } + +/* + 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. +*/ +.gtkstyle-fallback { + color: #a8a8a8; + background-color: #171a1f; } + .gtkstyle-fallback:hover { + color: #a8a8a8; + background-color: #2d323c; } + .gtkstyle-fallback:active { + color: #a8a8a8; + background-color: #010202; } + .gtkstyle-fallback:disabled { + color: #606164; + background-color: #1a1c22; } + .gtkstyle-fallback:selected { + color: #000; + background-color: #9bbfbf; } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #a8a8a8; + background-color: #131519; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: #8b8b8c; + background-color: #15171c; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 3px; } + +textview border { + background-color: #15181c; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +treeview.view rubberband { + border: 1px solid #7cabab; + background-color: rgba(124, 171, 171, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #a8a8a8; } + label.separator:backdrop { + color: #606164; } + label selection { + background-color: #9bbfbf; + color: #000; } + label:disabled { + color: #606164; } + label:disabled:backdrop { + color: #383e4a; } + label:backdrop { + color: #606164; } + +.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #131519; + border-top: 1px solid #08090b; } + assistant .sidebar:backdrop { + background-color: #15171c; + border-color: #0a0b0d; } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #34363a; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .osd popover.background > arrow, +.osd popover.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents, .osd { + color: #fefefe; + border: 1px solid #08090b; + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + outline-color: rgba(254, 254, 254, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, .osd popover.background > arrow:backdrop, + .osd popover.background > contents:backdrop, popover.background.touch-selection > arrow:backdrop, + popover.background.touch-selection > contents:backdrop, popover.background.magnifier > arrow:backdrop, + popover.background.magnifier > contents:backdrop, .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +*:selected { + background: #9bbfbf; + color: #000; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, #cadddd 0%, rgba(202, 221, 221, 0) 0%); } + to { + background-image: radial-gradient(farthest-side, #cadddd 95%, rgba(202, 221, 221, 0)); } } +notebook > header > tabs > arrow, +button { + min-height: 20px; + min-width: 16px; + padding: 3px 6px; + border: none; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #22262d; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-filter: brightness(1.2); } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8bb5b5; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition-duration: 50ms; } + notebook > header > tabs > arrow:active, + button:active { + color: #a8a8a8; } + notebook > header > tabs > arrow:active:hover, notebook > header > tabs > arrow:checked, + button:active:hover, + button:checked { + color: #000; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #15171c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition: 200ms ease-out; + -gtk-icon-filter: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + button:backdrop.flat:active label, + button:backdrop.flat:checked label, + button:backdrop:active label, + button:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #1a1c22; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #1a1c22; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #8a997d; + border-color: #8a997d; + box-shadow: inset 0 0 0 1px #8a997d; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #000; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #606164; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #fefefe; + border-radius: 5px; + outline-color: rgba(254, 254, 254, 0.3); + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(41, 45, 54, 0.98), rgba(41, 45, 54, 0.98)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification button, +.app-notification.frame button, popover.background.touch-selection button, popover.background.magnifier button, +.osd button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + .osd button:active:backdrop, + .osd button:active, + .osd button:checked:backdrop, + .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + .osd button:disabled:backdrop, + .osd button:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + .osd button:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(41, 45, 54, 0.98), rgba(41, 45, 54, 0.98)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + .osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + .osd button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + .osd button.flat:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + .osd button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + .osd button.flat:active, + .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } +button.suggested-action { + font-weight: normal; + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button, button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #8ec07c; } + button.suggested-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:active, button.suggested-action:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(0, 0, 0, 0.5); } + .selection-mode windowcontrols button:backdrop:active, .selection-mode windowcontrols button:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop:active label, .selection-mode windowcontrols button:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(0, 0, 0, 0.5); } + .selection-mode windowcontrols button:backdrop:disabled:active, .selection-mode windowcontrols button: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 { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(142, 192, 124, 0.8); } + button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled label { + color: rgba(0, 0, 0, 0.7); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + .osd button.suggested-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(142, 192, 124, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(142, 192, 124, 0.7), rgba(142, 192, 124, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #8ec07c, #8ec07c); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(142, 192, 124, 0.5), rgba(142, 192, 124, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + font-weight: normal; + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #a12a19; } + button.destructive-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:active, button.destructive-action:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(0, 0, 0, 0.5); } + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(0, 0, 0, 0.5); } + 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 { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(161, 42, 25, 0.8); } + button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled label { + color: rgba(0, 0, 0, 0.7); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + .osd button.destructive-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(161, 42, 25, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(161, 42, 25, 0.7), rgba(161, 42, 25, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #a12a19, #a12a19); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(161, 42, 25, 0.5), rgba(161, 42, 25, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .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 button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar button, .primary-toolbar .raised button { + -gtk-icon-shadow: none; } + .primary-toolbar button:hover, .primary-toolbar button:focus, .primary-toolbar .raised button:hover, .primary-toolbar .raised button:focus { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: radial-gradient(farthest-side, #cadddd 96%, rgba(202, 221, 221, 0)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + +toolbar button:hover { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #08090b; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +toolbar button:active { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: black; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.inline-toolbar toolbutton > button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:hover { + color: #9bbfbf; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #8bb5b5; } + .inline-toolbar toolbutton > button:disabled { + color: #8b8b8c; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(139, 181, 181, 0.3); } + .inline-toolbar toolbutton > button:backdrop { + color: #8b8b8c; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: #8bb5b5; } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #8b8b8c; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(139, 181, 181, 0.3); } + +toolbar.inline-toolbar toolbutton > button.flat:backdrop, +toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { + border-color: transparent; + box-shadow: none; } + +.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border: 1px solid #08090b; + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +entry: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, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, +.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, + .menuitem.button.flat:hover { + background-color: #22262d; } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow { + background: none; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +notebook button, list button, .view button, iconview button, popover button { + box-shadow: inset 0px 0px 0px 1px #08090b; } + notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { + box-shadow: inset 0px 0px 0px 1px #08090b; } +notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #a8a8a8; + border: 1px solid #08090b; } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(168, 168, 168, 0.45); } + calendar.button:hover { + color: #a8a8a8; } + calendar.button:backdrop { + color: rgba(96, 97, 100, 0.45); } + calendar.button:disabled { + color: rgba(96, 97, 100, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #a8a8a8; } + calendar:backdrop { + color: #8b8b8c; + border-color: #0a0b0d; } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, iconview.content-view check, +.view.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, iconview.content-view radio, +.view.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, iconview.content-view check:hover, +.view.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, iconview.content-view radio:hover, +.view.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, iconview.content-view check:active, +.view.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, iconview.content-view radio:active, +.view.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, iconview.content-view check:disabled, +.view.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +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, +radio { + margin: 0 4px; + min-height: 16px; + min-width: 16px; + border: none; } + menu menuitem check, menu menuitem + radio { + margin: 0; } + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem + radio, menu menuitem + radio:hover, menu menuitem + radio:disabled { + min-height: 14px; + min-width: 14px; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + border-color: currentColor; + animation: none; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #000; } + colorswatch.dark overlay:hover { + border-color: #08090b; } + colorswatch.dark overlay:backdrop { + color: rgba(0, 0, 0, 0.5); } +colorswatch.light overlay { + color: #a8a8a8; } + colorswatch.light overlay:hover { + border-color: #08090b; } + colorswatch.light overlay:backdrop { + color: #8b8b8c; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #8a997d; + box-shadow: inset 0 0 0 2px #08090b, inset 0 0 0 1px #8a997d; } + colorswatch:drop(active).dark overlay { + border-color: #8a997d; + box-shadow: inset 0 0 0 2px #08090b, inset 0 0 0 1px #8a997d; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid #08090b; } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: #08090b; + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #22262d; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:hover { + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #131519; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:backdrop { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #15171c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #000; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar:not(headerbar) { + background-color: rgba(23, 26, 31, 0.95); } +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(23, 26, 31, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } +messagedialog.csd.background { + background-color: rgba(23, 26, 31, 0.95); + color: #a8a8a8; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +messagedialog.csd .dialog-action-area button { + padding: 10px 14px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; + background-color: transparent; + color: #a8a8a8; + box-shadow: none; } + messagedialog.csd .dialog-action-area button:hover { + background-color: rgba(155, 191, 191, 0.9); } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 4px; } + +filechooser .dialog-action-box { + border-top: 1px solid #08090b; } + filechooser .dialog-action-box:backdrop { + border-top-color: #0a0b0d; } +filechooser #pathbarbox { + border-bottom: 1px solid #171a1f; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), entry { + min-height: 25px; + 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: #a8a8a8; + border-color: #08090b; + background-color: #22262d; } + 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:not(.vertical) undershoot.left, + entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } + spinbutton:not(.vertical) undershoot.right, + entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } + spinbutton.flat:focus-within:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus-within, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + box-shadow: none; + border-radius: 0; } + spinbutton:focus-within:not(.vertical), + entry:focus-within { + border-color: #7cabab; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #606164; + border-color: #08090b; + background-color: #1a1c22; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #8b8b8c; + border-color: #0a0b0d; + background-color: #15171c; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #383e4a; + border-color: #0a0b0d; + background-color: #1a1c22; + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #a8a8a8; + border-color: #08090b; + background-color: #22262d; + color: #b72f1d; + border-color: #1d0704; } + spinbutton.error:focus-within:not(.vertical), + entry.error:focus-within { + border-color: #1d0704; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #b72f1d; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #a8a8a8; + border-color: #08090b; + background-color: #22262d; + color: #aa4b1a; + border-color: #0f0702; } + spinbutton.warning:focus-within:not(.vertical), + entry.warning:focus-within { + border-color: #0f0702; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #aa4b1a; } + spinbutton:not(.vertical) image, + entry image { + color: #8a8b8b; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #a8a8a8; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #9bbfbf; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #515256; } + spinbutton:drop(active):focus-within:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus-within, + entry:drop(active) { + border-color: #8a997d; + box-shadow: inset 0 0 0 1px #8a997d; } + .osd spinbutton:not(.vertical), + .osd entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus-within:not(.vertical), + .osd entry:focus-within { + color: white; + border-color: #9bbfbf; + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), + .osd entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), + .osd entry:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(62, 66, 74, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #9bbfbf; + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:focus-within + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:focus-within + button, .linked:not(.vertical) > +entry:focus-within + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + +entry, .linked:not(.vertical) > +entry:focus-within + +entry { + border-left-color: #7cabab; } +.linked:not(.vertical) > spinbutton:focus-within:not(.vertical), .linked:not(.vertical) > +entry:focus-within { + border-color: #7cabab; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #8a997d; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: #101115; + background-image: linear-gradient(to bottom, #131519, #131519); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: #121318; + background-image: linear-gradient(to bottom, #15171c, #15171c); } +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: #101115; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: #7cabab; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #8a997d; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #7cabab; } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #8a997d; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { + background-color: #131519; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #131519; } + treeview entry.flat:focus-within, treeview entry:focus-within { + border-color: #9bbfbf; } + +/************* + * 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-end-symbolic-rtl"); } + expander arrow:hover { + color: #f4f4f4; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #171a1f; + border-width: 1px; + border-style: solid solid none; + border-color: #08090b; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #171a1f; + border-color: #0a0b0d; } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #08090b; } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: #0a0b0d; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #08090b; } + actionbar > revealer > box:backdrop { + border-color: #0a0b0d; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: radial-gradient(farthest-side at top, #22262d 85%, rgba(34, 38, 45, 0)), radial-gradient(farthest-side at top, #22262d, rgba(34, 38, 45, 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: radial-gradient(farthest-side at top, #22262d 85%, rgba(34, 38, 45, 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: radial-gradient(farthest-side at bottom, #22262d 85%, rgba(34, 38, 45, 0)), radial-gradient(farthest-side at bottom, #22262d, rgba(34, 38, 45, 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: radial-gradient(farthest-side at bottom, #22262d 85%, rgba(34, 38, 45, 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: radial-gradient(farthest-side at left, #22262d 85%, rgba(34, 38, 45, 0)), radial-gradient(farthest-side at left, #22262d, rgba(34, 38, 45, 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: radial-gradient(farthest-side at left, #22262d 85%, rgba(34, 38, 45, 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: radial-gradient(farthest-side at right, #22262d 85%, rgba(34, 38, 45, 0)), radial-gradient(farthest-side at right, #22262d, rgba(34, 38, 45, 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: radial-gradient(farthest-side at right, #22262d 85%, rgba(34, 38, 45, 0)); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; + box-shadow: none; } +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; + box-shadow: none; } +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #08090b 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #15181c; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #0a0b0d 1px, transparent 1px); + background-color: #111316; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + border: 1px solid #131519; + background: #131519; + color: #a8a8a8; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #9bbfbf; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #131519; + background-image: none; + border: 1px solid #131519; + color: #a8a8a8; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #131519; } + GraniteWidgetsWelcome GtkLabel { + color: #a8a8a8; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(168, 168, 168, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + background-color: #171a1f; + border: solid #08090b; + color: #a8a8a8; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #171a1f; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #0c0e10; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(168, 168, 168, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #d79920; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #131519; } + .storage-bar .fill-block.app { + background-color: #458588; } + .storage-bar .fill-block.audio { + background-color: #d65e21; } + .storage-bar .fill-block.photo { + background-color: #cd3520; } + .storage-bar .fill-block.video { + background-color: #b16286; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), headerbar { + padding: 0 6px; + min-height: 34px; + background-color: #171a1f; + color: #a8a8a8; + border-radius: 0; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: #0a0b0d; + background-image: none; + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) headerbar .linked > button:hover, + headerbar .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) headerbar .linked > button:active, + headerbar .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) headerbar .linked > button:checked, + headerbar .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button:backdrop, + headerbar .linked > button, + headerbar .linked > button:hover, + headerbar .linked > button:active, + headerbar .linked > button:checked, + headerbar .linked > button:backdrop { + border: none; + border-radius: 3px; + border-right-style: none; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:first-child, + .titlebar:not(headerbar) headerbar .linked > button:first-child, + headerbar .titlebar:not(headerbar) .linked > button:first-child, + headerbar .linked > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + .titlebar:not(headerbar) .linked > button:last-child, + .titlebar:not(headerbar) headerbar .linked > button:last-child, + headerbar .titlebar:not(headerbar) .linked > button:last-child, + headerbar .linked > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + .titlebar:not(headerbar) .linked > button:only-child, + .titlebar:not(headerbar) headerbar .linked > button:only-child, + headerbar .titlebar:not(headerbar) .linked > button:only-child, + headerbar .linked > button:only-child { + border-radius: 3px; + border-style: solid; } + .titlebar:not(headerbar) entry, + headerbar entry { + min-height: 25px; } + .titlebar:not(headerbar) button, + headerbar button { + color: #a8a8a8; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + min-height: 20px; + margin-top: 5px; + margin-bottom: 5px; + border-radius: 4px; } + .titlebar:not(headerbar) button:hover, .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:hover, + headerbar button:active, + headerbar button:checked { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + .titlebar:not(headerbar) button:backdrop, .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(168, 168, 168, 0.2); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:backdrop:hover, .titlebar:not(headerbar) button:backdrop:active, .titlebar:not(headerbar) button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + background-color: transparent; + color: #9bbfbf; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop:hover, .titlebar:not(headerbar) button.titlebutton *, + headerbar button.titlebutton:hover, + headerbar button.titlebutton:active, + headerbar button.titlebutton:checked, + headerbar button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop:hover, + headerbar button.titlebutton * { + color: transparent; + box-shadow: none; + background-color: transparent; } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:active, + headerbar button.suggested-action:active { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(0, 0, 0, 0.5); } + .titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:active, + headerbar button.destructive-action:active { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(0, 0, 0, 0.5); } + .titlebar:not(headerbar) button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) .linked > button:active:backdrop, + .titlebar:not(headerbar) .linked > button:checked:backdrop, + headerbar .linked > button:active:backdrop, + headerbar .linked > button:checked:backdrop { + color: rgba(155, 191, 191, 0.6); } + .titlebar:not(headerbar) .linked > button:active:backdrop label, + .titlebar:not(headerbar) .linked > button:checked:backdrop label, + headerbar .linked > button:active:backdrop label, + headerbar .linked > button:checked:backdrop label { + color: rgba(155, 191, 191, 0.6); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + color: #000; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: #7cabab; + background: #9bbfbf linear-gradient(to top, #92b9b9, #98bdbd 2px, #9bbfbf 3px); + box-shadow: inset 0 1px rgba(160, 194, 194, 0.55); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: #9bbfbf; + background-image: none; + box-shadow: inset 0 1px rgba(162, 196, 196, 0.46); } + .selection-mode.titlebar:not(headerbar) button, + headerbar.selection-mode button { + font-weight: normal; + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.flat, + headerbar.selection-mode button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:hover, + headerbar.selection-mode button:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-filter: none; + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:disabled, + headerbar.selection-mode button:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + .selection-mode.titlebar:not(headerbar) button.suggested-action, + headerbar.selection-mode button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(155, 191, 191, 0); + background-image: linear-gradient(to bottom, rgba(155, 191, 191, 0), rgba(155, 191, 191, 0)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + padding: 4px; + min-height: 28px; } + .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator { + margin-top: 5px; + margin-bottom: 5px; } +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; } +headerbar separator { + background: transparent; } +headerbar viewswitcher > box.horizontal > button.radio, headerbar switcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; } + +.background:not(.tiled):not(.maximized) .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 4px; } +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 4px; } + +window { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { + background: #171a1f; } +.titlebar button:active { + color: #9bbfbf; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #a8a8a8; + background-color: #171a1f; + border-bottom: 1px solid #010202; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #000; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #000; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(0, 0, 0, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(19, 21, 25, 0.98); + color: #a8a8a8; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #a8a8a8; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #131519; + color: #a8a8a8; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(19, 21, 25, 0.8); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(19, 21, 25, 0.6); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(19, 21, 25, 0.5); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(19, 21, 25, 0.8); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + +.info, .info:backdrop { + color: #989719; + background-color: transparent; } + +.warning, .warning:backdrop { + color: #aa4b1a; + background-color: transparent; } + +.question, .question:backdrop { + color: #8ec07c; + background-color: transparent; } + +.error, .error:backdrop { + color: #b72f1d; + background-color: transparent; } + +/************* + * Level Bar * + *************/ +levelbar block { + min-width: 32px; + min-height: 6px; } +levelbar.vertical block { + min-width: 6px; + min-height: 32px; } +levelbar:backdrop { + transition: 200ms ease-out; } +levelbar trough { + padding: 3px; + border-radius: 3px; + background-color: #272b33; + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + levelbar trough:backdrop { + background-color: rgba(0, 0, 0, 0.06); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } +levelbar.horizontal.discrete block { + margin: 0 1px; } +levelbar.vertical.discrete block { + margin: 1px 0; } +levelbar block { + border-radius: 2px; } + levelbar block:backdrop { + box-shadow: none; } + levelbar block.low { + background-color: #aa4b1a; } + levelbar block.low:backdrop { + border-color: #aa4b1a; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #8ec07c; } + levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { + border-color: #8ec07c; } + levelbar block.full { + background-color: #70af5a; } + levelbar block.full:backdrop { + border-color: #70af5a; } + levelbar block.empty { + background-color: rgba(0, 0, 0, 0.37); + box-shadow: none; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #458588; } + *:link:visited, + button:visited { + color: rgba(69, 133, 136, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #3e4c4c; } + *:link:hover, button:hover:link, + button:hover:visited { + color: #56a6aa; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #101313; } + *:link:active, button:active:link, + button:active:visited { + color: #458588; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #1f2626; } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: #9bbfbf; } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #1f2626; } + +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, listview { + color: #a8a8a8; + background-color: #131519; + border-color: #08090b; } + list:backdrop, listview:backdrop { + background-color: #15171c; + border-color: #0a0b0d; } + list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) { + border-left: 1px solid #08090b; } + list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator), listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid #08090b; } + +row { + padding: 8px 14px; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row label { + padding-left: 8px; } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(168, 168, 168, 0.05); } + row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + row.activatable:backdrop:hover { + background-color: transparent; } + row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: rgba(155, 191, 191, 0.5); } + row.activatable:selected:backdrop { + background-color: rgba(155, 191, 191, 0.6); } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #171a1f; + color: #a8a8a8; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + menubar > item, + .menubar > item { + min-height: 16px; + padding: 4px 8px; } + menubar > item:hover, + .menubar > item:hover { + box-shadow: inset 0 -3px #9bbfbf; } + menubar > item:disabled, + .menubar > item:disabled { + color: #606164; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background-color: #0e0e11; + border: 1px solid #08090b; + border-radius: 5px; + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #15181d; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #000; + background-color: #9bbfbf; } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #606164; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #383e4a; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #606164; + background-color: transparent; } + menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, .menu > arrow, .context-menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #0e0e11; + border-radius: 0; } + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #222427; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #222427; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + background-color: #222427; } + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + background-color: #15181d; } + menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } +menuitem check, +menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +.csd.popup { + background: transparent; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #08090b; } + .content-view:hover { + -gtk-icon-filter: brightness(1.2); } + .content-view:backdrop { + background-color: #08090b; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(168, 168, 168, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #131519; + border-top: 1px solid #08090b; + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #15171c; + border-color: #0a0b0d; } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #34363a; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: #08090b; + border-width: 1px; + background-color: #0f1013; } + notebook > header:backdrop { + border-color: #0a0b0d; + background-color: #171a1f; } + notebook > header tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked { + background-color: #131519; + box-shadow: -1px 0 0 #08090b, 0px -1px 0 #08090b, 1px 0 0 #08090b; } + notebook > header.top > tabs > tab:checked:hover { + background-color: #131519; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs { + margin-top: -2px; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + background-color: #131519; + box-shadow: -1px 0 0 #08090b, 0px 1px 0 #08090b, 1px 0 0 #08090b; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs { + margin-right: -2px; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + background-color: #131519; + box-shadow: 0px 1px 0 #08090b, 0px -1px 0 #08090b, 0px 1px 0 #08090b; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs { + margin-left: -2px; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + background-color: #131519; + box-shadow: 0px 1px 0 #08090b, 0px -1px 0 #08090b, 1px 0 0 #08090b; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 25px; + min-width: 25px; + padding: 3px 12px; + outline-offset: -5px; + color: #606164; + font-weight: normal; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #848586; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(8, 9, 11, 0.3); + background-color: rgba(23, 26, 31, 0.2); } + notebook > header tab:backdrop { + color: #434548; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #9bbfbf; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(8, 9, 11, 0.5); + background-color: rgba(23, 26, 31, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(23, 26, 31, 0.7); } + notebook > header tab:backdrop:checked { + color: #606164; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: #0a0b0d; + background-color: #15171c; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + background: transparent; + box-shadow: none; + color: #cd3520; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 0.5px; + padding-right: 0.5px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: -1px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: -1px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #131519; } + notebook > stack:not(:only-child):backdrop { + background-color: #15171c; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#08090b); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(#9bbfbf); } + paned > separator:backdrop { + background-image: image(#0a0b0d); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #171a1f; + background-image: image(#08090b), image(#08090b); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #171a1f; + background-image: image(#0a0b0d), image(#0a0b0d); } +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; } + +/************ + * Pathbars * + ************/ +.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; } + +/*************** + * Popovers * + ***************/ +popover.background { + background-color: transparent; + font: initial; } + popover.background > arrow, + popover.background > contents { + background-color: #0e0e11; + background-clip: padding-box; + border: 1px solid #08090b; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); } + popover.background:backdrop { + background-color: transparent; + box-shadow: none; } + popover.background > contents { + padding: 8px; + border-radius: 5px; } + popover.background > contents > list, + popover.background > contents > .view, + popover.background > contents > iconview, + popover.background > contents > toolbar { + border-style: none; + background-color: transparent; } + popover.background > contents separator { + background-color: #0d0e11; + margin: 3px; } + popover.background > contents list separator { + margin: 0; } + .osd popover.background, popover.background.touch-selection, popover.background.magnifier { + background-color: transparent; } + .osd popover.background > arrow, + .osd popover.background > contents, popover.background.touch-selection > arrow, + popover.background.touch-selection > contents, popover.background.magnifier > arrow, + popover.background.magnifier > contents { + border: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: none; } + +magnifier { + background-color: #131519; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(168, 168, 168, 0.4); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar.horizontal progress { + margin: 0; } + progressbar.vertical progress { + margin: 0; } + progressbar:backdrop { + box-shadow: none; + transition: 200ms ease-out; } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + progressbar.osd progress { + border-style: none; + border-radius: 0; } + +/************ + * GtkScale * + ************/ +progressbar trough, scale trough, scale fill { + background-color: #22262d; + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: #131519; } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: #131519; + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: #131519; } + +progressbar progress, scale highlight { + border: none; + background-color: #9bbfbf; + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(0, 0, 0, 0.14); } + progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: #abc9c9; + background-color: #abc9c9; } + progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.1); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 6px; } + scale.vertical trough, + scale.vertical progress { + min-width: 6px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + background-color: #9bbfbf; } + scale slider:active:disabled { + background-color: #1a1c22; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.05); } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + margin: -6px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; } + scale trough { + outline-offset: 2px; + outline-color: transparent; } + scale fill:backdrop, scale fill { + background-color: #08090b; } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(97, 97, 97, 0.775); } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #131519; + border: none; + border-radius: 12px; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:active { + border-color: #7cabab; } + scale slider:disabled { + background-color: #1a1c22; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:backdrop, scale slider:backdrop:disabled { + transition: 200ms ease-out; + background-color: #252830; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + row:selected scale slider:disabled, row:selected scale slider { + border-color: #7cabab; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + scale marks.top { + margin-right: 6px; + margin-left: -12px; } + scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } + scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 3px; } + scale.vertical indicator { + min-height: 1px; + min-width: 6px; } + scale.vertical.fine-tune indicator { + min-width: 3px; } + scale.horizontal.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + background-image: image(#08090b); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #15181c; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scrollbar.top { + border-bottom: 1px solid #08090b; } + scrollbar.bottom { + border-top: 1px solid #08090b; } + scrollbar.left { + border-right: 1px solid #08090b; } + scrollbar.right { + border-left: 1px solid #08090b; } + scrollbar:backdrop { + background-color: #111316; + border-color: #0a0b0d; + transition: 200ms ease-out; } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #6e6f71; } + scrollbar slider:hover { + background-color: #8b8c8d; } + scrollbar slider:hover:active { + background-color: #bad3d3; } + scrollbar slider:backdrop { + background-color: #34363b; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #a8a8a8; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #a8a8a8; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #6e6f71; } + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #8b8c8d; } + scrollbar button:active, scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #bad3d3; } + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(110, 111, 113, 0.2); } + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #34363b; } + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(52, 54, 59, 0.2); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid #08090b; + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: #15181c; } + .sidebar .frame { + border: none; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: none; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #08090b; + border-right-style: none; } + .sidebar:backdrop { + background-color: #16191e; + border-color: #0a0b0d; + transition: 200ms ease-out; } + .sidebar list { + background-color: #131519; } + .sidebar row:selected { + background: #131519; + color: #9bbfbf; } + .sidebar row:selected:backdrop { + color: rgba(155, 191, 191, 0.6); + background: transparent; } + .sidebar row:selected:backdrop label { + color: rgba(155, 191, 191, 0.6); } + .sidebar row:selected:hover { + background-color: rgba(155, 191, 191, 0.2); } + .sidebar row:selected label { + color: #9bbfbf; } + .sidebar.source-list { + background: #131519; + padding: 3px 0px; } + .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { + color: #9bbfbf; + background: #131519; } + .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { + background-color: rgba(155, 191, 191, 0.2); } + .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { + background-color: rgba(23, 26, 31, 0.4); } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; + border-color: #08090b; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row.sidebar-new-bookmark-row { + color: #9bbfbf; } +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #8a997d, inset 0 -1px #8a997d; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #8a997d; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #8a997d; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #000; } + +/***************** + * 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) button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #99999a; + background-image: none; + border-style: none none none solid; + border-color: rgba(8, 9, 11, 0.3); + border-radius: 0; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:hover { + color: #a8a8a8; + background-color: rgba(168, 168, 168, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(96, 97, 100, 0.3); } + spinbutton:not(.vertical) button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + color: #595a5d; + background-color: transparent; + border-color: rgba(10, 11, 13, 0.3); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(56, 62, 74, 0.3); + background-image: none; + border-style: none none none solid; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } +.osd spinbutton:not(.vertical) button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(254, 254, 254, 0.1); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #94969a; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +spinbutton.vertical:disabled { + color: #606164; } +spinbutton.vertical:backdrop:disabled { + color: #383e4a; } +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } +spinbutton.vertical entry { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; } +spinbutton.vertical button { + min-height: 32px; + min-width: 32px; + padding: 0; + border-width: 1px; + border-color: #08090b; + box-shadow: 0 1px rgba(255, 255, 255, 0.1); } +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; } +.osd spinbutton.vertical button:first-child { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(41, 45, 54, 0.98), rgba(41, 45, 54, 0.98)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: #9bbfbf; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +/********** + * Switch * + **********/ +switch { + font-size: 0px; + outline-offset: -4px; + transition: all 200ms ease-in; + border: 1px solid transparent; + border-radius: 14px; + color: transparent; + padding: 2.3px 0px; + background-color: #292d36; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(0, 0, 0, 0.1); } + switch:disabled { + background-color: #1a1c22; + border: 1px solid #08090b; } + switch:backdrop { + background-color: #171a1f; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #1a1c22; } + switch:active, switch:checked { + background-color: rgba(69, 133, 136, 0.8); + box-shadow: 0px 0px 4px rgba(69, 133, 136, 0.6); } + switch:active:backdrop, switch:checked:backdrop { + background-color: rgba(69, 133, 136, 0.5); } + switch slider { + padding: 2px; + margin: 0 2.3px; + min-width: 12px; + min-height: 12px; + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #131519; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } + switch slider:backdrop { + padding: 2px; + box-shadow: none; + background-color: #131519; } + switch:checked slider { + background: #131519; } + switch:checked slider:backdrop { + box-shadow: none; + background-color: rgba(19, 21, 25, 0.9); + border: none; } + switch trough:active, switch trough:checked { + background-color: #9bbfbf; } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: rgba(155, 191, 191, 0.6); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar > revealer > box { + padding: 4px; + background-color: #171a1f; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(41, 45, 54, 0.98); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + toolbar.horizontal separator { + margin: 0 7px 1px 6px; } + toolbar.vertical separator { + margin: 6px 1px 7px 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.inline-toolbar { + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; } + +searchbar > revealer > box { + border-width: 0 0 1px; + padding: 3px; } + +.inline-toolbar, searchbar > revealer > box { + border-style: solid; + border-color: #08090b; + background-color: #131519; } + .inline-toolbar:backdrop, searchbar > revealer > box:backdrop { + border-color: #0a0b0d; + background-color: #121519; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #131519; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 2px 4px; + background-color: transparent; + color: white; } + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: #5e5f61; + border-top-color: #171a1f; } + treeview.view:selected:focus, treeview.view:selected { + border-radius: 0; } + treeview.view:selected:backdrop, treeview.view:selected { + border-left-color: #4e6060; + border-top-color: rgba(168, 168, 168, 0.1); } + treeview.view:disabled { + color: #606164; } + treeview.view:disabled:selected { + color: #5d7373; } + treeview.view:disabled:selected:backdrop { + color: rgba(136, 167, 167, 0.85); } + treeview.view:disabled:backdrop { + color: #383e4a; } + treeview.view.separator { + min-height: 2px; + color: #171a1f; } + treeview.view.separator:backdrop { + color: rgba(23, 26, 31, 0.1); } + treeview.view:backdrop { + border-left-color: #3c3e42; + border-top: #171a1f; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #7cabab; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #7b7c7d; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #a8a8a8; } + treeview.view.expander:selected { + color: #2f3939; } + treeview.view.expander:selected:hover { + color: #000; } + treeview.view.expander:selected:backdrop { + color: rgba(87, 107, 107, 0.65); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: #4a4b4e; } + treeview.view.progressbar { + border: 1px solid #7cabab; + border-radius: 4px; + background-color: #9bbfbf; + background-image: linear-gradient(to bottom, #9bbfbf, #7cabab); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + border-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + color: #9bbfbf; + background-image: linear-gradient(to bottom, #131519, black); } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + border-color: #15171c; + background-color: #15171c; } + treeview.view.progressbar:backdrop { + border-color: #15171c; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(168, 168, 168, 0.1); + border-radius: 4px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: #7cabab; + border-radius: 4px; } + treeview.view header button { + color: #5e5f61; + background-color: #131519; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #838485; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #a8a8a8; + 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; + transition: none; + background-image: none; + background-color: #9bbfbf; + color: #131519; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #131519; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: #9bbfbf; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 0 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-width: 1px; + border-style: none solid solid none; + border-color: #171a1f; } + treeview.view header button:disabled { + border-color: #171a1f; + background-image: none; } + treeview.view header button:backdrop { + border-color: #171a1f; + border-style: none solid solid none; + color: #3c3e42; + background-image: none; + background-color: #15171c; } + treeview.view header button:backdrop:disabled { + border-color: #171a1f; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +window { + border-width: 0px; } + window.csd { + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 0px; + border-radius: 4px 4px 0 0; } + window.csd:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); + transition: 200ms ease-out; } + window.csd.popup { + border-radius: 7px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + window.csd.dialog.message { + border-radius: 4px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + window.solid-csd { + margin: 0; + padding: 4px; + border: solid 1px #08090b; + border-radius: 0; + box-shadow: inset 0 0 0 4px #08090b, inset 0 0 0 3px #171a1f, inset 0 1px rgba(168, 168, 168, 0.07); } + window.solid-csd:backdrop { + box-shadow: inset 0 0 0 4px #08090b, inset 0 0 0 3px #171a1f, inset 0 1px rgba(168, 168, 168, 0.07); } + window.maximized, window.fullscreen { + border-radius: 0; + box-shadow: none; } + window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { + border-radius: 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + window:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + window.popup { + box-shadow: none; } + window.ssd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { + min-width: 20px; + min-height: 20px; + margin: 0; + padding: 0 1px; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; } + windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:focus, windowcontrols button.close:active, windowcontrols button.close:backdrop, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:focus, windowcontrols button.maximize:active, windowcontrols button.maximize:backdrop, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:focus, windowcontrols button.minimize:active, windowcontrols button.minimize:backdrop, windowcontrols button.minimize:backdrop:hover { + background-color: transparent; + border: none; + box-shadow: none; + color: transparent; } +windowcontrols button.close { + background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } + windowcontrols button.close:hover, windowcontrols button.close:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } +windowcontrols button.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } + windowcontrols button.maximize:hover, windowcontrols button.maximize:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } +windowcontrols button.minimize { + background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } + windowcontrols button.minimize:hover, windowcontrols button.minimize:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } +windowcontrols button:backdrop { + -gtk-icon-shadow: none; + background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: 0 -1px rgba(0, 0, 0, 0.457254902); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.457254902); } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + background-color: #9bbfbf; } + row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + color: #000; + font-weight: normal; } + row:selected label:disabled, label:disabled:selected, .selection-mode windowcontrols button:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: #4e6060; } + row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + iconview text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + iconview text:backdrop:selected, + textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, + textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(0, 0, 0, 0.5); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode windowcontrols button:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, + textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(136, 167, 167, 0.85); } + +.monospace { + font-family: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********* +* Budgie * +*********/ +.budgie-container { + background-color: transparent; } + .budgie-container:backdrop { + background-color: transparent; } + .budgie-container popover list, + .budgie-container popover row { + border: none; + background: none; + padding: 0; + margin: 0; } + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; } + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: rgba(23, 26, 31, 0.98); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid @borders; } + .budgie-popover list:hover, + .budgie-popover row:hover, + .budgie-popover.background list:hover, + .budgie-popover.background row:hover { + background: none; } + .budgie-popover > frame.container, + .budgie-popover.background > frame.container { + margin: 0 -1px -1px; + padding: 2px 0 0; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu .container { + padding: 0; } +.budgie-menu button:hover { + -gtk-icon-filter: none; } +.budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid @borders; + border-radius: 0; + font-size: 120%; + box-shadow: none; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background-color: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid @borders; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid @borders; } +.budgie-menu .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(168, 168, 168, 0.05); + color: #a8a8a8; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #000; + background-color: rgba(139, 181, 181, 0.8); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(0, 0, 0, 0.7); } +.budgie-menu scrollbar { + background-color: transparent; + border-color: transparent; } +.budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } +.budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #a8a8a8; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #a8a8a8; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #a8a8a8; } + button.budgie-menu-launcher:backdrop { + color: #a8a8a8; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #a8a8a8; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: #9bbfbf; + box-shadow: none; + background-color: transparent; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(168, 168, 168, 0.1); } +.user-menu button { + margin: 5px; } +.user-menu > box.vertical row.activatable:first-child .indicator-item, +.user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + background-color: #8ec07c; + transition-duration: 0.2s; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { + padding-left: 7px; + background-position: left center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { + padding-right: 7px; + background-position: right center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { + color: #000; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { + padding-left: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { + padding-right: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { + color: #000; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { + min-width: 24px; + min-height: 20px; } + +button.raven-trigger { + padding-left: 2px; + padding-right: 2px; + color: #a8a8a8; + box-shadow: none; } + button.raven-trigger:hover { + color: #a8a8a8; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: #9bbfbf; } + button.raven-trigger:backdrop { + color: #a8a8a8; } + button.raven-trigger:backdrop:hover { + color: #a8a8a8; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: #9bbfbf; + background-color: transparent; } + +.places-menu .container { + padding: 0; } +.places-menu .message-bar { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.places-menu .name-button { + border: 0; + border-radius: 0; + padding: 4px 6px; } +.places-menu .unmount-button { + padding: 4px 4px; + border: 0; + border-radius: 0; } +.places-menu .places-section-header { + padding: 0px; + border-bottom: 1px solid rgba(8, 9, 11, 0.95); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } +.places-menu .places-section-header > button { + padding: 8px; + border: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +.places-menu .places-list { + background: rgba(168, 168, 168, 0.04); + border-bottom: 1px solid rgba(8, 9, 11, 0.95); } +.places-menu .unlock-area { + border-top: 1px solid rgba(8, 9, 11, 0.85); + border-bottom: 1px solid rgba(8, 9, 11, 0.85); } +.places-menu .unlock-area entry { + border-radius: 0; + border: 0; } +.places-menu .unlock-area button { + border-radius: 0; + border: 0; + border-left: 1px solid rgba(8, 9, 11, 0.85); } +.places-menu .alternative-label { + font-size: 15px; + padding: 3px; } +.places-menu .always-expand { + background: transparent; + border-bottom: none; } + +.night-light-indicator .container { + padding: 0; } +.night-light-indicator .view-header { + font-size: 14px; + padding: 10px; + border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04); } +.night-light-indicator .display-settings-button { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border: none; + padding: 3px; + border-top: 1px solid mix(@theme_base_color, #000000, 0.35); + box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04); } + +.budgie-panel { + color: #a5a5a5; + background-color: rgba(23, 26, 31, 0.7); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #cd3520; } + .budgie-panel:backdrop { + color: #a5a5a5; + background-color: rgba(23, 26, 31, 0.7); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #a5a5a5; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(23, 26, 31, 0.25); } + .top .budgie-panel.transparent { + border-bottom-color: transparent; } + .bottom .budgie-panel.transparent { + border-top-color: transparent; } + .left .budgie-panel.transparent { + border-right-color: transparent; } + .right .budgie-panel.transparent { + border-left-color: transparent; } + .budgie-panel.transparent:backdrop, .budgie-panel.transparent label, .budgie-panel.transparent button.raven-trigger:backdrop, .budgie-panel.transparent button.budgie-menu-launcher { + color: #d8d8d8; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(165, 165, 165, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #a5a5a5; } + +.budgie-panel #tasklist-button, +.budgie-panel #tasklist-button:backdrop { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(23, 26, 31, 0); + border-radius: 0; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; } + +.budgie-panel button.flat.launcher { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(23, 26, 31, 0); + border-radius: 0; + padding: 0; + background-clip: padding-box; + background-color: transparent; } + .budgie-panel button.flat.launcher { + box-shadow: none; } + +.budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, +.budgie-panel .pinned button.flat.launcher.running:hover { + box-shadow: none; } +.budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, +.budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, +.budgie-panel .pinned button.flat.launcher.running:checked { + box-shadow: none; } +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { + padding-bottom: 2px; + border-top: 2px solid transparent; } + .top .budgie-panel .pinned button.flat.launcher:not(.running) { + border-top: 2px solid transparent; } + + .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + + .top .budgie-panel .unpinned button.flat.launcher, + .top .budgie-panel .pinned button.flat.launcher.running { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { + border-top: 2px solid rgba(255, 255, 255, 0.25); } + .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { + border-top: 2px solid #9bbfbf; } +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { + padding-top: 2px; + border-bottom: 2px solid transparent; } + .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { + border-bottom: 2px solid transparent; } + + .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + + .bottom .budgie-panel .unpinned button.flat.launcher, + .bottom .budgie-panel .pinned button.flat.launcher.running { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.25); } + .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + border-bottom: 2px solid #9bbfbf; } +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { + padding-right: 2px; + border-left: 2px solid transparent; } + .left .budgie-panel .pinned button.flat.launcher:not(.running) { + border-left: 2px solid transparent; } + + .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + + .left .budgie-panel .unpinned button.flat.launcher, + .left .budgie-panel .pinned button.flat.launcher.running { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { + border-left: 2px solid rgba(255, 255, 255, 0.25); } + .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { + border-left: 2px solid #9bbfbf; } +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { + padding-left: 2px; + border-right: 2px solid transparent; } + .right .budgie-panel .pinned button.flat.launcher:not(.running) { + border-right: 2px solid transparent; } + + .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + + .right .budgie-panel .unpinned button.flat.launcher, + .right .budgie-panel .pinned button.flat.launcher.running { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { + border-right: 2px solid rgba(255, 255, 255, 0.25); } + .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { + border-right: 2px solid #9bbfbf; } + +.top .budgie-panel { + border-bottom: 1px solid rgba(8, 9, 11, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(23, 26, 31, 0.92); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(8, 9, 11, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(23, 26, 31, 0.92); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(8, 9, 11, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(23, 26, 31, 0.92); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(8, 9, 11, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(23, 26, 31, 0.92); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } + +.raven { + padding: 0; + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.92); + transition: 170ms ease-out; } + .raven .raven-header { + min-height: 32px; + color: #a8a8a8; + border: solid rgba(8, 9, 11, 0.95); + border-width: 1px 0; + background-color: rgba(23, 26, 31, 0.2); } + .raven .raven-header * { + padding-top: 0; + padding-bottom: 0; } + .raven .raven-header.top { + border-top-style: none; + border-color: transparent; + margin-top: 3px; + min-height: 32px; } + .raven .raven-header.top button.image-button:hover { + color: #8bb5b5; + box-shadow: none; } + .raven .raven-header > button.text-button { + border-radius: 2px; + color: #000; + background-color: rgba(183, 47, 29, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:hover { + border-radius: 2px; + color: #000; + background-color: rgba(205, 53, 32, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:active { + color: #000; + background-color: rgba(222, 63, 41, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header.bottom { + border-bottom-style: none; } + .raven .raven-header button { + background-color: transparent; + color: #a8a8a8; + border-radius: 0; + border: none; + box-shadow: none; + margin-top: -4px; + margin-bottom: -4px; + min-height: 32px; } + .raven .raven-header button:hover { + border-radius: 0; + background-color: transparent; + color: #9bbfbf; } + .raven .raven-header button:active, .raven .raven-header button:checked { + color: #9bbfbf; + border-radius: 0; + background-color: transparent; } + .raven .raven-header button:disabled { + color: #606164; } + .raven list { + background-color: transparent; } + .raven list:selected { + background-color: rgba(155, 191, 191, 0.9); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(155, 191, 191, 0.9); } + .raven .raven-background { + color: #a8a8a8; + background-color: transparent; + border-color: transparent; } + .raven .raven-background.middle { + border-bottom-style: none; } + .raven .powerstrip { + background-color: transparent; + border-top-color: transparent; } + .raven .powerstrip button.image-button { + border-radius: 50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: rgba(123, 123, 189, 0.7); + color: #000; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + border: none; + font-size: 100%; } + .raven .powerstrip button.image-button:hover { + transition: 170ms ease all; + background: rgba(123, 123, 189, 0.85); + color: #000; } + .raven .powerstrip button.image-button:active { + transition: 170ms ease all; + background: #7b7bbd; + color: #000; } + .raven .powerstrip button.image-button:first-child { + background: rgba(142, 192, 124, 0.9); } + .raven .powerstrip button.image-button:first-child:hover { + background: #8ec07c; } + .raven .powerstrip button.image-button:first-child:active { + background: #8ec07c; } + .raven .powerstrip button.image-button:last-child { + background: rgba(205, 53, 32, 0.9); } + .raven .powerstrip button.image-button:last-child:hover { + background: #cd3520; } + .raven .powerstrip button.image-button:last-child:active { + background: #cd3520; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 6px; + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.2); + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: transparent; + color: #9bbfbf; + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #a8a8a8; + border: none; + border-radius: 0; + background-color: transparent; } + calendar.raven-calendar button, calendar.raven-calendar button:focus { + color: alpha(currentColor,0.5); + background-color: transparent; } + calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { + color: #a8a8a8; + background-color: transparent; } + +.raven-mpris { + color: #a8a8a8; + background-color: rgba(1, 2, 2, 0.9); + border: solid rgba(255, 255, 255, 0.1); + border-width: 1px 0; + border-bottom-color: rgba(0, 0, 0, 0.1); } + .raven-mpris button.image-button { + padding: 10px; + background-color: #131519; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + .raven-mpris button.image-button:hover { + background-color: #9bbfbf; } + .raven-mpris button.image-button:active { + background-color: #8bb5b5; } + .raven-mpris button.image-button:first-child { + margin-right: 4px; } + .raven-mpris button.image-button:last-child { + margin-left: 4px; } + .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { + padding: 4px; + margin-top: 6px; + margin-bottom: 6px; } + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background: none; + border-radius: 1px; } + .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { + background-color: #8ec07c; + color: #000; + border: none; + margin: 0px 3px; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #7fb86b; + border: none; } + .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { + background-color: #7fb86b; } + +.budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { + border-radius: 1px; } +.budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { + font-size: 110%; + color: #a8a8a8; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(168, 168, 168, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #a8a8a8; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #cd3520; + box-shadow: none; } + .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { + background-color: transparent; + color: #b72f1d; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #a8a8a8; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #a8a8a8; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #a8a8a8; } + .budgie-switcher-window flowboxchild:selected { + color: #000; + background-color: rgba(155, 191, 191, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #000; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: #8cacac; } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(0, 0, 0, 0.7); + background-color: rgba(155, 191, 191, 0.7); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(0, 0, 0, 0.7); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.7); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(168, 168, 168, 0.8); } + .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + font-size: 120%; } + .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: #a8a8a8; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + font-weight: 700; } + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + border-left: none; + border-bottom-left-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + border-right: none; + border-bottom-right-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(155, 191, 191, 0.9); } + .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { + background-color: rgba(142, 192, 124, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { + background-color: rgba(157, 200, 141, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { + background-color: rgba(157, 200, 141, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { + background-color: rgba(161, 42, 25, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { + background-color: rgba(183, 47, 29, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { + background-color: rgba(183, 47, 29, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #a8a8a8; } + .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { + background-color: #505359; } + .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { + background-color: #505359; } + +.budgie-polkit-dialog .message { + color: rgba(168, 168, 168, 0.7); } +.budgie-polkit-dialog .failure { + color: #cd3520; } + +.budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { + font-size: 120%; + padding: 8px 5px; + border: none; + box-shadow: none; } + .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { + color: #a8a8a8; } + .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list row:selected .subtitle, +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle { + opacity: 1; } +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0); } + +.budgie-menubar menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: rgba(23, 26, 31, 0.7); } + .budgie-menubar menu menuitem:hover { + background-color: #9bbfbf; + color: #000; } +.budgie-menubar arrow { + border: none; + min-width: 16px; + min-height: 16px; } + .budgie-menubar arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid rgba(40, 42, 47, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(40, 42, 47, 0.928); } +.budgie-menubar menuitem accelerator { + color: rgba(168, 168, 168, 0.35); } +.budgie-menubar menuitem check, .budgie-menubar menuitem radio { + min-height: 16px; + min-width: 16px; } + +window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { + border-style: none none solid; } + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(23, 26, 31, 0.7); } + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; } + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; } + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; } +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.7); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), + .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; } + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), + .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; } + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; } +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.7); } +.workspace-switcher .workspace-add-button { + border: none; + background: transparent; } + .workspace-switcher .workspace-add-button:hover { + box-shadow: none; } + .workspace-switcher .workspace-add-button:active { + background-image: none; } + .workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; } +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; } + +/************ + * Nautilus * + ************/ +.nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { + background: transparent; + color: #9bbfbf; } +.nautilus-window .frame *:selected:backdrop label { + color: rgba(155, 191, 191, 0.6); } +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(12, 14, 16, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(155, 191, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(155, 191, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(155, 191, 191, 0.9); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(19, 21, 25, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(155, 191, 191, 0.9); } +.nautilus-window.background { + background-color: rgba(12, 14, 16, 0.95); } + .nautilus-window.background:backdrop { + background-color: rgba(12, 14, 16, 0.95); } +.nautilus-window notebook > stack:only-child { + background-color: #131519; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #15171c; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } +.nautilus-window .titlebar .search { + border: 1px solid #08090b; + border-radius: 3px; } +.nautilus-window .path-bar-box .dim-label, .nautilus-window .path-bar-box label.separator, .nautilus-window .path-bar-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar-box .subtitle, +.nautilus-window .path-bar-box headerbar .subtitle, +headerbar .nautilus-window .path-bar-box .subtitle { + color: transparent; } +.nautilus-window .path-bar-box widget > .text-button:last-child { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + .nautilus-window .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(155, 191, 191, 0.6); } +.nautilus-window .path-bar-box button { + transition: all 100ms ease-in; + margin-left: 1px; } + .nautilus-window .path-bar-box button:backdrop:hover, .nautilus-window .path-bar-box button:backdrop:active, .nautilus-window .path-bar-box button:backdrop:checked { + background-color: transparent; + color: rgba(155, 191, 191, 0.6); + box-shadow: none; } + .nautilus-window .path-bar-box button:backdrop:hover label, .nautilus-window .path-bar-box button:backdrop:active label, .nautilus-window .path-bar-box button:backdrop:checked label { + color: rgba(155, 191, 191, 0.6); } + +.nautilus-circular-button { + border-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #a8a8a8; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #fff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #a8a8a8; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #a8a8a8; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #000; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #000; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #000; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #171a1f; } + +/********* +* Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground, #gnc-id-main-window .arrow.button.toggle { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + color: #a8a8a8; + transition: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + color: #9bbfbf; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #131519; + background-color: #131519; } + .gala-notification .title, + .gala-notification .label { + color: #a8a8a8; } + +.gala-button { + padding: 3px; + color: #131519; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(19, 21, 25, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #a8a8a8; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(155, 191, 191, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #a8a8a8; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(155, 191, 191, 0.3); + color: #000; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font-size: 18px; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #a8a8a8; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; } + .panel.maximized { + background-color: #000; } + .panel.translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel.color-light.translucent { + background-color: rgba(23, 26, 31, 0.7); } + +menubar.panel, +.panel menubar { + box-shadow: none; + border: none; } + +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { + color: rgba(0, 0, 0, 0.6); + text-shadow: 0 1px rgba(255, 255, 255, 0.1); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/********* + * Cards * + *********/ +.deck { + background-color: #060608; } + +.card { + background-color: #131519; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #08090b; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * 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; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #171a1f; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #a8a8a8; } + +/********* +* Avatar * +*********/ +.avatar { + border: 1px solid rgba(0, 0, 0, 0.23); + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } + +/**level bars**/ +.sidebar .source-list.view.level-bar, .sidebar iconview.source-list.level-bar, .sidebar .source-list.view.level-bar:selected, .sidebar iconview.source-list.level-bar:selected, .sidebar .source-list.view.level-bar:selected:focus, .sidebar iconview.source-list.level-bar:selected:focus { + background: linear-gradient(to right, #343a44, #343a44); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); + border-radius: 2px; } +.sidebar .source-list.view.level-bar.fill-block, .sidebar iconview.source-list.level-bar.fill-block { + border: none; } +.sidebar .source-list.view.fill-block, .sidebar iconview.source-list.fill-block, .sidebar .source-list.view.fill-block:hover, .sidebar iconview.source-list.fill-block:hover, .sidebar .source-list.view.fill-block:selected, .sidebar iconview.source-list.fill-block:selected, .sidebar .source-list.view.fill-block:selected:focus, .sidebar iconview.source-list.fill-block:selected:focus { + background-image: none; + background: linear-gradient(to right, #9bbfbf, #9bbfbf); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid #08090b; + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; } + checkbutton.color-button > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; } + checkbutton.color-button.none > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); } + +radiobutton.color-button > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 100px; + background-clip: border-box; } +radiobutton.color-button:active > radio { + border: 1px solid rgba(0, 0, 0, 0.35); } + +.color-button check, +.color-button check:checked, +.color-button radio, +.color-button radio:checked { + background-image: none; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; + color: #131519; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { + background-color: @STRAWBERRY_300; + -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } +.color-button.orange check, .color-button.orange radio { + background-color: @ORANGE_300; + -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { + background-color: @BANANA_500; + -gtk-icon-shadow: 0 1px 1px @BANANA_700; } +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { + background-color: @LIME_500; + -gtk-icon-shadow: 0 1px 1px @LIME_700; } +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { + background-color: @BLUEBERRY_500; + -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { + background-color: @GRAPE_500; + -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { + background-color: @COCOA_300; + -gtk-icon-shadow: 0 1px 1px @COCOA_500; } +.color-button.mint check, .color-button.mint radio { + background-color: @MINT_500; + -gtk-icon-shadow: 0 1px 1px @MINT_700; } +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { + background-color: @BUBBLEGUM_500; + -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } +.color-button.slate check, .color-button.slate radio { + background-color: @SLATE_300; + -gtk-icon-shadow: 0 1px 1px @SLATE_500; } +.color-button.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); } + +.xfce4-panel.panel { + background-color: rgba(23, 26, 31, 0.7); + color: #a8a8a8; + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(165, 165, 165, 0.8); + border-radius: 0; + border: none; + background-color: rgba(23, 26, 31, 0); } + #tasklist-button:hover { + color: #bfbfbf; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(255, 0, 0, 0.25); + box-shadow: inset 0 -2px #9bbfbf; } + +.xfce4-panel.panel button.flat { + color: #a5a5a5; + border-radius: 0; + border: none; + background-color: rgba(23, 26, 31, 0); + font-weight: normal; } + .xfce4-panel.panel button.flat:hover { + border: none; + background-color: rgba(45, 51, 60, 0.7); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked { + color: #a5a5a5; + border-bottom: 2px solid #9bbfbf; + background-color: rgba(19, 21, 25, 0.7); } + .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image { + color: inherit; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +UnityDecoration { + background-color: #eeeeee; + color: #31363D; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #eeeeee; + border-bottom-width: 0; + background-color: #eeeeee; + color: #31363D; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: #1a1d21; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #31363D; } + UnityDecoration .top .menuitem:backdrop { + color: #1a1d21; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #ececec; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #eeeeee, #ececec); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #ececec; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #d5d5d5; + color: #31363D; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #1a1d21; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #31363D; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #31363D; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #d5d5d5; + color: #31363D; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #606164; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #31363D; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #ebebeb; + color: #31363D; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: #08090b; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #131519; } + +@keyframes playbackmenuitem_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: #9bbfbf; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #08090b; } + MsdOsdWindow.background.osd .progressbar { + background-color: #9bbfbf; + border: none; + border-color: #9bbfbf; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(30, 33, 39, 0.98); + border: none; + border-radius: 5px; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left .separator, +.geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { + background-color: #9bbfbf; + color: #000; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(155, 191, 191, 0.6); + color: rgba(0, 0, 0, 0.5); } +ConversationListView .view .cell, ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { + color: #000; + border: 0px solid #7cabab; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: rgba(23, 26, 31, 0.7); + color: #a5a5a5; + font-weight: bold; + box-shadow: inset 0 -1px rgba(8, 9, 11, 0.7); } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: #a5a5a5; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(165, 165, 165, 0.5); } + #panel_window .menubar .menuitem:disabled GtkLabel, + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:disabled label, + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #a8a8a8; } + +#content_frame { + padding-bottom: 14px; + background-color: #171a1f; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #22262d; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:hover { + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #131519; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:active, #content_frame button:checked { + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:disabled { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #1a1c22; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #171a1f; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #a8a8a8; + font-size: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +.nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, +.nemo-window .places-treeview iconview.cell:hover { + background: rgba(17, 19, 22, 0.7); } +.nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, +.nemo-window .places-treeview iconview.cell:selected { + background: #9bbfbf; + color: #000; } +.nemo-window .sidebar { + background-color: #131519; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { + color: #98abb2; + background-color: transparent; } +.nemo-window .nemo-window-pane widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: #a8a8a8; + border: 1px solid #08090b; + border-radius: 3px; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } + .nemo-window .nemo-window-pane widget.entry:selected { + background-color: #9bbfbf; + color: #000; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #171a1f; } + .nemo-window toolbar.primary-toolbar button { + color: #a8a8a8; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + border-radius: 4px; + margin-top: 5px; + margin-bottom: 5px; + min-height: 24px; } + .nemo-window toolbar.primary-toolbar button:hover, .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + .nemo-window toolbar.primary-toolbar button:hover:backdrop label, .nemo-window toolbar.primary-toolbar button:selected:backdrop label, .nemo-window toolbar.primary-toolbar button:active:backdrop label, .nemo-window toolbar.primary-toolbar button:checked:backdrop label { + color: #9bbfbf; } +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, +.nemo-window .nemo-inactive-pane iconview { + background-color: #0f1013; } + +/* thunar */ +.thunar toolbar { + background-color: #171a1f; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +scrolledwindow.sidebar treeview.view { + background: #131519; + padding: 1.5px; } + +/* path-bar of thunar */ +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button, +.thunar toolbar .path-bar-button { + border-radius: 4px; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, + .thunar toolbar .path-bar-button:hover { + color: #9bbfbf; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, + .thunar toolbar .path-bar-button:checked { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:backdrop label, + .thunar toolbar .path-bar-button:checked:backdrop label { + color: rgba(155, 191, 191, 0.6); } + +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button, +.thunar toolbar .path-bar-button { + background: none; + outline: none; + border: none; + box-shadow: none; } + +/* thunar sidepane */ +window.thunar paned > scrolledwindow treeview.view:hover { + background: #1a1c22; } +window.thunar paned > scrolledwindow treeview.view:selected { + color: #9bbfbf; + border-radius: 0; + box-shadow: none; } + +.caja-notebook .entry { + background: #131519; + color: #a8a8a8; } + .caja-notebook .entry:selected { + background: #9bbfbf; + color: #000; } + +/*# sourceMappingURL=gtk-dark.css.map */ diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css new file mode 100755 index 0000000..b886641 --- /dev/null +++ b/gtk-4.0/gtk.css @@ -0,0 +1,6180 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #a8a8a8; +/* text color for entries, views and content in general */ +@define-color theme_text_color #a8a8a8; +/* widget base background color */ +@define-color theme_bg_color #171a1f; +/* text widgets and the like base background color */ +@define-color theme_base_color #131519; +/* base background color of selections */ +@define-color theme_selected_bg_color #9bbfbf; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #000; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #1a1c22; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #606164; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #131519; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #606164; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #a8a8a8; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #171a1f; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #15171c; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #9bbfbf; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #000; +/* widgets main borders color */ +@define-color borders #08090b; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #0a0b0d; +/* these are pretty self explicative */ +@define-color warning_color #aa4b1a; +@define-color error_color #b72f1d; +@define-color success_color #70af5a; +@define-color fg_color #a8a8a8; +@define-color text_color #a8a8a8; +@define-color bg_color #171a1f; +@define-color base_color #131519; +@define-color selected_bg_color #9bbfbf; +@define-color selected_fg_color #000; +@define-color unfocused_fg_color #606164; +@define-color unfocused_text_color #a8a8a8; +@define-color unfocused_bg_color #171a1f; +@define-color unfocused_base_color #15171c; +@define-color unfocused_selected_bg_color #9bbfbf; +@define-color unfocused_selected_fg_color #000; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#a8a8a8, 1.8); +@define-color wm_unfocused_title #606164; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#171a1f, 1.2); +@define-color wm_bg_b #171a1f; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#171a1f, 1.3); +@define-color wm_button_hover_color_b #171a1f; +@define-color wm_button_active_color_a shade(#171a1f, 0.85); +@define-color wm_button_active_color_b shade(#171a1f, 0.89); +@define-color wm_button_active_color_c shade(#171a1f, 0.9); +@define-color content_view_bg #131519; +@define-color text_view_bg #131519; +@define-color budgie_tasklist_indicator_color #9bbfbf; +@define-color budgie_tasklist_indicator_color_active #9bbfbf; +@define-color placeholder_text_color #8b8b8c; +@define-color STRAWBERRY_100 #ff8c82; +@define-color STRAWBERRY_300 #ed5353; +@define-color STRAWBERRY_500 #c6262e; +@define-color STRAWBERRY_700 #a10705; +@define-color STRAWBERRY_900 #7a0000; +@define-color ORANGE_100 #ffc27d; +@define-color ORANGE_300 #ffa154; +@define-color ORANGE_500 #f37329; +@define-color ORANGE_700 #cc3b02; +@define-color ORANGE_900 #a62100; +@define-color BANANA_100 #fff394; +@define-color BANANA_300 #ffe16b; +@define-color BANANA_500 #f9c440; +@define-color BANANA_700 #d48e15; +@define-color BANANA_900 #ad5f00; +@define-color LIME_100 #d1ff82; +@define-color LIME_300 #9bdb4d; +@define-color LIME_500 #68b723; +@define-color LIME_700 #3a9104; +@define-color LIME_900 #206b00; +@define-color MINT_100 #89ffdd; +@define-color MINT_300 #43d6b5; +@define-color MINT_500 #28bca3; +@define-color MINT_700 #0e9a83; +@define-color MINT_900 #007367; +@define-color BLUEBERRY_100 #8cd5ff; +@define-color BLUEBERRY_300 #64baff; +@define-color BLUEBERRY_500 #3689e6; +@define-color BLUEBERRY_700 #0d52bf; +@define-color BLUEBERRY_900 #002e99; +@define-color BUBBLEGUM_100 #fe9ab8; +@define-color BUBBLEGUM_300 #f4679d; +@define-color BUBBLEGUM_500 #de3e80; +@define-color BUBBLEGUM_700 #bc245d; +@define-color BUBBLEGUM_900 #910e38; +@define-color GRAPE_100 #e4c6fa; +@define-color GRAPE_300 #cd9ef7; +@define-color GRAPE_500 #a56de2; +@define-color GRAPE_700 #7239b3; +@define-color GRAPE_900 #452981; +@define-color COCOA_100 #a3907c; +@define-color COCOA_300 #8a715e; +@define-color COCOA_500 #715344; +@define-color COCOA_700 #57392d; +@define-color COCOA_900 #3d211b; +@define-color SILVER_100 #fafafa; +@define-color SILVER_300 #d4d4d4; +@define-color SILVER_500 #abacae; +@define-color SILVER_700 #7e8087; +@define-color SILVER_900 #555761; +@define-color SLATE_100 #95a3ab; +@define-color SLATE_300 #667885; +@define-color SLATE_500 #485a6c; +@define-color SLATE_700 #273445; +@define-color SLATE_900 #0e141f; +@define-color BLACK_100 #666; +@define-color BLACK_300 #4d4d4d; +@define-color BLACK_500 #333; +@define-color BLACK_700 #1a1a1a; +@define-color BLACK_900 #000; +/***************** +* Drawing mixins * +*****************/ +/********* +* Common * +*********/ +* { + padding: 0; + outline-color: rgba(168, 168, 168, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 0px; + -gtk-secondary-caret-color: #9bbfbf; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #010202; + border: solid #08090b; + border-width: 1px 0 0 0; + color: #a8a8a8; + box-shadow: none; } + .action-bar:backdrop { + background-color: #010202; + box-shadow: none; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(41, 45, 54, 0.98); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #a8a8a8; + background-color: #171a1f; } + .background:backdrop { + color: #606164; + background-color: #171a1f; + text-shadow: none; + -gtk-icon-shadow: none; } + .background.chromium { + background-color: #1c1f25; } + +/* + 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. +*/ +.gtkstyle-fallback { + color: #a8a8a8; + background-color: #171a1f; } + .gtkstyle-fallback:hover { + color: #a8a8a8; + background-color: #2d323c; } + .gtkstyle-fallback:active { + color: #a8a8a8; + background-color: #010202; } + .gtkstyle-fallback:disabled { + color: #606164; + background-color: #1a1c22; } + .gtkstyle-fallback:selected { + color: #000; + background-color: #9bbfbf; } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #a8a8a8; + background-color: #131519; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: #8b8b8c; + background-color: #15171c; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 3px; } + +textview border { + background-color: #15181c; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +treeview.view rubberband { + border: 1px solid #7cabab; + background-color: rgba(124, 171, 171, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #a8a8a8; } + label.separator:backdrop { + color: #606164; } + label selection { + background-color: #9bbfbf; + color: #000; } + label:disabled { + color: #606164; } + label:disabled:backdrop { + color: #383e4a; } + label:backdrop { + color: #606164; } + +.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #131519; + border-top: 1px solid #08090b; } + assistant .sidebar:backdrop { + background-color: #15171c; + border-color: #0a0b0d; } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #34363a; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .osd popover.background > arrow, +.osd popover.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents, .osd { + color: #fefefe; + border: 1px solid #08090b; + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + outline-color: rgba(254, 254, 254, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, .osd popover.background > arrow:backdrop, + .osd popover.background > contents:backdrop, popover.background.touch-selection > arrow:backdrop, + popover.background.touch-selection > contents:backdrop, popover.background.magnifier > arrow:backdrop, + popover.background.magnifier > contents:backdrop, .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +*:selected { + background: #9bbfbf; + color: #000; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, #cadddd 0%, rgba(202, 221, 221, 0) 0%); } + to { + background-image: radial-gradient(farthest-side, #cadddd 95%, rgba(202, 221, 221, 0)); } } +notebook > header > tabs > arrow, +button { + min-height: 20px; + min-width: 16px; + padding: 3px 6px; + border: none; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #22262d; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-filter: brightness(1.2); } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8bb5b5; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition-duration: 50ms; } + notebook > header > tabs > arrow:active, + button:active { + color: #a8a8a8; } + notebook > header > tabs > arrow:active:hover, notebook > header > tabs > arrow:checked, + button:active:hover, + button:checked { + color: #000; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #15171c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition: 200ms ease-out; + -gtk-icon-filter: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + button:backdrop.flat:active label, + button:backdrop.flat:checked label, + button:backdrop:active label, + button:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #1a1c22; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #1a1c22; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #8a997d; + border-color: #8a997d; + box-shadow: inset 0 0 0 1px #8a997d; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #000; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #606164; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #fefefe; + border-radius: 5px; + outline-color: rgba(254, 254, 254, 0.3); + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(41, 45, 54, 0.98), rgba(41, 45, 54, 0.98)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification button, +.app-notification.frame button, popover.background.touch-selection button, popover.background.magnifier button, +.osd button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + .osd button:active:backdrop, + .osd button:active, + .osd button:checked:backdrop, + .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + .osd button:disabled:backdrop, + .osd button:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + .osd button:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(41, 45, 54, 0.98), rgba(41, 45, 54, 0.98)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + .osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + .osd button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + .osd button.flat:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + .osd button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + .osd button.flat:active, + .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } +button.suggested-action { + font-weight: normal; + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button, button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #8ec07c; } + button.suggested-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:active, button.suggested-action:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(0, 0, 0, 0.5); } + .selection-mode windowcontrols button:backdrop:active, .selection-mode windowcontrols button:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop:active label, .selection-mode windowcontrols button:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(0, 0, 0, 0.5); } + .selection-mode windowcontrols button:backdrop:disabled:active, .selection-mode windowcontrols button: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 { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(142, 192, 124, 0.8); } + button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled label { + color: rgba(0, 0, 0, 0.7); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + .osd button.suggested-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(142, 192, 124, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(142, 192, 124, 0.7), rgba(142, 192, 124, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #8ec07c, #8ec07c); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(142, 192, 124, 0.5), rgba(142, 192, 124, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + font-weight: normal; + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #a12a19; } + button.destructive-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:active, button.destructive-action:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(0, 0, 0, 0.5); } + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(0, 0, 0, 0.5); } + 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 { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(161, 42, 25, 0.8); } + button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled label { + color: rgba(0, 0, 0, 0.7); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + .osd button.destructive-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(161, 42, 25, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(161, 42, 25, 0.7), rgba(161, 42, 25, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #a12a19, #a12a19); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(161, 42, 25, 0.5), rgba(161, 42, 25, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .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 button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar button, .primary-toolbar .raised button { + -gtk-icon-shadow: none; } + .primary-toolbar button:hover, .primary-toolbar button:focus, .primary-toolbar .raised button:hover, .primary-toolbar .raised button:focus { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: radial-gradient(farthest-side, #cadddd 96%, rgba(202, 221, 221, 0)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + +toolbar button:hover { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #08090b; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +toolbar button:active { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: black; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.inline-toolbar toolbutton > button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:hover { + color: #9bbfbf; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #8bb5b5; } + .inline-toolbar toolbutton > button:disabled { + color: #8b8b8c; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(139, 181, 181, 0.3); } + .inline-toolbar toolbutton > button:backdrop { + color: #8b8b8c; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: #8bb5b5; } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #8b8b8c; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(139, 181, 181, 0.3); } + +toolbar.inline-toolbar toolbutton > button.flat:backdrop, +toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { + border-color: transparent; + box-shadow: none; } + +.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border: 1px solid #08090b; + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +entry: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, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, +.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, + .menuitem.button.flat:hover { + background-color: #22262d; } + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow { + background: none; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +notebook button, list button, .view button, iconview button, popover button { + box-shadow: inset 0px 0px 0px 1px #08090b; } + notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { + box-shadow: inset 0px 0px 0px 1px #08090b; } +notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #a8a8a8; + border: 1px solid #08090b; } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(168, 168, 168, 0.45); } + calendar.button:hover { + color: #a8a8a8; } + calendar.button:backdrop { + color: rgba(96, 97, 100, 0.45); } + calendar.button:disabled { + color: rgba(96, 97, 100, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #a8a8a8; } + calendar:backdrop { + color: #8b8b8c; + border-color: #0a0b0d; } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, iconview.content-view check, +.view.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, iconview.content-view radio, +.view.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, iconview.content-view check:hover, +.view.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, iconview.content-view radio:hover, +.view.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, iconview.content-view check:active, +.view.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, iconview.content-view radio:active, +.view.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, iconview.content-view check:disabled, +.view.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +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, +radio { + margin: 0 4px; + min-height: 16px; + min-width: 16px; + border: none; } + menu menuitem check, menu menuitem + radio { + margin: 0; } + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem + radio, menu menuitem + radio:hover, menu menuitem + radio:disabled { + min-height: 14px; + min-width: 14px; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + border-color: currentColor; + animation: none; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #000; } + colorswatch.dark overlay:hover { + border-color: #08090b; } + colorswatch.dark overlay:backdrop { + color: rgba(0, 0, 0, 0.5); } +colorswatch.light overlay { + color: #a8a8a8; } + colorswatch.light overlay:hover { + border-color: #08090b; } + colorswatch.light overlay:backdrop { + color: #8b8b8c; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #8a997d; + box-shadow: inset 0 0 0 2px #08090b, inset 0 0 0 1px #8a997d; } + colorswatch:drop(active).dark overlay { + border-color: #8a997d; + box-shadow: inset 0 0 0 2px #08090b, inset 0 0 0 1px #8a997d; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid #08090b; } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: #08090b; + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #22262d; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:hover { + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #131519; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:backdrop { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #15171c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #000; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar:not(headerbar) { + background-color: rgba(23, 26, 31, 0.95); } +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(23, 26, 31, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } +messagedialog.csd.background { + background-color: rgba(23, 26, 31, 0.95); + color: #a8a8a8; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +messagedialog.csd .dialog-action-area button { + padding: 10px 14px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; + background-color: transparent; + color: #a8a8a8; + box-shadow: none; } + messagedialog.csd .dialog-action-area button:hover { + background-color: rgba(155, 191, 191, 0.9); } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 4px; } + +filechooser .dialog-action-box { + border-top: 1px solid #08090b; } + filechooser .dialog-action-box:backdrop { + border-top-color: #0a0b0d; } +filechooser #pathbarbox { + border-bottom: 1px solid #171a1f; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), entry { + min-height: 25px; + 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: #a8a8a8; + border-color: #08090b; + background-color: #22262d; } + 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:not(.vertical) undershoot.left, + entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } + spinbutton:not(.vertical) undershoot.right, + entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } + spinbutton.flat:focus-within:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus-within, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + box-shadow: none; + border-radius: 0; } + spinbutton:focus-within:not(.vertical), + entry:focus-within { + border-color: #7cabab; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #606164; + border-color: #08090b; + background-color: #1a1c22; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #8b8b8c; + border-color: #0a0b0d; + background-color: #15171c; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #383e4a; + border-color: #0a0b0d; + background-color: #1a1c22; + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #a8a8a8; + border-color: #08090b; + background-color: #22262d; + color: #b72f1d; + border-color: #1d0704; } + spinbutton.error:focus-within:not(.vertical), + entry.error:focus-within { + border-color: #1d0704; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #b72f1d; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #a8a8a8; + border-color: #08090b; + background-color: #22262d; + color: #aa4b1a; + border-color: #0f0702; } + spinbutton.warning:focus-within:not(.vertical), + entry.warning:focus-within { + border-color: #0f0702; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #aa4b1a; } + spinbutton:not(.vertical) image, + entry image { + color: #8a8b8b; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #a8a8a8; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #9bbfbf; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #515256; } + spinbutton:drop(active):focus-within:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus-within, + entry:drop(active) { + border-color: #8a997d; + box-shadow: inset 0 0 0 1px #8a997d; } + .osd spinbutton:not(.vertical), + .osd entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus-within:not(.vertical), + .osd entry:focus-within { + color: white; + border-color: #9bbfbf; + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), + .osd entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), + .osd entry:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(62, 66, 74, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #9bbfbf; + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:focus-within + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:focus-within + button, .linked:not(.vertical) > +entry:focus-within + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + +entry, .linked:not(.vertical) > +entry:focus-within + +entry { + border-left-color: #7cabab; } +.linked:not(.vertical) > spinbutton:focus-within:not(.vertical), .linked:not(.vertical) > +entry:focus-within { + border-color: #7cabab; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #8a997d; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: #101115; + background-image: linear-gradient(to bottom, #131519, #131519); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: #121318; + background-image: linear-gradient(to bottom, #15171c, #15171c); } +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: #101115; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: #7cabab; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #8a997d; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #7cabab; } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #8a997d; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { + background-color: #131519; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #131519; } + treeview entry.flat:focus-within, treeview entry:focus-within { + border-color: #9bbfbf; } + +/************* + * 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-end-symbolic-rtl"); } + expander arrow:hover { + color: #f4f4f4; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #171a1f; + border-width: 1px; + border-style: solid solid none; + border-color: #08090b; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #171a1f; + border-color: #0a0b0d; } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #08090b; } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: #0a0b0d; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #08090b; } + actionbar > revealer > box:backdrop { + border-color: #0a0b0d; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: radial-gradient(farthest-side at top, #22262d 85%, rgba(34, 38, 45, 0)), radial-gradient(farthest-side at top, #22262d, rgba(34, 38, 45, 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: radial-gradient(farthest-side at top, #22262d 85%, rgba(34, 38, 45, 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: radial-gradient(farthest-side at bottom, #22262d 85%, rgba(34, 38, 45, 0)), radial-gradient(farthest-side at bottom, #22262d, rgba(34, 38, 45, 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: radial-gradient(farthest-side at bottom, #22262d 85%, rgba(34, 38, 45, 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: radial-gradient(farthest-side at left, #22262d 85%, rgba(34, 38, 45, 0)), radial-gradient(farthest-side at left, #22262d, rgba(34, 38, 45, 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: radial-gradient(farthest-side at left, #22262d 85%, rgba(34, 38, 45, 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: radial-gradient(farthest-side at right, #22262d 85%, rgba(34, 38, 45, 0)), radial-gradient(farthest-side at right, #22262d, rgba(34, 38, 45, 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: radial-gradient(farthest-side at right, #22262d 85%, rgba(34, 38, 45, 0)); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; + box-shadow: none; } +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; + box-shadow: none; } +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #08090b 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #15181c; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #0a0b0d 1px, transparent 1px); + background-color: #111316; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + border: 1px solid #131519; + background: #131519; + color: #a8a8a8; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #9bbfbf; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #131519; + background-image: none; + border: 1px solid #131519; + color: #a8a8a8; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #131519; } + GraniteWidgetsWelcome GtkLabel { + color: #a8a8a8; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(168, 168, 168, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + background-color: #171a1f; + border: solid #08090b; + color: #a8a8a8; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #171a1f; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #0c0e10; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(168, 168, 168, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #d79920; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #131519; } + .storage-bar .fill-block.app { + background-color: #458588; } + .storage-bar .fill-block.audio { + background-color: #d65e21; } + .storage-bar .fill-block.photo { + background-color: #cd3520; } + .storage-bar .fill-block.video { + background-color: #b16286; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), headerbar { + padding: 0 6px; + min-height: 34px; + background-color: #171a1f; + color: #a8a8a8; + border-radius: 0; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: #0a0b0d; + background-image: none; + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) headerbar .linked > button:hover, + headerbar .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) headerbar .linked > button:active, + headerbar .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) headerbar .linked > button:checked, + headerbar .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button:backdrop, + headerbar .linked > button, + headerbar .linked > button:hover, + headerbar .linked > button:active, + headerbar .linked > button:checked, + headerbar .linked > button:backdrop { + border: none; + border-radius: 3px; + border-right-style: none; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:first-child, + .titlebar:not(headerbar) headerbar .linked > button:first-child, + headerbar .titlebar:not(headerbar) .linked > button:first-child, + headerbar .linked > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + .titlebar:not(headerbar) .linked > button:last-child, + .titlebar:not(headerbar) headerbar .linked > button:last-child, + headerbar .titlebar:not(headerbar) .linked > button:last-child, + headerbar .linked > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + .titlebar:not(headerbar) .linked > button:only-child, + .titlebar:not(headerbar) headerbar .linked > button:only-child, + headerbar .titlebar:not(headerbar) .linked > button:only-child, + headerbar .linked > button:only-child { + border-radius: 3px; + border-style: solid; } + .titlebar:not(headerbar) entry, + headerbar entry { + min-height: 25px; } + .titlebar:not(headerbar) button, + headerbar button { + color: #a8a8a8; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + min-height: 20px; + margin-top: 5px; + margin-bottom: 5px; + border-radius: 4px; } + .titlebar:not(headerbar) button:hover, .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:hover, + headerbar button:active, + headerbar button:checked { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + .titlebar:not(headerbar) button:backdrop, .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(168, 168, 168, 0.2); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:backdrop:hover, .titlebar:not(headerbar) button:backdrop:active, .titlebar:not(headerbar) button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + background-color: transparent; + color: #9bbfbf; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop:hover, .titlebar:not(headerbar) button.titlebutton *, + headerbar button.titlebutton:hover, + headerbar button.titlebutton:active, + headerbar button.titlebutton:checked, + headerbar button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop:hover, + headerbar button.titlebutton * { + color: transparent; + box-shadow: none; + background-color: transparent; } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:active, + headerbar button.suggested-action:active { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(0, 0, 0, 0.5); } + .titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #8ec07c; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:active, + headerbar button.destructive-action:active { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(0, 0, 0, 0.5); } + .titlebar:not(headerbar) button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #a12a19; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) .linked > button:active:backdrop, + .titlebar:not(headerbar) .linked > button:checked:backdrop, + headerbar .linked > button:active:backdrop, + headerbar .linked > button:checked:backdrop { + color: rgba(155, 191, 191, 0.6); } + .titlebar:not(headerbar) .linked > button:active:backdrop label, + .titlebar:not(headerbar) .linked > button:checked:backdrop label, + headerbar .linked > button:active:backdrop label, + headerbar .linked > button:checked:backdrop label { + color: rgba(155, 191, 191, 0.6); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + color: #000; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: #7cabab; + background: #9bbfbf linear-gradient(to top, #92b9b9, #98bdbd 2px, #9bbfbf 3px); + box-shadow: inset 0 1px rgba(160, 194, 194, 0.55); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: #9bbfbf; + background-image: none; + box-shadow: inset 0 1px rgba(162, 196, 196, 0.46); } + .selection-mode.titlebar:not(headerbar) button, + headerbar.selection-mode button { + font-weight: normal; + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.flat, + headerbar.selection-mode button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:hover, + headerbar.selection-mode button:hover { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { + color: rgba(0, 0, 0, 0.4); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-filter: none; + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:checked label { + color: rgba(0, 0, 0, 0.7); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: #7cabab; } + .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:disabled, + headerbar.selection-mode button:disabled { + color: #000; + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { + color: rgba(0, 0, 0, 0.7); + outline-color: rgba(0, 0, 0, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:checked label { + color: rgba(0, 0, 0, 0.7); } + .selection-mode.titlebar:not(headerbar) button.suggested-action, + headerbar.selection-mode button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd3520; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(155, 191, 191, 0); + background-image: linear-gradient(to bottom, rgba(155, 191, 191, 0), rgba(155, 191, 191, 0)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + padding: 4px; + min-height: 28px; } + .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator { + margin-top: 5px; + margin-bottom: 5px; } +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; } +headerbar separator { + background: transparent; } +headerbar viewswitcher > box.horizontal > button.radio, headerbar switcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; } + +.background:not(.tiled):not(.maximized) .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 4px; } +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 4px; } + +window { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } +.titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { + background: #171a1f; } +.titlebar button:active { + color: #9bbfbf; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #a8a8a8; + background-color: #171a1f; + border-bottom: 1px solid #010202; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #000; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #000; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(0, 0, 0, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(19, 21, 25, 0.98); + color: #a8a8a8; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #a8a8a8; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #131519; + color: #a8a8a8; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(19, 21, 25, 0.8); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(19, 21, 25, 0.6); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(19, 21, 25, 0.5); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(19, 21, 25, 0.8); + color: rgba(168, 168, 168, 0.5); + box-shadow: none; } + +.info, .info:backdrop { + color: #989719; + background-color: transparent; } + +.warning, .warning:backdrop { + color: #aa4b1a; + background-color: transparent; } + +.question, .question:backdrop { + color: #8ec07c; + background-color: transparent; } + +.error, .error:backdrop { + color: #b72f1d; + background-color: transparent; } + +/************* + * Level Bar * + *************/ +levelbar block { + min-width: 32px; + min-height: 6px; } +levelbar.vertical block { + min-width: 6px; + min-height: 32px; } +levelbar:backdrop { + transition: 200ms ease-out; } +levelbar trough { + padding: 3px; + border-radius: 3px; + background-color: #272b33; + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + levelbar trough:backdrop { + background-color: rgba(0, 0, 0, 0.06); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } +levelbar.horizontal.discrete block { + margin: 0 1px; } +levelbar.vertical.discrete block { + margin: 1px 0; } +levelbar block { + border-radius: 2px; } + levelbar block:backdrop { + box-shadow: none; } + levelbar block.low { + background-color: #aa4b1a; } + levelbar block.low:backdrop { + border-color: #aa4b1a; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #8ec07c; } + levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { + border-color: #8ec07c; } + levelbar block.full { + background-color: #70af5a; } + levelbar block.full:backdrop { + border-color: #70af5a; } + levelbar block.empty { + background-color: rgba(0, 0, 0, 0.37); + box-shadow: none; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #458588; } + *:link:visited, + button:visited { + color: rgba(69, 133, 136, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #3e4c4c; } + *:link:hover, button:hover:link, + button:hover:visited { + color: #56a6aa; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #101313; } + *:link:active, button:active:link, + button:active:visited { + color: #458588; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #1f2626; } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: #9bbfbf; } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #1f2626; } + +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, listview { + color: #a8a8a8; + background-color: #131519; + border-color: #08090b; } + list:backdrop, listview:backdrop { + background-color: #15171c; + border-color: #0a0b0d; } + list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) { + border-left: 1px solid #08090b; } + list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator), listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid #08090b; } + +row { + padding: 8px 14px; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row label { + padding-left: 8px; } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(168, 168, 168, 0.05); } + row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + row.activatable:backdrop:hover { + background-color: transparent; } + row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: rgba(155, 191, 191, 0.5); } + row.activatable:selected:backdrop { + background-color: rgba(155, 191, 191, 0.6); } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #171a1f; + color: #a8a8a8; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + menubar > item, + .menubar > item { + min-height: 16px; + padding: 4px 8px; } + menubar > item:hover, + .menubar > item:hover { + box-shadow: inset 0 -3px #9bbfbf; } + menubar > item:disabled, + .menubar > item:disabled { + color: #606164; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background-color: #0e0e11; + border: 1px solid #08090b; + border-radius: 5px; + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #15181d; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #000; + background-color: #9bbfbf; } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #606164; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #383e4a; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #606164; + background-color: transparent; } + menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { + color: inherit; } + menu > arrow, .menu > arrow, .context-menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #0e0e11; + border-radius: 0; } + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #222427; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #222427; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + background-color: #222427; } + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + background-color: #15181d; } + menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } +menuitem check, +menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +.csd.popup { + background: transparent; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #08090b; } + .content-view:hover { + -gtk-icon-filter: brightness(1.2); } + .content-view:backdrop { + background-color: #08090b; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(168, 168, 168, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #131519; + border-top: 1px solid #08090b; + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #15171c; + border-color: #0a0b0d; } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #34363a; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: #08090b; + border-width: 1px; + background-color: #0f1013; } + notebook > header:backdrop { + border-color: #0a0b0d; + background-color: #171a1f; } + notebook > header tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked { + background-color: #131519; + box-shadow: -1px 0 0 #08090b, 0px -1px 0 #08090b, 1px 0 0 #08090b; } + notebook > header.top > tabs > tab:checked:hover { + background-color: #131519; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs { + margin-top: -2px; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + background-color: #131519; + box-shadow: -1px 0 0 #08090b, 0px 1px 0 #08090b, 1px 0 0 #08090b; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs { + margin-right: -2px; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + background-color: #131519; + box-shadow: 0px 1px 0 #08090b, 0px -1px 0 #08090b, 0px 1px 0 #08090b; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs { + margin-left: -2px; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + background-color: #131519; + box-shadow: 0px 1px 0 #08090b, 0px -1px 0 #08090b, 1px 0 0 #08090b; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 25px; + min-width: 25px; + padding: 3px 12px; + outline-offset: -5px; + color: #606164; + font-weight: normal; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #848586; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(8, 9, 11, 0.3); + background-color: rgba(23, 26, 31, 0.2); } + notebook > header tab:backdrop { + color: #434548; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #9bbfbf; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(8, 9, 11, 0.5); + background-color: rgba(23, 26, 31, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(23, 26, 31, 0.7); } + notebook > header tab:backdrop:checked { + color: #606164; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: #0a0b0d; + background-color: #15171c; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + background: transparent; + box-shadow: none; + color: #cd3520; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 0.5px; + padding-right: 0.5px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: -1px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: -1px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #131519; } + notebook > stack:not(:only-child):backdrop { + background-color: #15171c; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#08090b); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(#9bbfbf); } + paned > separator:backdrop { + background-image: image(#0a0b0d); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #171a1f; + background-image: image(#08090b), image(#08090b); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #171a1f; + background-image: image(#0a0b0d), image(#0a0b0d); } +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; } + +/************ + * Pathbars * + ************/ +.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; } + +/*************** + * Popovers * + ***************/ +popover.background { + background-color: transparent; + font: initial; } + popover.background > arrow, + popover.background > contents { + background-color: #0e0e11; + background-clip: padding-box; + border: 1px solid #08090b; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); } + popover.background:backdrop { + background-color: transparent; + box-shadow: none; } + popover.background > contents { + padding: 8px; + border-radius: 5px; } + popover.background > contents > list, + popover.background > contents > .view, + popover.background > contents > iconview, + popover.background > contents > toolbar { + border-style: none; + background-color: transparent; } + popover.background > contents separator { + background-color: #0d0e11; + margin: 3px; } + popover.background > contents list separator { + margin: 0; } + .osd popover.background, popover.background.touch-selection, popover.background.magnifier { + background-color: transparent; } + .osd popover.background > arrow, + .osd popover.background > contents, popover.background.touch-selection > arrow, + popover.background.touch-selection > contents, popover.background.magnifier > arrow, + popover.background.magnifier > contents { + border: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: none; } + +magnifier { + background-color: #131519; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(168, 168, 168, 0.4); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar.horizontal progress { + margin: 0; } + progressbar.vertical progress { + margin: 0; } + progressbar:backdrop { + box-shadow: none; + transition: 200ms ease-out; } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + progressbar.osd progress { + border-style: none; + border-radius: 0; } + +/************ + * GtkScale * + ************/ +progressbar trough, scale trough, scale fill { + background-color: #22262d; + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: #131519; } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: #131519; + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: #131519; } + +progressbar progress, scale highlight { + border: none; + background-color: #9bbfbf; + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(0, 0, 0, 0.14); } + progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: #abc9c9; + background-color: #abc9c9; } + progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.1); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 6px; } + scale.vertical trough, + scale.vertical progress { + min-width: 6px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + background-color: #9bbfbf; } + scale slider:active:disabled { + background-color: #1a1c22; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.05); } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + margin: -6px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; } + scale trough { + outline-offset: 2px; + outline-color: transparent; } + scale fill:backdrop, scale fill { + background-color: #08090b; } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(97, 97, 97, 0.775); } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #131519; + border: none; + border-radius: 12px; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:active { + border-color: #7cabab; } + scale slider:disabled { + background-color: #1a1c22; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:backdrop, scale slider:backdrop:disabled { + transition: 200ms ease-out; + background-color: #252830; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + row:selected scale slider:disabled, row:selected scale slider { + border-color: #7cabab; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + scale marks.top { + margin-right: 6px; + margin-left: -12px; } + scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } + scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 3px; } + scale.vertical indicator { + min-height: 1px; + min-width: 6px; } + scale.vertical.fine-tune indicator { + min-width: 3px; } + scale.horizontal.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #e5e2e2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + background-image: image(#08090b); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #15181c; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scrollbar.top { + border-bottom: 1px solid #08090b; } + scrollbar.bottom { + border-top: 1px solid #08090b; } + scrollbar.left { + border-right: 1px solid #08090b; } + scrollbar.right { + border-left: 1px solid #08090b; } + scrollbar:backdrop { + background-color: #111316; + border-color: #0a0b0d; + transition: 200ms ease-out; } + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #6e6f71; } + scrollbar slider:hover { + background-color: #8b8c8d; } + scrollbar slider:hover:active { + background-color: #bad3d3; } + scrollbar slider:backdrop { + background-color: #34363b; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #a8a8a8; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #a8a8a8; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #6e6f71; } + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #8b8c8d; } + scrollbar button:active, scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #bad3d3; } + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(110, 111, 113, 0.2); } + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #34363b; } + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(52, 54, 59, 0.2); } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid #08090b; + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: #15181c; } + .sidebar .frame { + border: none; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: none; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #08090b; + border-right-style: none; } + .sidebar:backdrop { + background-color: #16191e; + border-color: #0a0b0d; + transition: 200ms ease-out; } + .sidebar list { + background-color: #131519; } + .sidebar row:selected { + background: #131519; + color: #9bbfbf; } + .sidebar row:selected:backdrop { + color: rgba(155, 191, 191, 0.6); + background: transparent; } + .sidebar row:selected:backdrop label { + color: rgba(155, 191, 191, 0.6); } + .sidebar row:selected:hover { + background-color: rgba(155, 191, 191, 0.2); } + .sidebar row:selected label { + color: #9bbfbf; } + .sidebar.source-list { + background: #131519; + padding: 3px 0px; } + .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { + color: #9bbfbf; + background: #131519; } + .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { + background-color: rgba(155, 191, 191, 0.2); } + .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { + background-color: rgba(23, 26, 31, 0.4); } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; + border-color: #08090b; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row.sidebar-new-bookmark-row { + color: #9bbfbf; } +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #8a997d, inset 0 -1px #8a997d; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #8a997d; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #8a997d; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #000; } + +/***************** + * 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) button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #99999a; + background-image: none; + border-style: none none none solid; + border-color: rgba(8, 9, 11, 0.3); + border-radius: 0; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:hover { + color: #a8a8a8; + background-color: rgba(168, 168, 168, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(96, 97, 100, 0.3); } + spinbutton:not(.vertical) button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + color: #595a5d; + background-color: transparent; + border-color: rgba(10, 11, 13, 0.3); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(56, 62, 74, 0.3); + background-image: none; + border-style: none none none solid; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } +.osd spinbutton:not(.vertical) button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(254, 254, 254, 0.1); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #94969a; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +spinbutton.vertical:disabled { + color: #606164; } +spinbutton.vertical:backdrop:disabled { + color: #383e4a; } +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } +spinbutton.vertical entry { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; } +spinbutton.vertical button { + min-height: 32px; + min-width: 32px; + padding: 0; + border-width: 1px; + border-color: #08090b; + box-shadow: 0 1px rgba(255, 255, 255, 0.1); } +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; } +.osd spinbutton.vertical button:first-child { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(41, 45, 54, 0.98), rgba(41, 45, 54, 0.98)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: #9bbfbf; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +/********** + * Switch * + **********/ +switch { + font-size: 0px; + outline-offset: -4px; + transition: all 200ms ease-in; + border: 1px solid transparent; + border-radius: 14px; + color: transparent; + padding: 2.3px 0px; + background-color: #292d36; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(0, 0, 0, 0.1); } + switch:disabled { + background-color: #1a1c22; + border: 1px solid #08090b; } + switch:backdrop { + background-color: #171a1f; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #1a1c22; } + switch:active, switch:checked { + background-color: rgba(69, 133, 136, 0.8); + box-shadow: 0px 0px 4px rgba(69, 133, 136, 0.6); } + switch:active:backdrop, switch:checked:backdrop { + background-color: rgba(69, 133, 136, 0.5); } + switch slider { + padding: 2px; + margin: 0 2.3px; + min-width: 12px; + min-height: 12px; + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #131519; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } + switch slider:backdrop { + padding: 2px; + box-shadow: none; + background-color: #131519; } + switch:checked slider { + background: #131519; } + switch:checked slider:backdrop { + box-shadow: none; + background-color: rgba(19, 21, 25, 0.9); + border: none; } + switch trough:active, switch trough:checked { + background-color: #9bbfbf; } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: rgba(155, 191, 191, 0.6); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar > revealer > box { + padding: 4px; + background-color: #171a1f; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(41, 45, 54, 0.98); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + toolbar.horizontal separator { + margin: 0 7px 1px 6px; } + toolbar.vertical separator { + margin: 6px 1px 7px 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.inline-toolbar { + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; } + +searchbar > revealer > box { + border-width: 0 0 1px; + padding: 3px; } + +.inline-toolbar, searchbar > revealer > box { + border-style: solid; + border-color: #08090b; + background-color: #131519; } + .inline-toolbar:backdrop, searchbar > revealer > box:backdrop { + border-color: #0a0b0d; + background-color: #121519; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #131519; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 2px 4px; + background-color: transparent; + color: white; } + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: #5e5f61; + border-top-color: #171a1f; } + treeview.view:selected:focus, treeview.view:selected { + border-radius: 0; } + treeview.view:selected:backdrop, treeview.view:selected { + border-left-color: #4e6060; + border-top-color: rgba(168, 168, 168, 0.1); } + treeview.view:disabled { + color: #606164; } + treeview.view:disabled:selected { + color: #5d7373; } + treeview.view:disabled:selected:backdrop { + color: rgba(136, 167, 167, 0.85); } + treeview.view:disabled:backdrop { + color: #383e4a; } + treeview.view.separator { + min-height: 2px; + color: #171a1f; } + treeview.view.separator:backdrop { + color: rgba(23, 26, 31, 0.1); } + treeview.view:backdrop { + border-left-color: #3c3e42; + border-top: #171a1f; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #7cabab; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #7b7c7d; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #a8a8a8; } + treeview.view.expander:selected { + color: #2f3939; } + treeview.view.expander:selected:hover { + color: #000; } + treeview.view.expander:selected:backdrop { + color: rgba(87, 107, 107, 0.65); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: #4a4b4e; } + treeview.view.progressbar { + border: 1px solid #7cabab; + border-radius: 4px; + background-color: #9bbfbf; + background-image: linear-gradient(to bottom, #9bbfbf, #7cabab); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + border-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + color: #9bbfbf; + background-image: linear-gradient(to bottom, #131519, black); } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + border-color: #15171c; + background-color: #15171c; } + treeview.view.progressbar:backdrop { + border-color: #15171c; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(168, 168, 168, 0.1); + border-radius: 4px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: #7cabab; + border-radius: 4px; } + treeview.view header button { + color: #5e5f61; + background-color: #131519; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #838485; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #a8a8a8; + 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; + transition: none; + background-image: none; + background-color: #9bbfbf; + color: #131519; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #131519; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: #9bbfbf; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 0 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-width: 1px; + border-style: none solid solid none; + border-color: #171a1f; } + treeview.view header button:disabled { + border-color: #171a1f; + background-image: none; } + treeview.view header button:backdrop { + border-color: #171a1f; + border-style: none solid solid none; + color: #3c3e42; + background-image: none; + background-color: #15171c; } + treeview.view header button:backdrop:disabled { + border-color: #171a1f; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +window { + border-width: 0px; } + window.csd { + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 0px; + border-radius: 4px 4px 0 0; } + window.csd:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); + transition: 200ms ease-out; } + window.csd.popup { + border-radius: 7px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + window.csd.dialog.message { + border-radius: 4px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + window.solid-csd { + margin: 0; + padding: 4px; + border: solid 1px #08090b; + border-radius: 0; + box-shadow: inset 0 0 0 4px #08090b, inset 0 0 0 3px #171a1f, inset 0 1px rgba(168, 168, 168, 0.07); } + window.solid-csd:backdrop { + box-shadow: inset 0 0 0 4px #08090b, inset 0 0 0 3px #171a1f, inset 0 1px rgba(168, 168, 168, 0.07); } + window.maximized, window.fullscreen { + border-radius: 0; + box-shadow: none; } + window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { + border-radius: 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + window:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + window.popup { + box-shadow: none; } + window.ssd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { + min-width: 20px; + min-height: 20px; + margin: 0; + padding: 0 1px; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; } + windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:focus, windowcontrols button.close:active, windowcontrols button.close:backdrop, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:focus, windowcontrols button.maximize:active, windowcontrols button.maximize:backdrop, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:focus, windowcontrols button.minimize:active, windowcontrols button.minimize:backdrop, windowcontrols button.minimize:backdrop:hover { + background-color: transparent; + border: none; + box-shadow: none; + color: transparent; } +windowcontrols button.close { + background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } + windowcontrols button.close:hover, windowcontrols button.close:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } +windowcontrols button.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } + windowcontrols button.maximize:hover, windowcontrols button.maximize:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } +windowcontrols button.minimize { + background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } + windowcontrols button.minimize:hover, windowcontrols button.minimize:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } +windowcontrols button:backdrop { + -gtk-icon-shadow: none; + background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: 0 -1px rgba(0, 0, 0, 0.457254902); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.457254902); } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + background-color: #9bbfbf; } + row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + color: #000; + font-weight: normal; } + row:selected label:disabled, label:disabled:selected, .selection-mode windowcontrols button:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: #4e6060; } + row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + iconview text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + iconview text:backdrop:selected, + textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, + textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(0, 0, 0, 0.5); } + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode windowcontrols button:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, + textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(136, 167, 167, 0.85); } + +.monospace { + font-family: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********* +* Budgie * +*********/ +.budgie-container { + background-color: transparent; } + .budgie-container:backdrop { + background-color: transparent; } + .budgie-container popover list, + .budgie-container popover row { + border: none; + background: none; + padding: 0; + margin: 0; } + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; } + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: rgba(23, 26, 31, 0.98); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid @borders; } + .budgie-popover list:hover, + .budgie-popover row:hover, + .budgie-popover.background list:hover, + .budgie-popover.background row:hover { + background: none; } + .budgie-popover > frame.container, + .budgie-popover.background > frame.container { + margin: 0 -1px -1px; + padding: 2px 0 0; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu .container { + padding: 0; } +.budgie-menu button:hover { + -gtk-icon-filter: none; } +.budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid @borders; + border-radius: 0; + font-size: 120%; + box-shadow: none; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background-color: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid @borders; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid @borders; } +.budgie-menu .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(168, 168, 168, 0.05); + color: #a8a8a8; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #000; + background-color: rgba(139, 181, 181, 0.8); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(0, 0, 0, 0.7); } +.budgie-menu scrollbar { + background-color: transparent; + border-color: transparent; } +.budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } +.budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #a8a8a8; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #a8a8a8; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #a8a8a8; } + button.budgie-menu-launcher:backdrop { + color: #a8a8a8; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #a8a8a8; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: #9bbfbf; + box-shadow: none; + background-color: transparent; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(168, 168, 168, 0.1); } +.user-menu button { + margin: 5px; } +.user-menu > box.vertical row.activatable:first-child .indicator-item, +.user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + background-color: #8ec07c; + transition-duration: 0.2s; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { + padding-left: 7px; + background-position: left center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { + padding-right: 7px; + background-position: right center; + background-repeat: no-repeat; + background-size: 38px auto; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { + color: #000; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { + padding-left: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { + padding-right: 5px; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { + color: #000; } + .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, + .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { + min-width: 24px; + min-height: 20px; } + +button.raven-trigger { + padding-left: 2px; + padding-right: 2px; + color: #a8a8a8; + box-shadow: none; } + button.raven-trigger:hover { + color: #a8a8a8; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: #9bbfbf; } + button.raven-trigger:backdrop { + color: #a8a8a8; } + button.raven-trigger:backdrop:hover { + color: #a8a8a8; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: #9bbfbf; + background-color: transparent; } + +.places-menu .container { + padding: 0; } +.places-menu .message-bar { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.places-menu .name-button { + border: 0; + border-radius: 0; + padding: 4px 6px; } +.places-menu .unmount-button { + padding: 4px 4px; + border: 0; + border-radius: 0; } +.places-menu .places-section-header { + padding: 0px; + border-bottom: 1px solid rgba(8, 9, 11, 0.95); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } +.places-menu .places-section-header > button { + padding: 8px; + border: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; } +.places-menu .places-list { + background: rgba(168, 168, 168, 0.04); + border-bottom: 1px solid rgba(8, 9, 11, 0.95); } +.places-menu .unlock-area { + border-top: 1px solid rgba(8, 9, 11, 0.85); + border-bottom: 1px solid rgba(8, 9, 11, 0.85); } +.places-menu .unlock-area entry { + border-radius: 0; + border: 0; } +.places-menu .unlock-area button { + border-radius: 0; + border: 0; + border-left: 1px solid rgba(8, 9, 11, 0.85); } +.places-menu .alternative-label { + font-size: 15px; + padding: 3px; } +.places-menu .always-expand { + background: transparent; + border-bottom: none; } + +.night-light-indicator .container { + padding: 0; } +.night-light-indicator .view-header { + font-size: 14px; + padding: 10px; + border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35); + box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04); } +.night-light-indicator .display-settings-button { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border: none; + padding: 3px; + border-top: 1px solid mix(@theme_base_color, #000000, 0.35); + box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04); } + +.budgie-panel { + color: #a5a5a5; + background-color: rgba(23, 26, 31, 0.7); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #cd3520; } + .budgie-panel:backdrop { + color: #a5a5a5; + background-color: rgba(23, 26, 31, 0.7); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #a5a5a5; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(23, 26, 31, 0.25); } + .top .budgie-panel.transparent { + border-bottom-color: transparent; } + .bottom .budgie-panel.transparent { + border-top-color: transparent; } + .left .budgie-panel.transparent { + border-right-color: transparent; } + .right .budgie-panel.transparent { + border-left-color: transparent; } + .budgie-panel.transparent:backdrop, .budgie-panel.transparent label, .budgie-panel.transparent button.raven-trigger:backdrop, .budgie-panel.transparent button.budgie-menu-launcher { + color: #d8d8d8; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(165, 165, 165, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #a5a5a5; } + +.budgie-panel #tasklist-button, +.budgie-panel #tasklist-button:backdrop { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(23, 26, 31, 0); + border-radius: 0; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; } + +.budgie-panel button.flat.launcher { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: rgba(23, 26, 31, 0); + border-radius: 0; + padding: 0; + background-clip: padding-box; + background-color: transparent; } + .budgie-panel button.flat.launcher { + box-shadow: none; } + +.budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, +.budgie-panel .pinned button.flat.launcher.running:hover { + box-shadow: none; } +.budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, +.budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, +.budgie-panel .pinned button.flat.launcher.running:checked { + box-shadow: none; } +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { + padding-bottom: 2px; + border-top: 2px solid transparent; } + .top .budgie-panel .pinned button.flat.launcher:not(.running) { + border-top: 2px solid transparent; } + + .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + + .top .budgie-panel .unpinned button.flat.launcher, + .top .budgie-panel .pinned button.flat.launcher.running { + border-top: 2px solid rgba(255, 255, 255, 0.1); } + .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { + border-top: 2px solid rgba(255, 255, 255, 0.25); } + .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { + border-top: 2px solid #9bbfbf; } +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { + padding-top: 2px; + border-bottom: 2px solid transparent; } + .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { + border-bottom: 2px solid transparent; } + + .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + + .bottom .budgie-panel .unpinned button.flat.launcher, + .bottom .budgie-panel .pinned button.flat.launcher.running { + border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + border-bottom: 2px solid rgba(255, 255, 255, 0.25); } + .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + border-bottom: 2px solid #9bbfbf; } +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { + padding-right: 2px; + border-left: 2px solid transparent; } + .left .budgie-panel .pinned button.flat.launcher:not(.running) { + border-left: 2px solid transparent; } + + .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + + .left .budgie-panel .unpinned button.flat.launcher, + .left .budgie-panel .pinned button.flat.launcher.running { + border-left: 2px solid rgba(255, 255, 255, 0.1); } + .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { + border-left: 2px solid rgba(255, 255, 255, 0.25); } + .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { + border-left: 2px solid #9bbfbf; } +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { + padding-left: 2px; + border-right: 2px solid transparent; } + .right .budgie-panel .pinned button.flat.launcher:not(.running) { + border-right: 2px solid transparent; } + + .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + + .right .budgie-panel .unpinned button.flat.launcher, + .right .budgie-panel .pinned button.flat.launcher.running { + border-right: 2px solid rgba(255, 255, 255, 0.1); } + .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { + border-right: 2px solid rgba(255, 255, 255, 0.25); } + .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { + border-right: 2px solid #9bbfbf; } + +.top .budgie-panel { + border-bottom: 1px solid rgba(8, 9, 11, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(23, 26, 31, 0.92); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(8, 9, 11, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(23, 26, 31, 0.92); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(8, 9, 11, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(23, 26, 31, 0.92); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(8, 9, 11, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(23, 26, 31, 0.92); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } + +.raven { + padding: 0; + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.92); + transition: 170ms ease-out; } + .raven .raven-header { + min-height: 32px; + color: #a8a8a8; + border: solid rgba(8, 9, 11, 0.95); + border-width: 1px 0; + background-color: rgba(23, 26, 31, 0.2); } + .raven .raven-header * { + padding-top: 0; + padding-bottom: 0; } + .raven .raven-header.top { + border-top-style: none; + border-color: transparent; + margin-top: 3px; + min-height: 32px; } + .raven .raven-header.top button.image-button:hover { + color: #8bb5b5; + box-shadow: none; } + .raven .raven-header > button.text-button { + border-radius: 2px; + color: #000; + background-color: rgba(183, 47, 29, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:hover { + border-radius: 2px; + color: #000; + background-color: rgba(205, 53, 32, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header > button.text-button:active { + color: #000; + background-color: rgba(222, 63, 41, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header.bottom { + border-bottom-style: none; } + .raven .raven-header button { + background-color: transparent; + color: #a8a8a8; + border-radius: 0; + border: none; + box-shadow: none; + margin-top: -4px; + margin-bottom: -4px; + min-height: 32px; } + .raven .raven-header button:hover { + border-radius: 0; + background-color: transparent; + color: #9bbfbf; } + .raven .raven-header button:active, .raven .raven-header button:checked { + color: #9bbfbf; + border-radius: 0; + background-color: transparent; } + .raven .raven-header button:disabled { + color: #606164; } + .raven list { + background-color: transparent; } + .raven list:selected { + background-color: rgba(155, 191, 191, 0.9); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(155, 191, 191, 0.9); } + .raven .raven-background { + color: #a8a8a8; + background-color: transparent; + border-color: transparent; } + .raven .raven-background.middle { + border-bottom-style: none; } + .raven .powerstrip { + background-color: transparent; + border-top-color: transparent; } + .raven .powerstrip button.image-button { + border-radius: 50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: rgba(123, 123, 189, 0.7); + color: #000; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + border: none; + font-size: 100%; } + .raven .powerstrip button.image-button:hover { + transition: 170ms ease all; + background: rgba(123, 123, 189, 0.85); + color: #000; } + .raven .powerstrip button.image-button:active { + transition: 170ms ease all; + background: #7b7bbd; + color: #000; } + .raven .powerstrip button.image-button:first-child { + background: rgba(142, 192, 124, 0.9); } + .raven .powerstrip button.image-button:first-child:hover { + background: #8ec07c; } + .raven .powerstrip button.image-button:first-child:active { + background: #8ec07c; } + .raven .powerstrip button.image-button:last-child { + background: rgba(205, 53, 32, 0.9); } + .raven .powerstrip button.image-button:last-child:hover { + background: #cd3520; } + .raven .powerstrip button.image-button:last-child:active { + background: #cd3520; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 6px; + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.2); + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: transparent; + color: #9bbfbf; + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #a8a8a8; + border: none; + border-radius: 0; + background-color: transparent; } + calendar.raven-calendar button, calendar.raven-calendar button:focus { + color: alpha(currentColor,0.5); + background-color: transparent; } + calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { + color: #a8a8a8; + background-color: transparent; } + +.raven-mpris { + color: #a8a8a8; + background-color: rgba(1, 2, 2, 0.9); + border: solid rgba(255, 255, 255, 0.1); + border-width: 1px 0; + border-bottom-color: rgba(0, 0, 0, 0.1); } + .raven-mpris button.image-button { + padding: 10px; + background-color: #131519; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + .raven-mpris button.image-button:hover { + background-color: #9bbfbf; } + .raven-mpris button.image-button:active { + background-color: #8bb5b5; } + .raven-mpris button.image-button:first-child { + margin-right: 4px; } + .raven-mpris button.image-button:last-child { + margin-left: 4px; } + .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { + padding: 4px; + margin-top: 6px; + margin-bottom: 6px; } + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background: none; + border-radius: 1px; } + .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { + background-color: #8ec07c; + color: #000; + border: none; + margin: 0px 3px; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #7fb86b; + border: none; } + .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { + background-color: #7fb86b; } + +.budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { + border-radius: 1px; } +.budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { + font-size: 110%; + color: #a8a8a8; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(168, 168, 168, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #a8a8a8; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #cd3520; + box-shadow: none; } + .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { + background-color: transparent; + color: #b72f1d; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #a8a8a8; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #a8a8a8; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #a8a8a8; } + .budgie-switcher-window flowboxchild:selected { + color: #000; + background-color: rgba(155, 191, 191, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #000; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: #8cacac; } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(0, 0, 0, 0.7); + background-color: rgba(155, 191, 191, 0.7); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(0, 0, 0, 0.7); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #a8a8a8; + background-color: rgba(23, 26, 31, 0.7); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(168, 168, 168, 0.8); } + .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + font-size: 120%; } + .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: #a8a8a8; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + font-weight: 700; } + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + border-left: none; + border-bottom-left-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + border-right: none; + border-bottom-right-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(155, 191, 191, 0.9); } + .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { + background-color: rgba(142, 192, 124, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { + background-color: rgba(157, 200, 141, 0.9); } + .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { + background-color: rgba(157, 200, 141, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { + background-color: rgba(161, 42, 25, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { + background-color: rgba(183, 47, 29, 0.9); } + .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { + background-color: rgba(183, 47, 29, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #a8a8a8; } + .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { + background-color: #505359; } + .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { + background-color: #505359; } + +.budgie-polkit-dialog .message { + color: rgba(168, 168, 168, 0.7); } +.budgie-polkit-dialog .failure { + color: #cd3520; } + +.budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { + font-size: 120%; + padding: 8px 5px; + border: none; + box-shadow: none; } + .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { + color: #a8a8a8; } + .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list row:selected .subtitle, +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle { + opacity: 1; } +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0); } + +.budgie-menubar menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: rgba(23, 26, 31, 0.7); } + .budgie-menubar menu menuitem:hover { + background-color: #9bbfbf; + color: #000; } +.budgie-menubar arrow { + border: none; + min-width: 16px; + min-height: 16px; } + .budgie-menubar arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid rgba(40, 42, 47, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(40, 42, 47, 0.928); } +.budgie-menubar menuitem accelerator { + color: rgba(168, 168, 168, 0.35); } +.budgie-menubar menuitem check, .budgie-menubar menuitem radio { + min-height: 16px; + min-width: 16px; } + +window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { + border-style: none none solid; } + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(23, 26, 31, 0.7); } + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; } + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; } + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; } +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.7); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), + .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; } + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), + .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; } + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; } +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.7); } +.workspace-switcher .workspace-add-button { + border: none; + background: transparent; } + .workspace-switcher .workspace-add-button:hover { + box-shadow: none; } + .workspace-switcher .workspace-add-button:active { + background-image: none; } + .workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; } +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; } + +/************ + * Nautilus * + ************/ +.nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { + background: transparent; + color: #9bbfbf; } +.nautilus-window .frame *:selected:backdrop label { + color: rgba(155, 191, 191, 0.6); } +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(12, 14, 16, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(155, 191, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(155, 191, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(155, 191, 191, 0.9); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(19, 21, 25, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(155, 191, 191, 0.9); } +.nautilus-window.background { + background-color: rgba(12, 14, 16, 0.95); } + .nautilus-window.background:backdrop { + background-color: rgba(12, 14, 16, 0.95); } +.nautilus-window notebook > stack:only-child { + background-color: #131519; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #15171c; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } +.nautilus-window .titlebar .search { + border: 1px solid #08090b; + border-radius: 3px; } +.nautilus-window .path-bar-box .dim-label, .nautilus-window .path-bar-box label.separator, .nautilus-window .path-bar-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar-box .subtitle, +.nautilus-window .path-bar-box headerbar .subtitle, +headerbar .nautilus-window .path-bar-box .subtitle { + color: transparent; } +.nautilus-window .path-bar-box widget > .text-button:last-child { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + .nautilus-window .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(155, 191, 191, 0.6); } +.nautilus-window .path-bar-box button { + transition: all 100ms ease-in; + margin-left: 1px; } + .nautilus-window .path-bar-box button:backdrop:hover, .nautilus-window .path-bar-box button:backdrop:active, .nautilus-window .path-bar-box button:backdrop:checked { + background-color: transparent; + color: rgba(155, 191, 191, 0.6); + box-shadow: none; } + .nautilus-window .path-bar-box button:backdrop:hover label, .nautilus-window .path-bar-box button:backdrop:active label, .nautilus-window .path-bar-box button:backdrop:checked label { + color: rgba(155, 191, 191, 0.6); } + +.nautilus-circular-button { + border-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #a8a8a8; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #fff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #a8a8a8; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #a8a8a8; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #000; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #000; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #000; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #171a1f; } + +/********* +* Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground, #gnc-id-main-window .arrow.button.toggle { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + color: #a8a8a8; + transition: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + color: #9bbfbf; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #131519; + background-color: #131519; } + .gala-notification .title, + .gala-notification .label { + color: #a8a8a8; } + +.gala-button { + padding: 3px; + color: #131519; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(19, 21, 25, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #a8a8a8; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(155, 191, 191, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #a8a8a8; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(155, 191, 191, 0.3); + color: #000; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font-size: 18px; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #a8a8a8; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; } + .panel.maximized { + background-color: #000; } + .panel.translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel.color-light.translucent { + background-color: rgba(23, 26, 31, 0.7); } + +menubar.panel, +.panel menubar { + box-shadow: none; + border: none; } + +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { + color: rgba(0, 0, 0, 0.6); + text-shadow: 0 1px rgba(255, 255, 255, 0.1); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/********* + * Cards * + *********/ +.deck { + background-color: #060608; } + +.card { + background-color: #131519; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #08090b; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * 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; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #171a1f; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #a8a8a8; } + +/********* +* Avatar * +*********/ +.avatar { + border: 1px solid rgba(0, 0, 0, 0.23); + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } + +/**level bars**/ +.sidebar .source-list.view.level-bar, .sidebar iconview.source-list.level-bar, .sidebar .source-list.view.level-bar:selected, .sidebar iconview.source-list.level-bar:selected, .sidebar .source-list.view.level-bar:selected:focus, .sidebar iconview.source-list.level-bar:selected:focus { + background: linear-gradient(to right, #343a44, #343a44); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); + border-radius: 2px; } +.sidebar .source-list.view.level-bar.fill-block, .sidebar iconview.source-list.level-bar.fill-block { + border: none; } +.sidebar .source-list.view.fill-block, .sidebar iconview.source-list.fill-block, .sidebar .source-list.view.fill-block:hover, .sidebar iconview.source-list.fill-block:hover, .sidebar .source-list.view.fill-block:selected, .sidebar iconview.source-list.fill-block:selected, .sidebar .source-list.view.fill-block:selected:focus, .sidebar iconview.source-list.fill-block:selected:focus { + background-image: none; + background: linear-gradient(to right, #9bbfbf, #9bbfbf); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid #08090b; + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; } + checkbutton.color-button > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; } + checkbutton.color-button.none > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); } + +radiobutton.color-button > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 100px; + background-clip: border-box; } +radiobutton.color-button:active > radio { + border: 1px solid rgba(0, 0, 0, 0.35); } + +.color-button check, +.color-button check:checked, +.color-button radio, +.color-button radio:checked { + background-image: none; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; + color: #131519; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { + background-color: @STRAWBERRY_300; + -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } +.color-button.orange check, .color-button.orange radio { + background-color: @ORANGE_300; + -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { + background-color: @BANANA_500; + -gtk-icon-shadow: 0 1px 1px @BANANA_700; } +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { + background-color: @LIME_500; + -gtk-icon-shadow: 0 1px 1px @LIME_700; } +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { + background-color: @BLUEBERRY_500; + -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { + background-color: @GRAPE_500; + -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { + background-color: @COCOA_300; + -gtk-icon-shadow: 0 1px 1px @COCOA_500; } +.color-button.mint check, .color-button.mint radio { + background-color: @MINT_500; + -gtk-icon-shadow: 0 1px 1px @MINT_700; } +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { + background-color: @BUBBLEGUM_500; + -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } +.color-button.slate check, .color-button.slate radio { + background-color: @SLATE_300; + -gtk-icon-shadow: 0 1px 1px @SLATE_500; } +.color-button.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); } + +.xfce4-panel.panel { + background-color: rgba(23, 26, 31, 0.7); + color: #a8a8a8; + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(165, 165, 165, 0.8); + border-radius: 0; + border: none; + background-color: rgba(23, 26, 31, 0); } + #tasklist-button:hover { + color: #bfbfbf; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(255, 0, 0, 0.25); + box-shadow: inset 0 -2px #9bbfbf; } + +.xfce4-panel.panel button.flat { + color: #a5a5a5; + border-radius: 0; + border: none; + background-color: rgba(23, 26, 31, 0); + font-weight: normal; } + .xfce4-panel.panel button.flat:hover { + border: none; + background-color: rgba(45, 51, 60, 0.7); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked { + color: #a5a5a5; + border-bottom: 2px solid #9bbfbf; + background-color: rgba(19, 21, 25, 0.7); } + .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image { + color: inherit; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +UnityDecoration { + background-color: #eeeeee; + color: #31363D; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #eeeeee; + border-bottom-width: 0; + background-color: #eeeeee; + color: #31363D; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: #1a1d21; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #31363D; } + UnityDecoration .top .menuitem:backdrop { + color: #1a1d21; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #ececec; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #eeeeee, #ececec); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #ececec; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #d5d5d5; + color: #31363D; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #1a1d21; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #31363D; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #31363D; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #d5d5d5; + color: #31363D; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #606164; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #31363D; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #ebebeb; + color: #31363D; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: #08090b; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #131519; } + +@keyframes playbackmenuitem_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: #9bbfbf; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #08090b; } + MsdOsdWindow.background.osd .progressbar { + background-color: #9bbfbf; + border: none; + border-color: #9bbfbf; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(30, 33, 39, 0.98); + border: none; + border-radius: 5px; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left .separator, +.geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { + background-color: #9bbfbf; + color: #000; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(155, 191, 191, 0.6); + color: rgba(0, 0, 0, 0.5); } +ConversationListView .view .cell, ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { + color: #000; + border: 0px solid #7cabab; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: rgba(23, 26, 31, 0.7); + color: #a5a5a5; + font-weight: bold; + box-shadow: inset 0 -1px rgba(8, 9, 11, 0.7); } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: #a5a5a5; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(165, 165, 165, 0.5); } + #panel_window .menubar .menuitem:disabled GtkLabel, + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:disabled label, + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #a8a8a8; } + +#content_frame { + padding-bottom: 14px; + background-color: #171a1f; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + font-weight: normal; + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #22262d; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:hover { + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #131519; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:active, #content_frame button:checked { + color: #a8a8a8; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #9bbfbf; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:disabled { + color: #8b8b8c; + outline-color: rgba(168, 168, 168, 0.3); + background-color: #1a1c22; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #171a1f; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(41, 45, 54, 0.98); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(67, 75, 89, 0.98), rgba(67, 75, 89, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(54, 60, 71, 0.98), rgba(54, 60, 71, 0.98)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:disabled { + color: #94969a; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(62, 66, 74, 0.5), rgba(62, 66, 74, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #a8a8a8; + font-size: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +.nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, +.nemo-window .places-treeview iconview.cell:hover { + background: rgba(17, 19, 22, 0.7); } +.nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, +.nemo-window .places-treeview iconview.cell:selected { + background: #9bbfbf; + color: #000; } +.nemo-window .sidebar { + background-color: #131519; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { + color: #98abb2; + background-color: transparent; } +.nemo-window .nemo-window-pane widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: #a8a8a8; + border: 1px solid #08090b; + border-radius: 3px; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } + .nemo-window .nemo-window-pane widget.entry:selected { + background-color: #9bbfbf; + color: #000; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #171a1f; } + .nemo-window toolbar.primary-toolbar button { + color: #a8a8a8; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + border: none; + border-radius: 4px; + margin-top: 5px; + margin-bottom: 5px; + min-height: 24px; } + .nemo-window toolbar.primary-toolbar button:hover, .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + .nemo-window toolbar.primary-toolbar button:hover:backdrop label, .nemo-window toolbar.primary-toolbar button:selected:backdrop label, .nemo-window toolbar.primary-toolbar button:active:backdrop label, .nemo-window toolbar.primary-toolbar button:checked:backdrop label { + color: #9bbfbf; } +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, +.nemo-window .nemo-inactive-pane iconview { + background-color: #0f1013; } + +/* thunar */ +.thunar toolbar { + background-color: #171a1f; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +scrolledwindow.sidebar treeview.view { + background: #131519; + padding: 1.5px; } + +/* path-bar of thunar */ +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button, +.thunar toolbar .path-bar-button { + border-radius: 4px; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, + .thunar toolbar .path-bar-button:hover { + color: #9bbfbf; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, + .thunar toolbar .path-bar-button:checked { + background-color: rgba(155, 191, 191, 0.3); + color: #9bbfbf; + text-shadow: none; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:backdrop label, + .thunar toolbar .path-bar-button:checked:backdrop label { + color: rgba(155, 191, 191, 0.6); } + +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button, +.thunar toolbar .path-bar-button { + background: none; + outline: none; + border: none; + box-shadow: none; } + +/* thunar sidepane */ +window.thunar paned > scrolledwindow treeview.view:hover { + background: #1a1c22; } +window.thunar paned > scrolledwindow treeview.view:selected { + color: #9bbfbf; + border-radius: 0; + box-shadow: none; } + +.caja-notebook .entry { + background: #131519; + color: #a8a8a8; } + .caja-notebook .entry:selected { + background: #9bbfbf; + color: #000; } + +/*# sourceMappingURL=gtk.css.map */ diff --git a/gtk-4.0/thumbnail.png b/gtk-4.0/thumbnail.png new file mode 100755 index 0000000000000000000000000000000000000000..b9e63a680713bb8da246d628fdb7931cde8e875f GIT binary patch literal 1757 zcmZ9Ld05iv7RP^DX^&3xTuoF=1w;fy6kGvU1O&t-QF93wR8TXe6v~B4QB*QzQE+2X zaj9;DnW;%rI-r^upb2W^oDyve7t>7K@pL`k+I%BNK`;TaaEq&&}6)-=rS}R0|ElWBl*<@bDs{~ z_S{j&tI1+%z9q@vkKY!lS8zvH+WT$6_M8&Dc+YM9lz;MzraVf8c z9}!16Bd?uY)}HCAEfbYi)$>yivYRB$&CM-j3N0s>Gc-IrFfizk34*{7gM))=jV3Gm zuv)DyAN9R`$SuvQZ4*FX zz8RTWU0re>zs%jk8;uF9sHm(Fib{BVUq7@$p^S-*4~~qCijRs z?B(J@_dSe8rL13Cz3^a#p~S4O6A5U0&tHzZ%u6~PssNj+vmA1#0%)_NnTAww0@1z~ zQ(ODH0tkvVOKm0bOG`eIk*lITXW*A9yAxesOSQVJb4R z*4O{`Y`MhCQ>T4vmaN@=y6=u?tI=uHytKyp{44vXpqr}GV)3?3QxkbxEM8Q>EO|~I zckbI%Gis@$xf#L_`o29Ul6Ry6t!YK<>cop^Zq{z*_?S^jOW?ag3TA!(@@nJl>+fH` zJWeAEwH2@jAO<%rgTu}}w0a+$mzI;8+4%?*HY0*gei0EmGS)H9kGZLdQec7)TP(R> zZL~_u8*=PhF{JB_+goq!%s#E%(-Uq6%n`(&KmGAD0=Y3Vks_0c#od0*96Zk-@=a*@ zJNy#ylwB)^ziJ!If7Eo%r#vtw>&b7-ltCo%j7@@f&b2Z;O`;VG5s=ZM1ZpLD7QEtYVBvgf(EQ!cpv>ce-Yb?|IQ z&6fVgpU!Z?76eGx-Hy}MTz>WVJ2-V-@@O&gB}%jTqHh#|i{9{xwed~S4~RYFm?w^_ zT5Ra+sFT|dq`&T6T_w5&k=rxf0t@C>m|BeG(qv9CX2!(&I{O2sd~y1wtDfD#iOYCa z7fIP%%~QO&5vkgOJbnzaR7|(YeG!n@y3K6%=8qwE9%c#THn`{!`0+wVZ?Z}?ng0pd z`h=K!w#~~R!G%}tCtc=W{LB6#;l*;pSD}v$(&`NF{G#D3*hvGv>p+pj%*pC7&S_#AsQNk7S zNX0uC57-f5abZ{-Ap=h!h2gAH3=T)a;pVBIuKf>CDJUuD*Zm*xpWgokev`EEtN?gt rLb`x2Jjt!*0i{)fN*=bxI*eCUQzj7pW7j7!RuRCYrBF@rg_3^*J*mY6 literal 0 HcmV?d00001 diff --git a/index.theme b/index.theme new file mode 100755 index 0000000..decfcaa --- /dev/null +++ b/index.theme @@ -0,0 +1,11 @@ +[Desktop Entry] +Type=X-GNOME-Metatheme +Name=FakeOS +Comment=FakeOS Synthwave Inspired Theme +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=FakeOS +MetacityTheme=FakeOS +IconTheme=Candy-icons +ButtonLayout=:minimize,maximize,close